5e:I[267044,["/creators-assets/_next/static/immutable/chunks/356g_j0l71_46.js","/creators-assets/_next/static/immutable/chunks/3gx96u50v9idb.js","/creators-assets/_next/static/immutable/chunks/125_ce2ese0y_.js","/creators-assets/_next/static/immutable/chunks/2ii8lkleumgkk.js","/creators-assets/_next/static/immutable/chunks/1jubx4t_1hq7l.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/069_m7850i8jf.js","/creators-assets/_next/static/immutable/chunks/03586ab1rea-b.js","/creators-assets/_next/static/immutable/chunks/19qq0hy3mz_vv.js","/creators-assets/_next/static/immutable/chunks/2oixy7hansmjm.js","/creators-assets/_next/static/immutable/chunks/2rczsbgoa3afm.js","/creators-assets/_next/static/immutable/chunks/2a63j-5qkrdf4.js","/creators-assets/_next/static/immutable/chunks/2504rifrkrd_l.js","/creators-assets/_next/static/immutable/chunks/0-lv0573a1cyl.js","/creators-assets/_next/static/immutable/chunks/3kkqflhmmpg9p.js","/creators-assets/_next/static/immutable/chunks/0ib-rcz4b0eq3.js","/creators-assets/_next/static/immutable/chunks/0mgwzh6o644jl.js","/creators-assets/_next/static/immutable/chunks/24gcuxpvxd8dy.js","/creators-assets/_next/static/immutable/chunks/0xd4yj8g3g-ci.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/3vd9_7_mqx0kl.js","/creators-assets/_next/static/immutable/chunks/3l37d07td4kzk.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/3nw4q_evu8ge1.js","/creators-assets/_next/static/immutable/chunks/3o5qsyzxffd89.js","/creators-assets/_next/static/immutable/chunks/0sdd6rzuigoor.js","/creators-assets/_next/static/immutable/chunks/04onqby6uwgz7.js","/creators-assets/_next/static/immutable/chunks/16d5vpfsnfybw.js","/creators-assets/_next/static/immutable/chunks/3f4d4x4z1mrzh.js","/creators-assets/_next/static/immutable/chunks/0yulab_mho2q7.js","/creators-assets/_next/static/immutable/chunks/3_6nvj55e699g.js","/creators-assets/_next/static/immutable/chunks/2r15b2hek61lg.js","/creators-assets/_next/static/immutable/chunks/14pxn0b6e1dc9.js","/creators-assets/_next/static/immutable/chunks/0pc9t50m5x90i.js","/creators-assets/_next/static/immutable/chunks/3fyhezch4qqad.js","/creators-assets/_next/static/immutable/chunks/3eh5q_6ksmw0l.js","/creators-assets/_next/static/immutable/chunks/2rdaqkxiyeq_6.js","/creators-assets/_next/static/immutable/chunks/2qeyp4zfa4qwb.js","/creators-assets/_next/static/immutable/chunks/0v2aom8xv86j9.js","/creators-assets/_next/static/immutable/chunks/19r4rf2zyng-y.js","/creators-assets/_next/static/immutable/chunks/0s-n7u5-dwtml.js"],"S"] 5f:T6f5,

This gallery component is built to showcase portfolios, product features, or case studies with a sleek, interactive accordion effect. It transforms static image grids into engaging, tactile elements.

Key Features

Elastic Interactions: Smooth hover-to-grow animations. Clicking an item expands it into focus while gracefully shrinking the remaining tiles. Clicking the active item instantly resets the grid to its default state.
Flexible Orientation: Seamlessly toggle between horizontal rows or vertical columns to fit any layout requirement.
Precision State Control: Fine-tune the exact visual hierarchy. Adjust the expansion scale (Hover Growth), inactive shrink ratios, and inactive opacity levels to direct the user's attention exactly where you want it.
Fluid Transitions: Custom duration and easing controls (e.g., cubic-bezier) ensure interactions feel natural, polished, and responsive.
Smart Overlays & Labels: Add integrated, customizable text labels. Control their vertical positioning, typography, text color, and optional background overlays to guarantee readability against any image.
Responsive & Adaptive: Automatically handles varying image ratios while maintaining the structural integrity of the flex layout, ensuring it looks sharp on all breakpoints.

Refunds: Please note that due to the digital nature of this product, all sales are final. You can review my full Refund & Cancellation Policy [here].

60:T4db,

🔥 Special Offer: Now €4 (Was €9)

Grab full access for less than half the price for a limited time.

Highlights:

🎯 Smart Scrollspy: Zero-lag IntersectionObserver tracking + smooth Lenis scroll support.

⚡ Smart Routing: Seamlessly handles internal pages, scroll anchors, and external links.

✨ Animated Indicator: Fluid sliding & scaling active state indicators.

👁 Conditional Visibility: Auto-hide/show between specific page sections.

🎨 SVG Auto-Recoloring: Automatically matches icon colors to active text states.

🛠 Full Styling Control: Complete typography, offset, and shadow customization.

Get instant access for just €4 today.

61:T7b0,

The Scrollspy Navigation component delivers precise section tracking, fluid indicator animations, and complete styling freedom for Framer single-page and multi-page layouts.

Key Features

Smart Scrollspy: Powered by IntersectionObserver for zero-lag section detection. Smooth-scrolls on click and works seamlessly with libraries like Lenis.
Cross-Site Routing: Automatically handles internal pages, scroll anchors, and external URLs. Leverages Framer's native routing for flash-free page transitions.
Animated Indicator: Features a customizable active indicator with smooth sliding and scaling. Full control over background, active text color, and scaling behavior.
Conditional Visibility: Define explicit Start and End sections to automatically show or hide the navigation (e.g., hide in hero or footer).
Independent Offsets: Separate trigger offsets for active section detection vs. component visibility for precise scroll control.
Flexible Item Layout: Unlimited items. Display as text + icon, icon-only, or text-only. Position icons top, bottom, left, or right.
Automatic SVG Recoloring: Automatically syncs single-color SVG icons with your active and default text colors. Togglable for multi-color assets.
Advanced Styling: Full typography control, container layout settings (padding, border radius, native drop shadows), and flexible 100% width/height frame fitting.

Refund Policy

Due to the digital nature of this product, all sales are final. Please review the full Refund & Cancellation Policy before purchasing. You can find it [here].

62:Tc86,

Smart Tooltips is a professional, highly customizable component for Framer designed to enhance user experience by providing rich, context-aware information exactly when it's needed. Go beyond simple pop-ups with advanced triggers, smart positioning, and deep styling controls.

Key Features

Interactive Triggers & Pinning: Choose between Click or Hover to reveal the tooltip. The unique hover mode allows users to reveal a tooltip on mouseover, and then click to "pin" it in place for further reading—a feature perfect for complex information.
Smart Positioning: The tooltip is designed to be intelligent. While you can set a preferred position (Bottom or Right), it will automatically reposition itself to Top or Left to avoid being cut off by the edges of the screen, ensuring a flawless user experience on any device.
Live Editor Preview: Style with confidence using the Preview toggle. This feature displays the tooltip directly on the Framer canvas, allowing you to perfect its appearance without constantly switching to presentation mode.
Deep Button Customization: The trigger button is fully customizable. Control the:
- Icon: Use a custom SVG, a fallback icon, and set its Color, Hover Color, and Size.
- Style: Adjust the Background Color, Hover Color, Rotation, and Border Radius.
- Borders: Define unique border widths and colors for both the default and hover states.
Rich Tooltip Styling: Tailor the tooltip bubble to perfectly match your brand. Customize the Text content, Background and Text Color, Max Width, Border Radius, and apply a detailed Shadow with a native-like editor (Color, X, Y, Blur, Spread).
Full Font Control: Utilize Framer's extended font controls to manage the tooltip's typography down to the smallest detail, including font family, size, line height, and letter spacing.
Professional & Accessible: Built with the user in mind, the tooltip automatically closes on outside clicks or on scroll, and is fully keyboard-navigable for enhanced accessibility.

63:T574,

Item Scroller — Vertical Auto-Scroll Showcase for Framer

Elevate your hero sections, testimonials, and feature lists with a dynamic vertical scroller featuring seamless background image transitions and full playback controls.

🔥 Price Drop: Now €4 (Was €9)

Get the full component at over 50% off for a limited time.

Highlights:

🔄 Auto-Scroll Engine: Display up to 20 items with custom scroll and background fade timing.

🖼 Dynamic Backgrounds: Per-item images with built-in overlay color, opacity, and blur controls.

👆 Interactive Playback: Up/Down navigation + click/hold play & pause controls.

🔗 Clickable Items: Deep link items to internal routes, scroll anchors, or external URLs.

🎨 Fully Customizable: Adjust SVG icons, gradient edge masks, typography, and spacing.

Upgrade your Framer layouts for just €4 today.

64:T67e,

The Item Scroller is a versatile Framer component designed to showcase content with an elegant vertical auto-scrolling effect and dynamic background transitions. Ideal for testimonials, featured showcases, and dynamic hero sections.

Key Features:

Dynamic Auto-Scroll: Display up to 20 customizable items with smooth vertical transitions and adjustable scroll and fade speeds.
Rich Item Customization: Configure each item with a unique title, description, custom background image, and dynamic background overlay effects (color, opacity, blur).
Interactive Controls: Manual up/down navigation with integrated play/pause toggles (click on desktop, hold on touch devices).
Interactive Item Links: Assign custom links (internal pages, scroll anchors, external URLs) to convert scroller items into interactive navigation.
Custom SVG Icons: Full control over SVG icon strokes, colors, and styling for dividers, navigation arrows, and playback controls.
Gradient Fades & Spacing: Built-in top and bottom edge gradient masks for clean visual integration, plus full control over typography, HTML tags (H1-P), and spacing.

Refund Policy:

Due to the digital nature of this product, all sales are final. Please review the full Refund & Cancellation Policy before purchasing. You can find it [here].

5d:["$","$L5e",null,{"value":{"fallback":{"$inf$activity-creator-4368db49-eb5c-4054-9dbf-a9db63c574f1-all:/unified/creator/4368db49-eb5c-4054-9dbf-a9db63c574f1/activity/":[{"data":[],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}],"$inf$posts:4368db49-eb5c-4054-9dbf-a9db63c574f1:/unified/posts/?creator=4368db49-eb5c-4054-9dbf-a9db63c574f1&with=reposts":[{"data":[{"id":"019dd0b8-60ad-7443-9983-5bcfa5f127f0","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"4368db49-eb5c-4054-9dbf-a9db63c574f1","name":"Lennart Ahlfeldt","slug":"lennartworks","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/937506/avatar-GqjomYXlVp6LQbLhyf9vsptZaqnL9y.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"RF1lCgNixICstpQDt2yn","resolved":true,"title":"Accordion Gallery","body":"$5f","bodyJson":null,"introduction":"Interactive Elastic Image Tiles","slug":"accordion-gallery","author":{"framerUserId":"4368db49-eb5c-4054-9dbf-a9db63c574f1","name":"Lennart Ahlfeldt","slug":"lennartworks","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/937506/avatar-GqjomYXlVp6LQbLhyf9vsptZaqnL9y.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/RF1lCgNixICstpQDt2yn/accordionfocusgalle-24IFHJ7PiHSGGesbhwU9JJMjCu7hL3","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-04-19T10:31:16.782Z","updatedAt":"2026-05-17T14:31:26.821Z","publishedAt":"2026-04-27T20:53:57.549Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://law-components.framer.website/accordion-gallery","price":"1","paymentUrl":"https://buy.stripe.com/cNicMY4Pt8tp8dk2aBcAo08","workshop":true,"categories":[{"id":"66bb31f7-cddf-4a3e-8604-95b3467aecc2","name":"Galleries","slug":"galleries"}],"lastSaveId":"i6pGmP7u8Cme52WBzsCi","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":1,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-04-27T20:53:57.549Z","updatedAt":"2026-04-27T20:53:57.549Z"},{"id":"019b4afa-480c-75f5-a03e-f23f1830fdd0","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"4368db49-eb5c-4054-9dbf-a9db63c574f1","name":"Lennart Ahlfeldt","slug":"lennartworks","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/937506/avatar-GqjomYXlVp6LQbLhyf9vsptZaqnL9y.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"11071","resolved":true,"title":"lennartworks.de","body":null,"bodyJson":null,"introduction":"My first live site, launched in April. \"A little chaos, but perfectly arranged.\" It captures my drive for bold, memorable visuals after years of pure design. What began with 4 projects is now a full showcase of unique aesthetics that stick.","slug":"lennartworks-de","author":{"framerUserId":"4368db49-eb5c-4054-9dbf-a9db63c574f1","name":"Lennart Ahlfeldt","slug":"lennartworks","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/937506/avatar-GqjomYXlVp6LQbLhyf9vsptZaqnL9y.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/sites/11071/thumbnail.jpg","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-12-23T11:31:15.083Z","updatedAt":"2025-12-23T11:31:15.083Z","publishedAt":"2025-12-23T11:31:15.084Z","featuredAt":null,"approvedAt":null,"type":"site","attributes":{"url":"https://lennartworks.de/","categories":[{"id":"6a730e3d-bdf2-42a2-ab42-eee5ef39b694","name":"Portfolio","slug":"portfolio"}],"mainCategory":null,"tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":1,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2025-12-23T11:31:15.084Z","updatedAt":"2025-12-23T11:31:15.084Z"},{"id":"0199d45e-e5ea-7d08-af24-08829d8486b0","title":null,"body":"$60","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"fire","emoji":"🔥"}},{"type":"text","text":" Special Offer: Now €4","marks":[{"type":"bold"}]},{"type":"text","text":" "},{"type":"text","text":"(Was €9)","marks":[{"type":"italic"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Grab full access for less than half the price for a limited time."}]},{"type":"paragraph","content":[{"type":"text","text":"Highlights:","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"dart","emoji":"🎯"}},{"type":"text","text":" "},{"type":"text","text":"Smart Scrollspy:","marks":[{"type":"bold"}]},{"type":"text","text":" Zero-lag "},{"type":"text","text":"IntersectionObserver","marks":[{"type":"code"}]},{"type":"text","text":" tracking + smooth Lenis scroll support."}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"zap","emoji":"⚡"}},{"type":"text","text":" "},{"type":"text","text":"Smart Routing:","marks":[{"type":"bold"}]},{"type":"text","text":" Seamlessly handles internal pages, scroll anchors, and external links."}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"sparkles","emoji":"✨"}},{"type":"text","text":" "},{"type":"text","text":"Animated Indicator:","marks":[{"type":"bold"}]},{"type":"text","text":" Fluid sliding & scaling active state indicators."}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"eye","emoji":"👁"}},{"type":"text","text":" "},{"type":"text","text":"Conditional Visibility:","marks":[{"type":"bold"}]},{"type":"text","text":" Auto-hide/show between specific page sections."}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"art","emoji":"🎨"}},{"type":"text","text":" "},{"type":"text","text":"SVG Auto-Recoloring:","marks":[{"type":"bold"}]},{"type":"text","text":" Automatically matches icon colors to active text states."}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"hammer_and_wrench","emoji":"🛠"}},{"type":"text","text":" "},{"type":"text","text":"Full Styling Control:","marks":[{"type":"bold"}]},{"type":"text","text":" Complete typography, offset, and shadow customization."}]},{"type":"paragraph","content":[{"type":"text","text":"Get instant access for just €4 today.","marks":[{"type":"bold"}]}]}]},"author":{"framerUserId":"4368db49-eb5c-4054-9dbf-a9db63c574f1","name":"Lennart Ahlfeldt","slug":"lennartworks","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/937506/avatar-GqjomYXlVp6LQbLhyf9vsptZaqnL9y.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"1uQi9KZBIl2t4PfPK2yP","resolved":true,"title":"Scrollspy Navigation","body":"$61","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"The Scrollspy Navigation component delivers precise section tracking, fluid indicator animations, and complete styling freedom for Framer single-page and multi-page layouts."}]},{"type":"customHeading","content":[{"type":"text","text":"Key Features"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Smart Scrollspy:","marks":[{"type":"bold"}]},{"type":"text","text":" Powered by "},{"type":"text","text":"IntersectionObserver","marks":[{"type":"code"}]},{"type":"text","text":" for zero-lag section detection. Smooth-scrolls on click and works seamlessly with libraries like Lenis."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Cross-Site Routing:","marks":[{"type":"bold"}]},{"type":"text","text":" Automatically handles internal pages, scroll anchors, and external URLs. Leverages Framer's native routing for flash-free page transitions."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Animated Indicator:","marks":[{"type":"bold"}]},{"type":"text","text":" Features a customizable active indicator with smooth sliding and scaling. Full control over background, active text color, and scaling behavior."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Conditional Visibility:","marks":[{"type":"bold"}]},{"type":"text","text":" Define explicit Start and End sections to automatically show or hide the navigation (e.g., hide in hero or footer)."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Independent Offsets:","marks":[{"type":"bold"}]},{"type":"text","text":" Separate trigger offsets for active section detection vs. component visibility for precise scroll control."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Flexible Item Layout:","marks":[{"type":"bold"}]},{"type":"text","text":" Unlimited items. Display as text + icon, icon-only, or text-only. Position icons top, bottom, left, or right."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Automatic SVG Recoloring:","marks":[{"type":"bold"}]},{"type":"text","text":" Automatically syncs single-color SVG icons with your active and default text colors. Togglable for multi-color assets."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Advanced Styling:","marks":[{"type":"bold"}]},{"type":"text","text":" Full typography control, container layout settings (padding, border radius, native drop shadows), and flexible 100% width/height frame fitting."}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Refund Policy"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Due to the digital nature of this product, all sales are final. Please review the full Refund & Cancellation Policy before purchasing. You can find it "},{"type":"text","text":"[here]","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://lennartworks.de/legal/refund-policy","class":null,"target":"_blank"}}]},{"type":"text","text":"."}]}]},"introduction":"Smart Onepager & Crosssite Nav","slug":"scrollspy-navigation","author":{"framerUserId":"4368db49-eb5c-4054-9dbf-a9db63c574f1","name":"Lennart Ahlfeldt","slug":"lennartworks","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/937506/avatar-GqjomYXlVp6LQbLhyf9vsptZaqnL9y.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/1uQi9KZBIl2t4PfPK2yP/scrollspy-navigation-K0K5pDkPu1hyHKJY70YhHKWpk5YwLT","metadata":{"tint":{"h":180,"s":50,"l":6},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-10-03T15:13:15.382Z","updatedAt":"2026-07-27T20:23:51.633Z","publishedAt":"2025-10-11T17:43:33.098Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://law-components.framer.website/scrollspy-navigation","price":"4","paymentUrl":"https://buy.stripe.com/5kQ14gbdR9xtctA02tcAo06","workshop":false,"categories":[{"id":"4c691677-c621-4041-a908-cbc2d3272658","name":"Navigation","slug":"navigation"}],"lastSaveId":"XerNOUDnuTn4ONCXGw9f","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":3,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":2,"edited":true,"editedAt":"2026-07-27T20:23:52.242Z","createdAt":"2025-10-11T17:43:33.098Z","updatedAt":"2026-07-27T20:23:52.242Z"},{"id":"0199cd6e-18ad-7b2a-aa58-653175f4dbd2","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"4368db49-eb5c-4054-9dbf-a9db63c574f1","name":"Lennart Ahlfeldt","slug":"lennartworks","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/937506/avatar-GqjomYXlVp6LQbLhyf9vsptZaqnL9y.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"VWnAHaKd5uLMCJhZMdER","resolved":true,"title":"Smart Tooltips","body":"$62","bodyJson":null,"introduction":"","slug":"smart-tooltips","author":{"framerUserId":"4368db49-eb5c-4054-9dbf-a9db63c574f1","name":"Lennart Ahlfeldt","slug":"lennartworks","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/937506/avatar-GqjomYXlVp6LQbLhyf9vsptZaqnL9y.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/VWnAHaKd5uLMCJhZMdER/smart-tooltips-I8Z9JeP7PVc5ishGt1vf452Xa8O0Gz","metadata":{"tint":{"h":0,"s":70,"l":67},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-10-04T20:15:53.513Z","updatedAt":"2025-10-10T09:06:08.636Z","publishedAt":"2025-10-10T09:22:48.621Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/SmartTooltips-TOQ9.js@LOVHRoqWF3Vo4ztyO4oy","previewUrl":"https://law-components.framer.website/smart-tooltips","price":null,"paymentUrl":null,"workshop":true,"categories":[{"id":"7677fa83-43ce-41a2-a3fe-db438ec0fd33","name":"Interactive","slug":"interactive"}],"lastSaveId":"LOVHRoqWF3Vo4ztyO4oy","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":10,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2025-10-10T09:22:48.621Z","updatedAt":"2025-10-10T09:22:48.621Z"},{"id":"01997231-b2ad-706a-8f78-0f70709596e3","title":null,"body":"$63","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Item Scroller — Vertical Auto-Scroll Showcase for Framer","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Elevate your hero sections, testimonials, and feature lists with a dynamic vertical scroller featuring seamless background image transitions and full playback controls."}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"fire","emoji":"🔥"}},{"type":"text","text":" Price Drop: Now €4","marks":[{"type":"bold"}]},{"type":"text","text":" "},{"type":"text","text":"(Was €9)","marks":[{"type":"italic"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Get the full component at over 50% off for a limited time."}]},{"type":"paragraph","content":[{"type":"text","text":"Highlights:","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"arrows_counterclockwise","emoji":"🔄"}},{"type":"text","text":" "},{"type":"text","text":"Auto-Scroll Engine:","marks":[{"type":"bold"}]},{"type":"text","text":" Display up to 20 items with custom scroll and background fade timing."}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"framed_picture","emoji":"🖼"}},{"type":"text","text":" "},{"type":"text","text":"Dynamic Backgrounds:","marks":[{"type":"bold"}]},{"type":"text","text":" Per-item images with built-in overlay color, opacity, and blur controls."}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"point_up_2","emoji":"👆"}},{"type":"text","text":" "},{"type":"text","text":"Interactive Playback:","marks":[{"type":"bold"}]},{"type":"text","text":" Up/Down navigation + click/hold play & pause controls."}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"link","emoji":"🔗"}},{"type":"text","text":" "},{"type":"text","text":"Clickable Items:","marks":[{"type":"bold"}]},{"type":"text","text":" Deep link items to internal routes, scroll anchors, or external URLs."}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"art","emoji":"🎨"}},{"type":"text","text":" "},{"type":"text","text":"Fully Customizable:","marks":[{"type":"bold"}]},{"type":"text","text":" Adjust SVG icons, gradient edge masks, typography, and spacing."}]},{"type":"paragraph","content":[{"type":"text","text":"Upgrade your Framer layouts for just €4 today.","marks":[{"type":"bold"}]}]}]},"author":{"framerUserId":"4368db49-eb5c-4054-9dbf-a9db63c574f1","name":"Lennart Ahlfeldt","slug":"lennartworks","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/937506/avatar-GqjomYXlVp6LQbLhyf9vsptZaqnL9y.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"RRuqxuRhZb5PJnBqFWBc","resolved":true,"title":"Item Scroller","body":"$64","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"The Item Scroller is a versatile Framer component designed to showcase content with an elegant vertical auto-scrolling effect and dynamic background transitions. Ideal for testimonials, featured showcases, and dynamic hero sections."}]},{"type":"paragraph","content":[{"type":"text","text":"Key Features:","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Dynamic Auto-Scroll:","marks":[{"type":"bold"}]},{"type":"text","text":" Display up to 20 customizable items with smooth vertical transitions and adjustable scroll and fade speeds."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Rich Item Customization:","marks":[{"type":"bold"}]},{"type":"text","text":" Configure each item with a unique title, description, custom background image, and dynamic background overlay effects (color, opacity, blur)."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Interactive Controls:","marks":[{"type":"bold"}]},{"type":"text","text":" Manual up/down navigation with integrated play/pause toggles (click on desktop, hold on touch devices)."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Interactive Item Links:","marks":[{"type":"bold"}]},{"type":"text","text":" Assign custom links (internal pages, scroll anchors, external URLs) to convert scroller items into interactive navigation."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Custom SVG Icons:","marks":[{"type":"bold"}]},{"type":"text","text":" Full control over SVG icon strokes, colors, and styling for dividers, navigation arrows, and playback controls."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Gradient Fades & Spacing:","marks":[{"type":"bold"}]},{"type":"text","text":" Built-in top and bottom edge gradient masks for clean visual integration, plus full control over typography, HTML tags (H1-P), and spacing."}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Refund Policy:","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Due to the digital nature of this product, all sales are final. Please review the full Refund & Cancellation Policy before purchasing. You can find it "},{"type":"text","text":"[here]","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://lennartworks.de/legal/refund-policy","class":null,"target":"_blank"}}]},{"type":"text","text":"."}]}]},"introduction":"Interactive Vertical Item Scroller","slug":"item-scroller","author":{"framerUserId":"4368db49-eb5c-4054-9dbf-a9db63c574f1","name":"Lennart Ahlfeldt","slug":"lennartworks","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/937506/avatar-GqjomYXlVp6LQbLhyf9vsptZaqnL9y.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/RRuqxuRhZb5PJnBqFWBc/item-scroller-5jP6tfncm9Lrbb3m7TL4hUscoeg4GH","metadata":{"tint":{"h":240,"s":50,"l":6},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-08-30T16:04:59.907Z","updatedAt":"2026-07-27T20:26:48.276Z","publishedAt":"2025-09-22T16:11:23.693Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://law-components.framer.website/itemscroller","price":"4","paymentUrl":"https://buy.stripe.com/5kQeV62Hl251518aH7cAo07","workshop":true,"categories":[{"id":"1a3a0eb3-698e-461a-bf42-2502a7ed43e0","name":"Backgrounds","slug":"backgrounds"}],"lastSaveId":"5Qc6zQgXzWghj5M5L5AK","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":2,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":2,"edited":true,"editedAt":"2026-07-27T20:26:48.925Z","createdAt":"2025-09-22T16:11:23.693Z","updatedAt":"2026-07-27T20:26:48.925Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}]}},"children":"$L65"}]