63: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"] 64:T54c,

StepProgress is a flexible animated progress indicator for presenting processes, timelines, onboarding flows, delivery stages, tutorials, and other step-by-step experiences in Framer.

Create up to 12 steps and customize each one with its own title, description, number, and uploaded icon. Control the complete visual system—including progress and base lines, icon backgrounds, active and idle states, strokes, shadows, colors, sizing, corner radius, typography, and spacing.

Choose between padded numbers, standard numbers, letters, or Roman numerals. Step numbers, titles, descriptions, and icons can all be shown or hidden independently.

Fine-tune the animation with Loop or Once playback, adjustable timing, pauses, and start delay. Choose Linear, Ease, or Spring motion to match the character of your design. Completed steps transition smoothly into a customizable check icon, while Canvas State lets you preview and style any stage directly in Framer.

StepProgress automatically switches from a horizontal desktop layout to a vertical mobile layout. Dedicated mobile spacing and text-offset controls provide precise alignment across different typefaces and content lengths.

Ideal for product journeys, order tracking, service processes, onboarding, roadmaps, and instructional sequences—without writing code.

65:T41c,

Create immersive, interactive world globes without leaving the canvas. VectorGlobe gives you four distinct visual styles—Particles, Dots, Outline, and Fill—each designed to adapt smoothly to any layout.

Fine-tune the globe’s color, scale, rotation speed, direction, and starting position. Enable drag-to-rotate interaction, add custom city pins, and control label colors, backgrounds, typography, and city coordinates.

VectorGlobe includes its world map directly within the component. It works without external data requests, providing a reliable and privacy-friendly experience across published websites.

Built for real-world projects, the component is responsive, resolution-independent, optimized to pause unnecessary rendering, and respects reduced-motion preferences. It also supports keyboard navigation and editable accessibility text.

Perfect for global companies, logistics platforms, international networks, landing pages, portfolios, and any project that deserves a more expressive way to show the world.

66:T814,

A grid that breathes.

CommitGrid drops a soft, animated grid of tinted cells behind any section — an ambient background inspired by the GitHub commit graph, built for atmosphere rather than data. Set a single color and it generates the whole tonal scale for you; pick a motion pattern and it quietly comes alive.

Eight motion patterns Every pattern is a different way for the cells to light up — choose the mood that fits your page:

Flat — a still, evenly tinted grid (great as a quiet texture)
Twinkle — cells fade in and out at their own random rhythm
Ripple — concentric rings pulse out from a point you choose
Wave — a band of brightness sweeps across the grid
Scan — a single line sweeps through like a radar
Rain — streaks fall column by column
Spiral — a slow rotating pinwheel
Noise — an organic, drifting cloud of activity

Tune it to your brand Simple controls, no code: base color (with opacity), cell size, gap, corner radius, animation speed, intensity, and max opacity. Set the speed to 0 to freeze any pattern into a static background, and choose an origin or direction for the directional patterns.

Fast and considerate Rendered to a single canvas — not hundreds of DOM nodes — so it stays smooth even full-screen, on Safari included. It caps its own frame rate, pauses when scrolled off-screen, and respects prefers-reduced-motion by rendering a static grid for visitors who opt out of motion. Drop it in as a full-bleed background and put your content on top.

Perfect for Hero sections, headers, footers, CTAs, login screens, and empty states — anywhere a page needs a little life without stealing focus.

67:T513,

Soflow is a modern SaaS landing page template designed for digital products, platforms, and online services that need a polished and conversion-oriented online presence. The project focuses on combining strong visual hierarchy, clean UI structure, and product-driven storytelling into a refined Framer experience inspired by contemporary software brands.

The design embraces a calm, modern aesthetic built around large typography, structured dashboard previews, balanced spacing, and subtle visual accents. Rather than relying on excessive visual effects, the template prioritizes clarity, usability, and presentation quality — allowing product features, workflows, and analytics to remain the central focus of the experience.

A modular section architecture allows the template to adapt to different types of products and business models without losing visual consistency. Dashboard previews, content blocks, pricing sections, testimonials, and feature layouts were designed to be easily reusable and customizable, helping teams launch polished marketing websites quickly and efficiently.

By combining clarity, universality, and ease of customization, Soflow provides a strong foundation for companies looking to build a modern and professional digital presence in Framer.

68:T963,

Built for any product or service worth presenting well

A premium Framer template designed around one idea: some brands need room to breathe. Whether you sell perfume, software, financial advice, ceramics, hotel stays, coaching programs or skincare, the structure holds — because it was designed for considered product presentation, not for any single industry.

The default content tells the story of a fragrance atelier. Swap the copy and imagery and the same template carries a SaaS launch, a boutique hotel, a wellness studio, a consultancy, a fashion drop, a DTC food brand, or a service business that needs to feel quietly expensive.

What's inside

Cinematic hero with scroll-triggered video and animated logo reveal
Three-step process flow — perfect for onboarding, "how it works", service stages or product journey
Library grid — works for catalogues, menus, case studies, features, plans, ingredients or any visual collection
Benefits & statistics sections with flowing animated counters
Two testimonial layouts — short pull-quote and long-form member story
Three-tier pricing ready for subscriptions, packages or service tiers
Full FAQ with reusable question component
Custom 404 page, privacy policy template

Design system

Editorial typography pairing and a complete typography scale
Deep-blue palette with glass overlays — refined out of the box, effortless to retheme to any brand

Built right

Fully responsive across desktop, tablet and phone breakpoints
Smooth scroll with custom reveal overrides
Reusable components for fast page-building

Who it's for

Subscription brands — beauty, food, wine, coffee, books, flowers
DTC product brands that want to feel atelier, not e-com
Boutique services — hotels, spas, studios, agencies, coaches
SaaS & digital products that lead with craft over hype
Consultants and creative practices building a single, considered site

Designed to be customised, not just recoloured. The structure is the template — the copy and category come from you.

69:T76d,

Overview

CMS Gallery Carousel is a wrapper that turns your Framer CMS gallery into a polished, draggable horizontal carousel. Built for the most common Framer use case: showing a row of project or product images from a CMS where the images come in different aspect ratios and you don't want to crop, mask, or hand-size every one.

What it does

Auto-fits every image in the slotted row to a single shared height — portraits and landscapes line up side by side without manual cropping.
Draggable with momentum and an elastic bounce at the edges (configurable).
Optional left/right arrow buttons that fade in only when there's content to scroll to in that direction.
Optional thin scrollbar indicator that tracks drag progress.
Built-in click-vs-drag detection: a horizontal swipe never triggers a click on a child link, so dragging through a gallery never accidentally opens a project page.

Perfect for:

Showcasing large imagery in creative portfolio presentations
Image-rich case studies and project pages
Editorial layouts with mixed-aspect visuals
Any CMS-driven gallery where photos vary in size and shape

Customization

Scrollbar on/off
Elasticity (0 = hard stop, 1 = full bounce)
Arrows on/off, with per-click scroll distance, size, color, background, and border radius
Works with any height you set on the container

How to use it

Build your CMS gallery row as you normally would.
Drop in the CMS Gallery Carousel, set the width and a fixed height.
Slot your CMS row into the Content slot.
Tune arrows, scrollbar, and elasticity in the property panel.

6a:T89b,

A Minimal Portfolio That Lets Your Work Shine

The design feels calm and understated at first glance — but behind that simplicity is a powerful layout system designed specifically for visual storytelling. Large full-width grids, immersive project pages, and flexible gallery layouts allow images to take center stage.

Perfect for photographers, interior designers, architects, and visual studios, Mood Design turns your portfolio into an elegant visual experience.

Designed for Image-Driven Work

Mood Design focuses on showcasing projects in the most effective way possible.

Projects use large full-width masonry galleries that create a natural visual flow, making it easy for visitors to explore your work. Images scale beautifully across screen sizes and maintain strong visual rhythm throughout the site.

Powerful Custom Components

Mood Design includes custom-built components designed specifically for visual portfolios.

Span Grid

A full-width image grid that arranges photography across a 12-column system with configurable column spans and row heights. This allows you to create dynamic editorial-style layouts where images can expand, combine, and adapt to each project.

Draggable CMS Gallery

A horizontally scrolling gallery powered by Framer CMS. Visitors can drag to explore images, creating a smooth and intuitive browsing experience while allowing you to easily manage content directly from the CMS.

Built for Creative Flexibility

Although originally designed for interior design and architecture studios, Mood Design easily adapts to many creative disciplines:

Photographers
Interior designers
Architects
Creative studios
Visual artists
Designers and portfolios

The Idea Behind Mood Design

Mood Design was created to feel quiet and restrained, allowing the work itself to define the personality of the website.

Instead of overwhelming visitors with heavy design, the template provides a clean architectural framework that elevates images, projects, and visual storytelling.

6b:T54f,

Build expressive, asymmetric grids in Framer—without manually rebuilding every layout for every breakpoint.

SpanGrid turns CMS items, components, or images into a flexible 12-column bento grid. Choose how many columns each item should span, and the component automatically wraps content onto new rows and fills available gaps to keep the composition compact.

What you can do:

• Create portfolio grids, project case studies, image galleries, feature sections, logo walls, and editorial layouts

• Set an individual column span from 1–12 for every item

• Use Canvas Items for CMS content and Framer components, or switch to Images for quick responsive galleries

• Keep layouts dynamic as CMS content changes

• Automatically switch component variants at your chosen mobile breakpoint with the included variantFromGrid override

• Set variants individually when a specific item needs different behavior

• Enable container-aware scaling to preserve row proportions inside full-width sections or narrower columns

• Adjust row height, horizontal and vertical gaps, padding, corner radius, and mobile breakpoint with native Framer controls

One component, two workflows, and far more visual freedom than a uniform grid.

6c:T88a,

This component applies a dynamic backdrop blur that increases as users scroll, mimicking the frosted glass effect found throughout iOS interfaces.

Key Features:

Smooth, performance-optimized blur tied to scroll position
iOS-style backdrop blur for a premium native app feel
Viewport-relative positioning — works under sections of any height, including 100vh heroes, with no manual pixel offset
"Extend Above" mode to blur the section above instead of its own section
Threshold in px or vh, so the effect feels consistent across screen sizes
Responsive on all screen sizes and breakpoints

Customizable Properties:

Background Color: overlay tint color
Opacity: overlay transparency (0–1)
Max Blur: maximum blur intensity (0–50px)
Start Line: viewport point (0–100vh) where blur begins
Threshold: scroll distance to reach max blur, in px or vh
Extend Above: shifts the overlay up by its own height to blur the section above it

How It Works: Place the component inside a section — it automatically tracks its own position relative to the viewport, no offset math needed. Blur starts at your Start Line and increases until your Threshold, creating a smooth transition. Enable Extend Above for sticky-stacked layouts or full-height heroes.

Perfect For: Designers adding sophisticated iOS-inspired scroll interactions without code, for full-screen heroes and sticky-stacked layouts.

Refund Policy: Due to the digital nature of this product, all sales are final and non-refundable. Refunds are only provided if there is a documented technical issue where the component does not work as intended or as described. Refunds will not be issued if the component works correctly but does not meet your expectations or does not work the way you would prefer.

62:["$","$L63",null,{"value":{"fallback":{"$inf$activity-creator-cfffe369-519f-4e6e-9689-0abca60f34cb-all:/unified/creator/cfffe369-519f-4e6e-9689-0abca60f34cb/activity/":[{"data":[{"id":"01a0ae46-a244-73e9-93cb-f8ce0751ad13","type":"creator.followed","target":{"type":"creator","id":"938b42d5-4518-4924-be18-128f9df69bc3","preview":"Kreativnik","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1211512/avatar-VO9m4gaeQiBP7V250qzpIfsWFUMlyE.jpg","slug":"kreativnik","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"cfffe369-519f-4e6e-9689-0abca60f34cb","name":"Filip Banasiak","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/221996/avatar-fkqNBQwWSqz1hHV6UlZdZwyTG7ZH5O.jpg","slug":"filip-banasiak","followed":false,"followsYou":false,"badges":["pro"]}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-17T07:30:59.160Z","latestAt":"2026-09-17T07:30:59.160Z"},{"id":"01a07317-d8c5-751c-9823-b8f9294e83a4","type":"creator.followed","target":{"type":"creator","id":"dd30e1c2-8f38-4c44-9c97-cd59f008aaf9","preview":"Danny Sapio","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/29157/avatar-TUxeVBpoCafaXLtAp2ippbgmWYLvW3.jpg","slug":"dannysapio","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"cfffe369-519f-4e6e-9689-0abca60f34cb","name":"Filip Banasiak","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/221996/avatar-fkqNBQwWSqz1hHV6UlZdZwyTG7ZH5O.jpg","slug":"filip-banasiak","followed":false,"followsYou":false,"badges":["pro"]}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-05T19:42:17.793Z","latestAt":"2026-09-05T19:42:17.793Z"},{"id":"019fd595-e02e-7509-9120-0a037580b6eb","type":"comment.liked","target":{"type":"comment","id":"019fba73-ad5c-7398-b60f-e1dca3988599","preview":"If you designed this website - it's absolutely exception work. Kudos!","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"If you designed this website - it's absolutely exception work. Kudos!"}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"0199fcc1-da20-76b0-ba35-c2d5a86d2dca","like":{"count":1,"liked":false},"reply":{"parentCommentId":"019fba73-ad5c-7398-b60f-e1dca3988599"},"repost":null}},"context":{"type":"post","id":"0199fcc1-da20-76b0-ba35-c2d5a86d2dca","preview":"Goodspeed","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/sites/9046/thumbnail-R4vuM6vobySa6MrzoYkwOd4R8SU89p.jpg","targetDeleted":false,"owned":true,"actions":{"postId":"0199fcc1-da20-76b0-ba35-c2d5a86d2dca","like":{"count":1,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"cfffe369-519f-4e6e-9689-0abca60f34cb","name":"Filip Banasiak","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/221996/avatar-fkqNBQwWSqz1hHV6UlZdZwyTG7ZH5O.jpg","slug":"filip-banasiak","followed":false,"followsYou":false,"badges":["pro"]}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-06T05:39:57.096Z","latestAt":"2026-08-06T05:39:57.096Z"},{"id":"019fc39c-a808-76b0-91e4-c877d2f6188e","type":"component.created","target":{"type":"component","id":"C06awHzR7xUenTBHbSsU","preview":"StepProgress","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cfffe369-519f-4e6e-9689-0abca60f34cb/019fc39c-70d4-748a-9a88-d3ab70b8cff9.jpg","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"cfffe369-519f-4e6e-9689-0abca60f34cb","name":"Filip Banasiak","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/221996/avatar-fkqNBQwWSqz1hHV6UlZdZwyTG7ZH5O.jpg","slug":"filip-banasiak","followed":false,"followsYou":false,"badges":["pro"]}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-08-02T17:54:11.592Z","latestAt":"2026-08-02T17:54:11.592Z"},{"id":"019fbec0-9bac-7589-8ccd-6cbf2de5b617","type":"comment.liked","target":{"type":"comment","id":"019fbead-a8e7-7211-990d-bcc9596a4c4b","preview":"Thanks Filip! Made my day","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Thanks Filip! Made my day"}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"019fae91-a233-769e-a018-4f4f3c9b38fb","like":{"count":1,"liked":false},"reply":{"parentCommentId":"019fbe5f-cc5d-724d-a51f-5c30f8ddf39e"},"repost":null}},"context":{"type":"post","id":"019fae91-a233-769e-a018-4f4f3c9b38fb","preview":"TD_Noise","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/433f7274-9cd4-4196-92b1-30ec7f66bbf6/019fae25-ee39-70b8-8c32-2f301186eb28.png","targetDeleted":false,"owned":false,"actions":{"postId":"019fae91-a233-769e-a018-4f4f3c9b38fb","like":{"count":46,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"cfffe369-519f-4e6e-9689-0abca60f34cb","name":"Filip Banasiak","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/221996/avatar-fkqNBQwWSqz1hHV6UlZdZwyTG7ZH5O.jpg","slug":"filip-banasiak","followed":false,"followsYou":false,"badges":["pro"]}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-01T19:15:21.640Z","latestAt":"2026-08-01T19:15:21.640Z"},{"id":"019fbe5f-cc86-750f-bdd4-b00c43075ec4","type":"comment.created","target":{"type":"post","id":"019fae91-a233-769e-a018-4f4f3c9b38fb","preview":"TD_Noise","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/433f7274-9cd4-4196-92b1-30ec7f66bbf6/019fae25-ee39-70b8-8c32-2f301186eb28.png","targetDeleted":false,"owned":false,"actions":{"postId":"019fae91-a233-769e-a018-4f4f3c9b38fb","like":{"count":46,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"019fbe5f-cc5d-724d-a51f-5c30f8ddf39e","preview":"That's remarkably well done. My jaw dropped. Congrats!","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"That's remarkably well done. My jaw dropped. Congrats!"}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"019fae91-a233-769e-a018-4f4f3c9b38fb","like":{"count":1,"liked":false},"reply":{"parentCommentId":"019fbe5f-cc5d-724d-a51f-5c30f8ddf39e"},"repost":null}},"actors":[{"id":"cfffe369-519f-4e6e-9689-0abca60f34cb","name":"Filip Banasiak","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/221996/avatar-fkqNBQwWSqz1hHV6UlZdZwyTG7ZH5O.jpg","slug":"filip-banasiak","followed":false,"followsYou":false,"badges":["pro"]}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-01T17:29:37.158Z","latestAt":"2026-08-01T17:29:37.158Z"},{"id":"019fbe59-50c3-772d-9642-0e9bdd8b2a43","type":"creator.followed","target":{"type":"creator","id":"433f7274-9cd4-4196-92b1-30ec7f66bbf6","preview":"Tom D","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/29089/avatar-bg7PNBgYFZF8iFMvSGSxiqu7vDXhw2.jpg","slug":"tom-d","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"cfffe369-519f-4e6e-9689-0abca60f34cb","name":"Filip Banasiak","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/221996/avatar-fkqNBQwWSqz1hHV6UlZdZwyTG7ZH5O.jpg","slug":"filip-banasiak","followed":false,"followsYou":false,"badges":["pro"]}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-01T17:22:32.215Z","latestAt":"2026-08-01T17:22:32.215Z"},{"id":"019fbe59-0fd3-760d-8ba0-7bb7da5b41d6","type":"template.liked","target":{"type":"template","id":"70373","preview":"TD_Noise","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/433f7274-9cd4-4196-92b1-30ec7f66bbf6/019fae25-ee39-70b8-8c32-2f301186eb28.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"cfffe369-519f-4e6e-9689-0abca60f34cb","name":"Filip Banasiak","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/221996/avatar-fkqNBQwWSqz1hHV6UlZdZwyTG7ZH5O.jpg","slug":"filip-banasiak","followed":false,"followsYou":false,"badges":["pro"]}],"actorCount":1,"message":null,"resourceType":"template","visibility":"public","startedAt":"2026-08-01T17:22:15.630Z","latestAt":"2026-08-01T17:22:15.630Z"},{"id":"019fb314-6e67-7247-bb6f-29ab3178fb2d","type":"comment.liked","target":{"type":"comment","id":"019fb14b-8fae-72ff-9798-7c46a5a00ed3","preview":"Super nice !","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Super nice !"}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"019eb639-65ac-70f1-bf34-711c7c3e4993","like":{"count":1,"liked":false},"reply":{"parentCommentId":"019fb14b-8fae-72ff-9798-7c46a5a00ed3"},"repost":null}},"context":{"type":"post","id":"019eb639-65ac-70f1-bf34-711c7c3e4993","preview":"Recueil","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/templates/64619/recueil-7OeLUAes4sDDI6BUSNLp0mYdjbEECF","targetDeleted":false,"owned":true,"actions":{"postId":"019eb639-65ac-70f1-bf34-711c7c3e4993","like":{"count":57,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"cfffe369-519f-4e6e-9689-0abca60f34cb","name":"Filip Banasiak","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/221996/avatar-fkqNBQwWSqz1hHV6UlZdZwyTG7ZH5O.jpg","slug":"filip-banasiak","followed":false,"followsYou":false,"badges":["pro"]}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-30T12:51:28.483Z","latestAt":"2026-07-30T12:51:28.483Z"},{"id":"019f853b-2e92-7719-9dde-6bc25f593e53","type":"creator.followed","target":{"type":"creator","id":"9387f0cc-b47f-4364-9402-a74231861534","preview":"Trueform","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/563391/avatar-MIhUwg2ObrPnvha1HFHBwIQWwXG4BE.jpg","slug":"trueform","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"cfffe369-519f-4e6e-9689-0abca60f34cb","name":"Filip Banasiak","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/221996/avatar-fkqNBQwWSqz1hHV6UlZdZwyTG7ZH5O.jpg","slug":"filip-banasiak","followed":false,"followsYou":false,"badges":["pro"]}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-21T15:11:16.109Z","latestAt":"2026-07-21T15:11:16.109Z"},{"id":"019f853a-af80-72df-9410-8b7308d2be21","type":"creator.followed","target":{"type":"creator","id":"9fe0915a-1d2c-44d4-ae44-5251ad7dce8f","preview":"Cédric","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28870/avatar.jpg","slug":"cedric","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"cfffe369-519f-4e6e-9689-0abca60f34cb","name":"Filip Banasiak","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/221996/avatar-fkqNBQwWSqz1hHV6UlZdZwyTG7ZH5O.jpg","slug":"filip-banasiak","followed":false,"followsYou":false,"badges":["pro"]}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-21T15:10:43.580Z","latestAt":"2026-07-21T15:10:43.580Z"},{"id":"019f6a76-61df-70a3-80f9-719886971af0","type":"creator.followed","target":{"type":"creator","id":"4fd602dd-21dc-47b5-9483-316c27f1b7d5","preview":"Mohd Mehraj","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/970888/avatar-frbPv0G2rCV8RjV9TdwpYmh7dYwKm2.jpg","slug":"mehraj","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"cfffe369-519f-4e6e-9689-0abca60f34cb","name":"Filip Banasiak","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/221996/avatar-fkqNBQwWSqz1hHV6UlZdZwyTG7ZH5O.jpg","slug":"filip-banasiak","followed":false,"followsYou":false,"badges":["pro"]}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-16T10:26:11.036Z","latestAt":"2026-07-16T10:26:11.036Z"},{"id":"019f6a55-7859-7228-8442-924306f66890","type":"component.created","target":{"type":"component","id":"wtBND8T6bCtTF2Gw5uUh","preview":"Vector Globe","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cfffe369-519f-4e6e-9689-0abca60f34cb/019f6f50-a215-7335-835c-a19c7487833b.jpg","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"cfffe369-519f-4e6e-9689-0abca60f34cb","name":"Filip Banasiak","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/221996/avatar-fkqNBQwWSqz1hHV6UlZdZwyTG7ZH5O.jpg","slug":"filip-banasiak","followed":false,"followsYou":false,"badges":["pro"]}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-07-16T09:50:14.105Z","latestAt":"2026-07-16T09:50:14.105Z"},{"id":"019f673b-c5bf-75f9-8b39-2ef4b9956529","type":"creator.followed","target":{"type":"creator","id":"689d125f-1a30-4a92-93ce-939f0e5b594a","preview":"Emon","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/29518/avatar-18Nud9LcBMCiQJoYVQVyStaYMD03Dq.jpg","slug":"tawfiqulemon","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"cfffe369-519f-4e6e-9689-0abca60f34cb","name":"Filip Banasiak","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/221996/avatar-fkqNBQwWSqz1hHV6UlZdZwyTG7ZH5O.jpg","slug":"filip-banasiak","followed":false,"followsYou":false,"badges":["pro"]}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-15T19:23:18.329Z","latestAt":"2026-07-15T19:23:18.329Z"},{"id":"019f5f76-f013-7494-a40d-7b1c5afceb09","type":"creator.followed","target":{"type":"creator","id":"2a2c2a43-045d-4da6-bf1a-ca4b52f39be1","preview":"Lunis Design","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/480039/avatar-2unktHJIJ7qmZ6R3TmaJLIiOnmNlyk.jpg","slug":"lunis-design","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"cfffe369-519f-4e6e-9689-0abca60f34cb","name":"Filip Banasiak","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/221996/avatar-fkqNBQwWSqz1hHV6UlZdZwyTG7ZH5O.jpg","slug":"filip-banasiak","followed":false,"followsYou":false,"badges":["pro"]}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-14T07:10:58.054Z","latestAt":"2026-07-14T07:10:58.054Z"},{"id":"019f5f76-973d-769b-b51f-68d51e2a1cf8","type":"creator.followed","target":{"type":"creator","id":"a0d236b2-97bf-42fd-ad0e-db4402ef113b","preview":"Cristian Mielu","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28883/avatar-K5ojCTv2bAJrkxuByVEiWGqgqe7d73.jpg","slug":"cristian","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"cfffe369-519f-4e6e-9689-0abca60f34cb","name":"Filip Banasiak","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/221996/avatar-fkqNBQwWSqz1hHV6UlZdZwyTG7ZH5O.jpg","slug":"filip-banasiak","followed":false,"followsYou":false,"badges":["pro"]}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-14T07:10:35.316Z","latestAt":"2026-07-14T07:10:35.316Z"},{"id":"019f5f76-654e-726e-95db-bbf4f89b4d86","type":"creator.followed","target":{"type":"creator","id":"44250b1c-8783-417c-8cb7-f8a796483397","preview":"Velox Themes","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/405749/avatar-LA1Qu50L5mDcpp7AzMYutAql3PBREx.jpg","slug":"velox-themes","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"cfffe369-519f-4e6e-9689-0abca60f34cb","name":"Filip Banasiak","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/221996/avatar-fkqNBQwWSqz1hHV6UlZdZwyTG7ZH5O.jpg","slug":"filip-banasiak","followed":false,"followsYou":false,"badges":["pro"]}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-14T07:10:22.537Z","latestAt":"2026-07-14T07:10:22.537Z"},{"id":"019f5f59-3982-7732-8378-3337f212a55b","type":"comment.reply","target":{"type":"post","id":"019d8fd3-b1b2-7e63-81ab-73d5f8b5bf28","preview":"Scroll Blur Overlay","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/sMv0t8Za2H1AbLT1vXpg/scroll-blur-overlay-nmNOffzL16DcvEXMfnpFBUKyiBOr2C","targetDeleted":false,"owned":true,"actions":{"postId":"019d8fd3-b1b2-7e63-81ab-73d5f8b5bf28","like":{"count":32,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"019f5f59-396c-773f-98d2-4a38005f352c","preview":"@Willi Peschel Happy to hear it works for you!\nGreat tip on the Overflow: Visible note — I've caught myself on that one more than once while building with my own component, so I know exactly what you mean 😅\nI've just added it as an extra step in the instructions.\nThanks again for the feedback, it really helped shape this update. Best regards to Germany! 🙂","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"mention","attrs":{"id":"883d5cc4-3481-441e-8775-477444b37715","slug":"willipeschel","label":"Willi Peschel","mentionSuggestionChar":"@"}},{"type":"text","text":" Happy to hear it works for you!"}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Great tip on the Overflow: Visible note — I've caught myself on that one more than once while building with my own component, so I know exactly what you mean "},{"type":"emoji","attrs":{"name":"sweat_smile","emoji":"😅"}}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"I've just added it as an extra step in the instructions."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Thanks again for the feedback, it really helped shape this update. Best regards to Germany! "},{"type":"emoji","attrs":{"name":"slightly_smiling_face","emoji":"🙂"}}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"019d8fd3-b1b2-7e63-81ab-73d5f8b5bf28","like":{"count":1,"liked":false},"reply":{"parentCommentId":"019f5bb7-be8c-72db-b54b-42532c08f14f"},"repost":null}},"actors":[{"id":"cfffe369-519f-4e6e-9689-0abca60f34cb","name":"Filip Banasiak","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/221996/avatar-fkqNBQwWSqz1hHV6UlZdZwyTG7ZH5O.jpg","slug":"filip-banasiak","followed":false,"followsYou":false,"badges":["pro"]}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-14T06:38:30.786Z","latestAt":"2026-07-14T06:38:30.786Z"},{"id":"019f5cf7-a958-77ef-85e7-410468b6b00e","type":"comment.reply","target":{"type":"post","id":"019d8fd3-b1b2-7e63-81ab-73d5f8b5bf28","preview":"Scroll Blur Overlay","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/sMv0t8Za2H1AbLT1vXpg/scroll-blur-overlay-nmNOffzL16DcvEXMfnpFBUKyiBOr2C","targetDeleted":false,"owned":true,"actions":{"postId":"019d8fd3-b1b2-7e63-81ab-73d5f8b5bf28","like":{"count":32,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"019f5cf7-a93a-714d-9967-223a26c477c1","preview":"@Willi Peschel Hey, good news — the new version is live! \nYou can grab it from the same remix link as before. The updated example project includes the reworked component along with revised instructions.\nTo be honest, I'd been thinking about reworking this for a while, and your message gave me the extra push to finally make it happen 🙂\nLet me know if it works better for your setup — happy to hear your feedback!","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"mention","attrs":{"id":"883d5cc4-3481-441e-8775-477444b37715","slug":"willipeschel","label":"Willi Peschel","mentionSuggestionChar":"@"}},{"type":"text","text":" Hey, good news — the new version is live! "}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"You can grab it from the same remix link as before. The updated example project includes the reworked component along with revised instructions."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"To be honest, I'd been thinking about reworking this for a while, and your message gave me the extra push to finally make it happen "},{"type":"emoji","attrs":{"name":"slightly_smiling_face","emoji":"🙂"}}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Let me know if it works better for your setup — happy to hear your feedback!"}]},{"type":"paragraph"}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"019d8fd3-b1b2-7e63-81ab-73d5f8b5bf28","like":{"count":0,"liked":false},"reply":{"parentCommentId":"019f5bb7-be8c-72db-b54b-42532c08f14f"},"repost":null}},"actors":[{"id":"cfffe369-519f-4e6e-9689-0abca60f34cb","name":"Filip Banasiak","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/221996/avatar-fkqNBQwWSqz1hHV6UlZdZwyTG7ZH5O.jpg","slug":"filip-banasiak","followed":false,"followsYou":false,"badges":["pro"]}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-13T19:32:42.456Z","latestAt":"2026-07-13T19:32:42.456Z"},{"id":"019f5c52-8970-740e-9a50-cd711e25dac6","type":"comment.reply","target":{"type":"post","id":"019d8fd3-b1b2-7e63-81ab-73d5f8b5bf28","preview":"Scroll Blur Overlay","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/sMv0t8Za2H1AbLT1vXpg/scroll-blur-overlay-nmNOffzL16DcvEXMfnpFBUKyiBOr2C","targetDeleted":false,"owned":true,"actions":{"postId":"019d8fd3-b1b2-7e63-81ab-73d5f8b5bf28","like":{"count":32,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"019f5c52-8945-75cb-be24-1ad4b7cb3d34","preview":"Hey there, I see your point — thanks for the detailed feedback. You're right that the current component relies on a pixel offset measured against the desktop frame, which breaks under viewport-height sections.\nI'm working on an alternative version that handles this properly. Instead of a manual scroll offset, it measures its own position in the viewport, so it works under sections of any height (including 100vh heroes) and on every breakpoint — no offset calculations needed.\nThe alternative version should be ready and tested within the next few days — I'll send you a link once it's live. The example project will also get an update along with revised instructions.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Hey there, I see your point — thanks for the detailed feedback. You're right that the current component relies on a pixel offset measured against the desktop frame, which breaks under viewport-height sections."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"I'm working on an alternative version that handles this properly. Instead of a manual scroll offset, it measures its own position in the viewport, so it works under sections of any height (including 100vh heroes) and on every breakpoint — no offset calculations needed."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"The alternative version should be ready and tested within the next few days — I'll send you a link once it's live. The example project will also get an update along with revised instructions."}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"019d8fd3-b1b2-7e63-81ab-73d5f8b5bf28","like":{"count":1,"liked":false},"reply":{"parentCommentId":"019f5bb7-be8c-72db-b54b-42532c08f14f"},"repost":null}},"actors":[{"id":"cfffe369-519f-4e6e-9689-0abca60f34cb","name":"Filip Banasiak","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/221996/avatar-fkqNBQwWSqz1hHV6UlZdZwyTG7ZH5O.jpg","slug":"filip-banasiak","followed":false,"followsYou":false,"badges":["pro"]}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-13T16:32:20.848Z","latestAt":"2026-07-13T16:32:20.848Z"}],"pagination":{"next":"MjAyNi0wNy0xM1QxNjozMjoyMC44NDhafDAxOWY1YzUyLTg5NzAtNzQwZS05YTUwLWNkNzExZTI1ZGFjNg","previous":null},"totalCount":"$undefined","feedSession":"$undefined"}],"$inf$posts:cfffe369-519f-4e6e-9689-0abca60f34cb:/unified/posts/?creator=cfffe369-519f-4e6e-9689-0abca60f34cb&with=reposts":[{"data":[{"id":"019fc39c-a666-73b6-ac85-f7c9b504ce5f","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"cfffe369-519f-4e6e-9689-0abca60f34cb","name":"Filip Banasiak","slug":"filip-banasiak","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/221996/avatar-fkqNBQwWSqz1hHV6UlZdZwyTG7ZH5O.jpg","badges":["available","pro","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"C06awHzR7xUenTBHbSsU","resolved":true,"title":"StepProgress","body":"$64","bodyJson":{"type":"doc","content":[{"type":"customHeading","content":[{"type":"text","text":"StepProgress is a flexible animated progress indicator for presenting processes, timelines, onboarding flows, delivery stages, tutorials, and other step-by-step experiences in Framer."}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Create up to 12 steps and customize each one with its own title, description, number, and uploaded icon. Control the complete visual system—including progress and base lines, icon backgrounds, active and idle states, strokes, shadows, colors, sizing, corner radius, typography, and spacing."}]},{"type":"paragraph","content":[{"type":"text","text":"Choose between padded numbers, standard numbers, letters, or Roman numerals. Step numbers, titles, descriptions, and icons can all be shown or hidden independently."}]},{"type":"paragraph","content":[{"type":"text","text":"Fine-tune the animation with Loop or Once playback, adjustable timing, pauses, and start delay. Choose Linear, Ease, or Spring motion to match the character of your design. Completed steps transition smoothly into a customizable check icon, while Canvas State lets you preview and style any stage directly in Framer."}]},{"type":"paragraph","content":[{"type":"text","text":"StepProgress automatically switches from a horizontal desktop layout to a vertical mobile layout. Dedicated mobile spacing and text-offset controls provide precise alignment across different typefaces and content lengths."}]},{"type":"paragraph","content":[{"type":"text","text":"Ideal for product journeys, order tracking, service processes, onboarding, roadmaps, and instructional sequences—without writing code."}]}]},"introduction":"Custom animated step progress.","slug":"stepprogress","author":{"framerUserId":"cfffe369-519f-4e6e-9689-0abca60f34cb","name":"Filip Banasiak","slug":"filip-banasiak","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/221996/avatar-fkqNBQwWSqz1hHV6UlZdZwyTG7ZH5O.jpg","badges":["available","pro","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cfffe369-519f-4e6e-9689-0abca60f34cb/019fc39c-70d4-748a-9a88-d3ab70b8cff9.jpg","metadata":{"tint":{"h":0,"s":0,"l":16},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-08-02T17:54:10.701Z","updatedAt":"2026-08-02T17:54:10.701Z","publishedAt":"2026-08-02T17:54:10.698Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/StepProgress-WExQkn.js@VpIZCUrsoBfC5OS57j4Y","previewUrl":"https://stepprogress.framer.website","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"1a3a0eb3-698e-461a-bf42-2502a7ed43e0","name":"Backgrounds","slug":"backgrounds"}],"lastSaveId":"VpIZCUrsoBfC5OS57j4Y","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":13,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-02T17:54:11.174Z","updatedAt":"2026-08-02T17:54:11.174Z"},{"id":"019f6a55-76f7-7196-90a8-8350efdb3fa9","title":null,"body":"

Interactive globes, made simple

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Interactive globes, made simple","marks":[{"type":"bold"}]}]}]},"author":{"framerUserId":"cfffe369-519f-4e6e-9689-0abca60f34cb","name":"Filip Banasiak","slug":"filip-banasiak","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/221996/avatar-fkqNBQwWSqz1hHV6UlZdZwyTG7ZH5O.jpg","badges":["available","pro","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"wtBND8T6bCtTF2Gw5uUh","resolved":true,"title":"Vector Globe","body":"$65","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Create immersive, interactive world globes without leaving the canvas. VectorGlobe gives you four distinct visual styles—Particles, Dots, Outline, and Fill—each designed to adapt smoothly to any layout."}]},{"type":"paragraph","content":[{"type":"text","text":"Fine-tune the globe’s color, scale, rotation speed, direction, and starting position. Enable drag-to-rotate interaction, add custom city pins, and control label colors, backgrounds, typography, and city coordinates."}]},{"type":"paragraph","content":[{"type":"text","text":"VectorGlobe includes its world map directly within the component. It works without external data requests, providing a reliable and privacy-friendly experience across published websites."}]},{"type":"paragraph","content":[{"type":"text","text":"Built for real-world projects, the component is responsive, resolution-independent, optimized to pause unnecessary rendering, and respects reduced-motion preferences. It also supports keyboard navigation and editable accessibility text."}]},{"type":"paragraph","content":[{"type":"text","text":"Perfect for global companies, logistics platforms, international networks, landing pages, portfolios, and any project that deserves a more expressive way to show the world."}]}]},"introduction":"Interactive globes, made simple","slug":"vector-globe","author":{"framerUserId":"cfffe369-519f-4e6e-9689-0abca60f34cb","name":"Filip Banasiak","slug":"filip-banasiak","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/221996/avatar-fkqNBQwWSqz1hHV6UlZdZwyTG7ZH5O.jpg","badges":["available","pro","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cfffe369-519f-4e6e-9689-0abca60f34cb/019f6f50-a215-7335-835c-a19c7487833b.jpg","metadata":{"tint":{"h":180,"s":25,"l":13},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-07-16T09:50:13.349Z","updatedAt":"2026-08-02T17:55:50.197Z","publishedAt":"2026-07-16T09:50:13.342Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://vectorglobe.framer.website","price":"4","paymentUrl":"https://filipbanasiak.lemonsqueezy.com/checkout/buy/3cf4c4f4-54d4-45f5-8982-162de0759d69","workshop":false,"categories":[{"id":"8ee0cfdd-bc84-44cf-aa9c-54c86b5c56e0","name":"Maps","slug":"maps"}],"lastSaveId":"0EbxAmkxm4bdNWn81YhE","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":5,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-16T09:50:13.751Z","updatedAt":"2026-07-16T09:50:13.751Z"},{"id":"019ed533-1827-7639-aa77-976d81950bbc","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"cfffe369-519f-4e6e-9689-0abca60f34cb","name":"Filip Banasiak","slug":"filip-banasiak","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/221996/avatar-fkqNBQwWSqz1hHV6UlZdZwyTG7ZH5O.jpg","badges":["available","pro","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"67003","resolved":true,"title":"Orelle","body":"

Orelle is an elegant, spa-inspired website built using a customizable Framer template, designed to showcase wellness, beauty, and high-end self-care services. From a UX/UI standpoint, the site offers a refined digital experience that balances sophistication with clarity—making it a perfect fit for spas, beauty clinics, wellness retreats, or boutique skincare brands.

The template was carefully structured to solve a common challenge in the wellness space: presenting premium, experience-based services online in a way that feels personal, inviting, and easy to navigate. The design employs a soft visual language—neutral tones, generous spacing, and graceful typography—to immediately convey a sense of calm and professionalism. These elements help visitors feel at ease, encouraging them to explore the brand and its offerings without friction or distraction.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Orelle","marks":[{"type":"bold"}]},{"type":"text","text":" is an elegant, spa-inspired website built using a customizable Framer template, designed to showcase wellness, beauty, and high-end self-care services. From a UX/UI standpoint, the site offers a refined digital experience that balances sophistication with clarity—making it a perfect fit for spas, beauty clinics, wellness retreats, or boutique skincare brands."}]},{"type":"paragraph","content":[{"type":"text","text":"The template was carefully structured to solve a common challenge in the wellness space: presenting premium, experience-based services online in a way that feels personal, inviting, and easy to navigate. The design employs a soft visual language—neutral tones, generous spacing, and graceful typography—to immediately convey a sense of calm and professionalism. These elements help visitors feel at ease, encouraging them to explore the brand and its offerings without friction or distraction."}]}]},"introduction":"Editorial Template for Clinics","slug":"orelle","author":{"framerUserId":"cfffe369-519f-4e6e-9689-0abca60f34cb","name":"Filip Banasiak","slug":"filip-banasiak","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/221996/avatar-fkqNBQwWSqz1hHV6UlZdZwyTG7ZH5O.jpg","badges":["available","pro","expert"],"followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/FRDDe8q6Lj1HizpEYQe7QK01qDW9THiejFx19K11VcPM.m3u8","metadata":{"posterUrl":"https://image.mux.com/FRDDe8q6Lj1HizpEYQe7QK01qDW9THiejFx19K11VcPM/thumbnail.webp?time=13.447","aspectRatio":"4:3","duration":24.991633}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cfffe369-519f-4e6e-9689-0abca60f34cb/uigqwrlq","metadata":{"tint":{"h":0,"s":0,"l":57},"width":3200,"height":2400}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cfffe369-519f-4e6e-9689-0abca60f34cb/ymf0g9if","metadata":{"tint":{"h":0,"s":0,"l":57},"width":3200,"height":2400}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cfffe369-519f-4e6e-9689-0abca60f34cb/ok9zauky","metadata":{"tint":{"h":0,"s":0,"l":57},"width":3200,"height":2400}}],"post":null,"createdAt":"2026-06-17T10:49:16.014Z","updatedAt":"2026-06-28T19:50:05.437Z","publishedAt":"2026-06-17T10:49:16.010Z","featuredAt":null,"approvedAt":null,"type":"template","attributes":{"price":null,"paymentUrl":"https://framer.link/BxxHhYF","remixUrl":"https://framer.link/BxxHhYF","previewUrl":"https://orelle.framer.website/","categories":[{"id":13,"name":"Health","slug":"health"},{"id":224,"name":"Hair & Beauty","slug":"hair-and-beauty"},{"id":248,"name":"Services","slug":"professional-services"}],"styles":[{"id":109,"name":"Modern","slug":"modern"},{"id":111,"name":"Minimal","slug":"minimal"},{"id":234,"name":"Large Type","slug":"large-type"},{"id":247,"name":"Professional","slug":"professional"},{"id":261,"name":"Typographic","slug":"typographic"}],"mainCategory":{"id":13,"name":"Health","slug":"health"},"features":[{"id":1,"name":"Appear Effects","slug":"appear-effects"},{"id":17,"name":"Sticky Scrolling","slug":"sticky-scrolling"},{"id":18,"name":"Scroll Effects","slug":"scroll-effects"},{"id":21,"name":"CMS","slug":"cms"},{"id":30,"name":"Forms","slug":"forms"},{"id":32,"name":"Layout Templates","slug":"layout-templates"},{"id":35,"name":"Text Effects","slug":"text-effects"}],"tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":11,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-06-17T10:49:16.071Z","updatedAt":"2026-06-17T10:49:16.071Z"},{"id":"019ed4af-1afd-764a-bdde-0162aa5b3557","title":null,"body":"

Free animated background component

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Free animated background component"}]}]},"author":{"framerUserId":"cfffe369-519f-4e6e-9689-0abca60f34cb","name":"Filip Banasiak","slug":"filip-banasiak","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/221996/avatar-fkqNBQwWSqz1hHV6UlZdZwyTG7ZH5O.jpg","badges":["available","pro","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"3njtMRTKlChgENjtAgDZ","resolved":true,"title":"Commit Grid","body":"$66","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"A grid that breathes.","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"CommitGrid drops a soft, animated grid of tinted cells behind any section — an ambient background inspired by the GitHub commit graph, built for atmosphere rather than data. Set a single color and it generates the whole tonal scale for you; pick a motion pattern and it quietly comes alive."}]},{"type":"paragraph","content":[{"type":"text","text":"Eight motion patterns","marks":[{"type":"bold"}]},{"type":"text","text":" Every pattern is a different way for the cells to light up — choose the mood that fits your page:"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Flat","marks":[{"type":"bold"}]},{"type":"text","text":" — a still, evenly tinted grid (great as a quiet texture)"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Twinkle","marks":[{"type":"bold"}]},{"type":"text","text":" — cells fade in and out at their own random rhythm"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Ripple","marks":[{"type":"bold"}]},{"type":"text","text":" — concentric rings pulse out from a point you choose"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Wave","marks":[{"type":"bold"}]},{"type":"text","text":" — a band of brightness sweeps across the grid"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Scan","marks":[{"type":"bold"}]},{"type":"text","text":" — a single line sweeps through like a radar"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Rain","marks":[{"type":"bold"}]},{"type":"text","text":" — streaks fall column by column"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Spiral","marks":[{"type":"bold"}]},{"type":"text","text":" — a slow rotating pinwheel"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Noise","marks":[{"type":"bold"}]},{"type":"text","text":" — an organic, drifting cloud of activity"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Tune it to your brand","marks":[{"type":"bold"}]},{"type":"text","text":" Simple controls, no code: base color (with opacity), cell size, gap, corner radius, animation speed, intensity, and max opacity. Set the speed to "},{"type":"text","text":"0","marks":[{"type":"bold"}]},{"type":"text","text":" to freeze any pattern into a static background, and choose an origin or direction for the directional patterns."}]},{"type":"paragraph","content":[{"type":"text","text":"Fast and considerate","marks":[{"type":"bold"}]},{"type":"text","text":" Rendered to a single canvas — not hundreds of DOM nodes — so it stays smooth even full-screen, on Safari included. It caps its own frame rate, pauses when scrolled off-screen, and respects "},{"type":"text","text":"prefers-reduced-motion","marks":[{"type":"bold"}]},{"type":"text","text":" by rendering a static grid for visitors who opt out of motion. Drop it in as a full-bleed background and put your content on top."}]},{"type":"paragraph","content":[{"type":"text","text":"Perfect for","marks":[{"type":"bold"}]},{"type":"text","text":" Hero sections, headers, footers, CTAs, login screens, and empty states — anywhere a page needs a little life without stealing focus."}]}]},"introduction":"Set the background in motion.","slug":"commit-grid","author":{"framerUserId":"cfffe369-519f-4e6e-9689-0abca60f34cb","name":"Filip Banasiak","slug":"filip-banasiak","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/221996/avatar-fkqNBQwWSqz1hHV6UlZdZwyTG7ZH5O.jpg","badges":["available","pro","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cfffe369-519f-4e6e-9689-0abca60f34cb/rapx3rz1","metadata":{"tint":{"h":0,"s":0,"l":9},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-06-17T08:25:06.020Z","updatedAt":"2026-06-30T14:23:27.652Z","publishedAt":"2026-06-17T08:25:06.018Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/CommitGrid-rcY7xP.js@R4vTLQzV9Ev0EaTosl3o","previewUrl":"https://commitgrid.framer.website","price":null,"paymentUrl":null,"workshop":true,"categories":[{"id":"1a3a0eb3-698e-461a-bf42-2502a7ed43e0","name":"Backgrounds","slug":"backgrounds"}],"lastSaveId":"R4vTLQzV9Ev0EaTosl3o","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":32,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-06-17T08:25:06.046Z","updatedAt":"2026-06-17T08:25:06.046Z"},{"id":"019ed1d8-33b2-74d9-9b07-fbf179a0bf37","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"cfffe369-519f-4e6e-9689-0abca60f34cb","name":"Filip Banasiak","slug":"filip-banasiak","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/221996/avatar-fkqNBQwWSqz1hHV6UlZdZwyTG7ZH5O.jpg","badges":["available","pro","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"66554","resolved":true,"title":"Soflow","body":"$67","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Soflow is a modern SaaS landing page template designed for digital products, platforms, and online services that need a polished and conversion-oriented online presence. The project focuses on combining strong visual hierarchy, clean UI structure, and product-driven storytelling into a refined Framer experience inspired by contemporary software brands."}]},{"type":"paragraph","content":[{"type":"text","text":"The design embraces a calm, modern aesthetic built around large typography, structured dashboard previews, balanced spacing, and subtle visual accents. Rather than relying on excessive visual effects, the template prioritizes clarity, usability, and presentation quality — allowing product features, workflows, and analytics to remain the central focus of the experience."}]},{"type":"paragraph","content":[{"type":"text","text":"A modular section architecture allows the template to adapt to different types of products and business models without losing visual consistency. Dashboard previews, content blocks, pricing sections, testimonials, and feature layouts were designed to be easily reusable and customizable, helping teams launch polished marketing websites quickly and efficiently."}]},{"type":"paragraph","content":[{"type":"text","text":"By combining clarity, universality, and ease of customization, Soflow provides a strong foundation for companies looking to build a modern and professional digital presence in Framer."}]}]},"introduction":"Product/SaaS template","slug":"soflow","author":{"framerUserId":"cfffe369-519f-4e6e-9689-0abca60f34cb","name":"Filip Banasiak","slug":"filip-banasiak","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/221996/avatar-fkqNBQwWSqz1hHV6UlZdZwyTG7ZH5O.jpg","badges":["available","pro","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cfffe369-519f-4e6e-9689-0abca60f34cb/gtjxbgdf","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cfffe369-519f-4e6e-9689-0abca60f34cb/ue23hle6","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-06-16T19:11:07.642Z","updatedAt":"2026-06-16T19:11:07.642Z","publishedAt":"2026-06-16T19:11:07.632Z","featuredAt":null,"approvedAt":null,"type":"template","attributes":{"price":null,"paymentUrl":"https://framer.link/K4vHsaH","remixUrl":"https://framer.link/K4vHsaH","previewUrl":"https://soflow.framer.website/","categories":[{"id":26,"name":"AI","slug":"ai"},{"id":2,"name":"SaaS","slug":"saas"},{"id":14,"name":"Landing Page","slug":"landing-page"},{"id":112,"name":"Technology","slug":"technology"},{"id":210,"name":"Digital Products","slug":"digital-products"}],"styles":[{"id":109,"name":"Modern","slug":"modern"},{"id":247,"name":"Professional","slug":"professional"}],"mainCategory":{"id":2,"name":"SaaS","slug":"saas"},"features":[{"id":13,"name":"Slideshows/Tickers","slug":"slideshows-tickers"},{"id":32,"name":"Layout Templates","slug":"layout-templates"},{"id":37,"name":"Code Components","slug":"code-components"}],"tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":6,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-06-16T19:11:07.700Z","updatedAt":"2026-06-16T19:11:07.700Z"},{"id":"019eb639-65ac-70f1-bf34-711c7c3e4993","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"cfffe369-519f-4e6e-9689-0abca60f34cb","name":"Filip Banasiak","slug":"filip-banasiak","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/221996/avatar-fkqNBQwWSqz1hHV6UlZdZwyTG7ZH5O.jpg","badges":["available","pro","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"64619","resolved":true,"title":"Recueil","body":"$68","bodyJson":{"type":"doc","content":[{"type":"customHeading","content":[{"type":"text","text":"Built for any product or service worth presenting well"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"A premium Framer template designed around one idea: some brands need room to breathe. Whether you sell perfume, software, financial advice, ceramics, hotel stays, coaching programs or skincare, the structure holds — because it was designed for "},{"type":"text","text":"considered","marks":[{"type":"italic"}]},{"type":"text","text":" product presentation, not for any single industry."}]},{"type":"paragraph","content":[{"type":"text","text":"The default content tells the story of a fragrance atelier. Swap the copy and imagery and the same template carries a SaaS launch, a boutique hotel, a wellness studio, a consultancy, a fashion drop, a DTC food brand, or a service business that needs to feel quietly expensive."}]},{"type":"customHeading","content":[{"type":"text","text":"What's inside"}],"attrs":{"level":1}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Cinematic hero with scroll-triggered video and animated logo reveal"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Three-step process flow — perfect for onboarding, \"how it works\", service stages or product journey"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Library grid — works for catalogues, menus, case studies, features, plans, ingredients or any visual collection"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Benefits & statistics sections with flowing animated counters"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Two testimonial layouts — short pull-quote and long-form member story"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Three-tier pricing ready for subscriptions, packages or service tiers"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Full FAQ with reusable question component"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Custom 404 page, privacy policy template"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Design system"}],"attrs":{"level":1}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Editorial typography pairing and a complete typography scale"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Deep-blue palette with glass overlays — refined out of the box, effortless to retheme to any brand"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Built right"}],"attrs":{"level":1}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Fully responsive across desktop, tablet and phone breakpoints"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Smooth scroll with custom reveal overrides"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Reusable components for fast page-building"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Who it's for"}],"attrs":{"level":1}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Subscription brands — beauty, food, wine, coffee, books, flowers"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"DTC product brands that want to feel atelier, not e-com"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Boutique services — hotels, spas, studios, agencies, coaches"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"SaaS & digital products that lead with craft over hype"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Consultants and creative practices building a single, considered site"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Designed to be customised, not just recoloured. The structure is the template — the copy and category come from you."}]}]},"introduction":"Premium product & service template","slug":"recueil","author":{"framerUserId":"cfffe369-519f-4e6e-9689-0abca60f34cb","name":"Filip Banasiak","slug":"filip-banasiak","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/221996/avatar-fkqNBQwWSqz1hHV6UlZdZwyTG7ZH5O.jpg","badges":["available","pro","expert"],"followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/M0001xJ8ZUwm9oMAUGboeNKSZJBWcaghZLNisXPTF02dL00.m3u8","metadata":{"posterUrl":"https://image.mux.com/M0001xJ8ZUwm9oMAUGboeNKSZJBWcaghZLNisXPTF02dL00/thumbnail.webp?time=5.405","aspectRatio":"4:3","duration":10.1101}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/templates/64619/recueil-7OeLUAes4sDDI6BUSNLp0mYdjbEECF","metadata":{"tint":{"h":240,"s":40,"l":16},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/templates/64619/recueil-4k9RmlUc6XBxiS9AqUMXa9SrY8ZA7Y","metadata":{"tint":{"h":225,"s":44,"l":14},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/templates/64619/recueil-emdrBYenY8PFVpEywUULH6pSOUWeRz","metadata":{"tint":{"h":210,"s":40,"l":16},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-05-14T21:56:18.090Z","updatedAt":"2026-08-23T18:08:59.128Z","publishedAt":"2026-06-11T10:27:55.436Z","featuredAt":null,"approvedAt":null,"type":"template","attributes":{"price":null,"paymentUrl":"https://framer.link/Q9XSMxm","remixUrl":"https://framer.link/Q9XSMxm","previewUrl":"https://recueil.framer.website/","categories":[{"id":224,"name":"Hair & Beauty","slug":"hair-and-beauty"},{"id":218,"name":"Free","slug":"free-website-templates"},{"id":248,"name":"Services","slug":"professional-services"}],"styles":[{"id":110,"name":"Animated","slug":"animated"},{"id":111,"name":"Minimal","slug":"minimal"},{"id":234,"name":"Large Type","slug":"large-type"},{"id":261,"name":"Typographic","slug":"typographic"}],"mainCategory":{"id":275,"name":"Beauty","slug":"beauty"},"features":[{"id":1,"name":"Appear Effects","slug":"appear-effects"},{"id":13,"name":"Slideshows/Tickers","slug":"slideshows-tickers"},{"id":18,"name":"Scroll Effects","slug":"scroll-effects"},{"id":30,"name":"Forms","slug":"forms"},{"id":32,"name":"Layout Templates","slug":"layout-templates"}],"tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":57,"liked":false},"comments":{"count":2},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-06-11T10:27:55.436Z","updatedAt":"2026-06-11T10:27:55.436Z"},{"id":"019e6556-29f0-7497-9a26-af5692916076","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"cfffe369-519f-4e6e-9689-0abca60f34cb","name":"Filip Banasiak","slug":"filip-banasiak","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/221996/avatar-fkqNBQwWSqz1hHV6UlZdZwyTG7ZH5O.jpg","badges":["available","pro","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"A0mQ7AReUudYhUlPb9E8","resolved":true,"title":"CMS Gallery Carousel","body":"$69","bodyJson":{"type":"doc","content":[{"type":"customHeading","content":[{"type":"text","text":"Overview"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"CMS Gallery Carousel is a wrapper that turns your Framer CMS gallery into a polished, draggable horizontal carousel. Built for the most common Framer use case: showing a row of project or product images from a CMS where the images come in different aspect ratios and you don't want to crop, mask, or hand-size every one."}]},{"type":"customHeading","content":[{"type":"text","text":"What it does"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Auto-fits every image in the slotted row to a single shared height — portraits and landscapes line up side by side without manual cropping."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Draggable with momentum and an elastic bounce at the edges (configurable)."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Optional left/right arrow buttons that fade in only when there's content to scroll to in that direction."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Optional thin scrollbar indicator that tracks drag progress."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Built-in click-vs-drag detection: a horizontal swipe never triggers a click on a child link, so dragging through a gallery never accidentally opens a project page."}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Perfect for:"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Showcasing large imagery in creative portfolio presentations"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Image-rich case studies and project pages"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Editorial layouts with mixed-aspect visuals"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Any CMS-driven gallery where photos vary in size and shape"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Customization"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Scrollbar on/off"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Elasticity (0 = hard stop, 1 = full bounce)"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Arrows on/off, with per-click scroll distance, size, color, background, and border radius"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Works with any height you set on the container"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"How to use it"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Build your CMS gallery row as you normally would."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Drop in the CMS Gallery Carousel, set the width and a fixed height."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Slot your CMS row into the Content slot."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Tune arrows, scrollbar, and elasticity in the property panel."}]}]}]}]},"introduction":"Turn CMS galleries into carousels","slug":"cms-gallery-carousel","author":{"framerUserId":"cfffe369-519f-4e6e-9689-0abca60f34cb","name":"Filip Banasiak","slug":"filip-banasiak","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/221996/avatar-fkqNBQwWSqz1hHV6UlZdZwyTG7ZH5O.jpg","badges":["available","pro","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/A0mQ7AReUudYhUlPb9E8/cms-gallery-carousel-u5eqV2PptCj6Yho0IovXRsOvSLvNzX","metadata":{"tint":{"h":0,"s":0,"l":9},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-05-04T21:16:33.778Z","updatedAt":"2026-07-07T11:39:32.934Z","publishedAt":"2026-05-26T17:30:06.192Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://gallerycarousel.framer.website","price":"9","paymentUrl":"https://filipbanasiak.lemonsqueezy.com/checkout/buy/3b0dce6f-01a1-407f-8ecc-e6a24d798059","workshop":true,"categories":[{"id":"8f93ccfe-423c-47f2-b8ae-79e9e132012f","name":"Carousels","slug":"carousels"}],"lastSaveId":"HDOGFRCmPVqPgnqVjvI7","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":12,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-05-26T17:30:06.192Z","updatedAt":"2026-05-26T17:30:06.192Z"},{"id":"019e2663-95c6-7197-964b-9f723affb9dc","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"cfffe369-519f-4e6e-9689-0abca60f34cb","name":"Filip Banasiak","slug":"filip-banasiak","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/221996/avatar-fkqNBQwWSqz1hHV6UlZdZwyTG7ZH5O.jpg","badges":["available","pro","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"62842","resolved":true,"title":"Mood Design","body":"$6a","bodyJson":{"type":"doc","content":[{"type":"customHeading","content":[{"type":"text","text":"A Minimal Portfolio That Lets Your Work Shine"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"The design feels calm and understated at first glance — but behind that simplicity is a powerful layout system designed specifically for visual storytelling. Large full-width grids, immersive project pages, and flexible gallery layouts allow images to take center stage."}]},{"type":"paragraph","content":[{"type":"text","text":"Perfect for photographers, interior designers, architects, and visual studios, Mood Design turns your portfolio into an elegant visual experience."}]},{"type":"customHeading","content":[{"type":"text","text":"Designed for Image-Driven Work"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Mood Design focuses on showcasing projects in the most effective way possible."}]},{"type":"paragraph","content":[{"type":"text","text":"Projects use large full-width masonry galleries that create a natural visual flow, making it easy for visitors to explore your work. Images scale beautifully across screen sizes and maintain strong visual rhythm throughout the site."}]},{"type":"customHeading","content":[{"type":"text","text":"Powerful Custom Components"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Mood Design includes custom-built components designed specifically for visual portfolios."}]},{"type":"customHeading","content":[{"type":"text","text":"Span Grid"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"A full-width image grid that arranges photography across a 12-column system with configurable column spans and row heights. This allows you to create dynamic editorial-style layouts where images can expand, combine, and adapt to each project."}]},{"type":"customHeading","content":[{"type":"text","text":"Draggable CMS Gallery"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"A horizontally scrolling gallery powered by Framer CMS. Visitors can drag to explore images, creating a smooth and intuitive browsing experience while allowing you to easily manage content directly from the CMS."}]},{"type":"customHeading","content":[{"type":"text","text":"Built for Creative Flexibility"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Although originally designed for interior design and architecture studios, Mood Design easily adapts to many creative disciplines:"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Photographers"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Interior designers"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Architects"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Creative studios"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Visual artists"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Designers and portfolios"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"The Idea Behind Mood Design"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Mood Design was created to feel quiet and restrained, allowing the work itself to define the personality of the website."}]},{"type":"paragraph","content":[{"type":"text","text":"Instead of overwhelming visitors with heavy design, the template provides a clean architectural framework that elevates images, projects, and visual storytelling."}]}]},"introduction":"Minimal portfolio for visual work","slug":"mood-design","author":{"framerUserId":"cfffe369-519f-4e6e-9689-0abca60f34cb","name":"Filip Banasiak","slug":"filip-banasiak","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/221996/avatar-fkqNBQwWSqz1hHV6UlZdZwyTG7ZH5O.jpg","badges":["available","pro","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/templates/62842/mood-design-IFrMqJwpfJHRCudztq8YmyB8Z7i3hb","metadata":{"tint":{"h":0,"s":0,"l":9},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/templates/62842/mood-design-AxHYnBVFNo2z7EtR43LKoFnOWXfBG7","metadata":{"tint":{"h":0,"s":0,"l":9},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/templates/62842/mood-design-mOvHA6EywKcm8KWmpXkIJMn2T3MSEm","metadata":{"tint":{"h":0,"s":0,"l":9},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-04-21T20:54:18.193Z","updatedAt":"2026-08-23T18:09:56.909Z","publishedAt":"2026-05-14T12:08:41.158Z","featuredAt":null,"approvedAt":"2026-06-01T14:46:12.987Z","type":"template","attributes":{"price":"39","paymentUrl":"https://filipbanasiak.lemonsqueezy.com/checkout/buy/d82dc93b-7ad4-4504-b312-d857940d5b28","remixUrl":null,"previewUrl":"https://mooddesign.framer.website/","categories":[{"id":19,"name":"Portfolio","slug":"portfolio"},{"id":187,"name":"Architecture","slug":"architecture"},{"id":230,"name":"Interior Design","slug":"interior-design"}],"styles":[{"id":111,"name":"Minimal","slug":"minimal"},{"id":234,"name":"Large Type","slug":"large-type"},{"id":239,"name":"Monochromatic","slug":"monochromatic"},{"id":247,"name":"Professional","slug":"professional"},{"id":261,"name":"Typographic","slug":"typographic"}],"mainCategory":{"id":187,"name":"Architecture","slug":"architecture"},"features":[{"id":1,"name":"Appear Effects","slug":"appear-effects"},{"id":21,"name":"CMS","slug":"cms"},{"id":25,"name":"Custom Cursors","slug":"custom-cursors"},{"id":30,"name":"Forms","slug":"forms"},{"id":32,"name":"Layout Templates","slug":"layout-templates"},{"id":37,"name":"Code Components","slug":"code-components"}],"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":"2026-05-14T12:08:41.158Z","updatedAt":"2026-05-14T12:08:41.158Z"},{"id":"019dd0b7-5d39-7cd8-95f9-8bbc0ee0fdc3","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"cfffe369-519f-4e6e-9689-0abca60f34cb","name":"Filip Banasiak","slug":"filip-banasiak","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/221996/avatar-fkqNBQwWSqz1hHV6UlZdZwyTG7ZH5O.jpg","badges":["available","pro","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"sDkfIxwLoXp2EsThcZOI","resolved":true,"title":"SpanGrid","body":"$6b","bodyJson":{"type":"doc","content":[{"type":"customHeading","content":[{"type":"text","text":"Build expressive, asymmetric grids in Framer—without manually rebuilding every layout for every breakpoint."}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"SpanGrid turns CMS items, components, or images into a flexible 12-column bento grid.","marks":[{"type":"bold"}]},{"type":"text","text":" Choose how many columns each item should span, and the component automatically wraps content onto new rows and fills available gaps to keep the composition compact."}]},{"type":"paragraph","content":[{"type":"text","text":"What you can do:","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"• Create portfolio grids, project case studies, image galleries, feature sections, logo walls, and editorial layouts "}]},{"type":"paragraph","content":[{"type":"text","text":"• Set an individual column span from 1–12 for every item "}]},{"type":"paragraph","content":[{"type":"text","text":"• Use Canvas Items for CMS content and Framer components, or switch to Images for quick responsive galleries"}]},{"type":"paragraph","content":[{"type":"text","text":"• Keep layouts dynamic as CMS content changes"}]},{"type":"paragraph","content":[{"type":"text","text":"• Automatically switch component variants at your chosen mobile breakpoint with the included variantFromGrid override"}]},{"type":"paragraph","content":[{"type":"text","text":" • Set variants individually when a specific item needs different behavior "}]},{"type":"paragraph","content":[{"type":"text","text":"• Enable container-aware scaling to preserve row proportions inside full-width sections or narrower columns "}]},{"type":"paragraph","content":[{"type":"text","text":"• Adjust row height, horizontal and vertical gaps, padding, corner radius, and mobile breakpoint with native Framer controls"}]},{"type":"paragraph","content":[{"type":"text","text":"One component, two workflows, and far more visual freedom than a uniform grid.","marks":[{"type":"bold"}]}]}]},"introduction":"Asymmetric bento grid","slug":"spangrid","author":{"framerUserId":"cfffe369-519f-4e6e-9689-0abca60f34cb","name":"Filip Banasiak","slug":"filip-banasiak","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/221996/avatar-fkqNBQwWSqz1hHV6UlZdZwyTG7ZH5O.jpg","badges":["available","pro","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/sDkfIxwLoXp2EsThcZOI/spangrid-t4htpGT5nChG4hHpi3gKaYhIxX7kLQ","metadata":{"tint":{"h":0,"s":0,"l":9},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-04-25T21:38:21.211Z","updatedAt":"2026-08-04T10:54:53.251Z","publishedAt":"2026-04-27T20:52:51.129Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://spangrid.framer.website/","price":"9","paymentUrl":"https://filipbanasiak.lemonsqueezy.com/checkout/buy/726ab076-7a5a-4e2a-83a7-b8277e83ca39","workshop":true,"categories":[{"id":"5c50a4d9-4405-49ca-8956-4909a204480d","name":"Sections","slug":"sections"}],"lastSaveId":"p3PrdvVlXr8pbyxAYSKJ","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":3,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-04-27T20:52:51.129Z","updatedAt":"2026-04-27T20:52:51.129Z"},{"id":"019d8fd3-b1b2-7e63-81ab-73d5f8b5bf28","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"cfffe369-519f-4e6e-9689-0abca60f34cb","name":"Filip Banasiak","slug":"filip-banasiak","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/221996/avatar-fkqNBQwWSqz1hHV6UlZdZwyTG7ZH5O.jpg","badges":["available","pro","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"sMv0t8Za2H1AbLT1vXpg","resolved":true,"title":"Scroll Blur Overlay","body":"$6c","bodyJson":{"type":"doc","content":[{"type":"customHeading","content":[{"type":"text","text":"This component applies a dynamic backdrop blur that increases as users scroll, mimicking the frosted glass effect found throughout iOS interfaces."}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Key Features:","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Smooth, performance-optimized blur tied to scroll position"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"iOS-style backdrop blur for a premium native app feel"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Viewport-relative positioning — works under sections of any height, including 100vh heroes, with no manual pixel offset"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"\"Extend Above\" mode to blur the section above instead of its own section"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Threshold in px or vh, so the effect feels consistent across screen sizes"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Responsive on all screen sizes and breakpoints"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Customizable Properties:","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Background Color:","marks":[{"type":"bold"}]},{"type":"text","text":" overlay tint color"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Opacity:","marks":[{"type":"bold"}]},{"type":"text","text":" overlay transparency (0–1)"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Max Blur:","marks":[{"type":"bold"}]},{"type":"text","text":" maximum blur intensity (0–50px)"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Start Line:","marks":[{"type":"bold"}]},{"type":"text","text":" viewport point (0–100vh) where blur begins"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Threshold:","marks":[{"type":"bold"}]},{"type":"text","text":" scroll distance to reach max blur, in px or vh"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Extend Above:","marks":[{"type":"bold"}]},{"type":"text","text":" shifts the overlay up by its own height to blur the section above it"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"How It Works:","marks":[{"type":"bold"}]},{"type":"text","text":" Place the component inside a section — it automatically tracks its own position relative to the viewport, no offset math needed. Blur starts at your Start Line and increases until your Threshold, creating a smooth transition. Enable Extend Above for sticky-stacked layouts or full-height heroes."}]},{"type":"paragraph","content":[{"type":"text","text":"Perfect For:","marks":[{"type":"bold"}]},{"type":"text","text":" Designers adding sophisticated iOS-inspired scroll interactions without code, for full-screen heroes and sticky-stacked layouts."}]},{"type":"paragraph","content":[{"type":"text","text":"Refund Policy:","marks":[{"type":"bold"}]},{"type":"text","text":" Due to the digital nature of this product, all sales are final and non-refundable. Refunds are only provided if there is a documented technical issue where the component does not work as intended or as described. Refunds will not be issued if the component works correctly but does not meet your expectations or does not work the way you would prefer."}]}]},"introduction":"Stunning scroll based blur effect","slug":"scroll-blur-overlay","author":{"framerUserId":"cfffe369-519f-4e6e-9689-0abca60f34cb","name":"Filip Banasiak","slug":"filip-banasiak","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/221996/avatar-fkqNBQwWSqz1hHV6UlZdZwyTG7ZH5O.jpg","badges":["available","pro","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/sMv0t8Za2H1AbLT1vXpg/scroll-blur-overlay-nmNOffzL16DcvEXMfnpFBUKyiBOr2C","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-04-11T20:14:08.530Z","updatedAt":"2026-07-16T10:17:14.749Z","publishedAt":"2026-04-15T06:28:28.722Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://scrollbluroverlay.framer.website","price":"7","paymentUrl":"https://filipbanasiak.lemonsqueezy.com/checkout/buy/1839ee21-d117-4374-ba36-47d1a333dd6c","workshop":true,"categories":[{"id":"323e97d6-f443-488c-8661-794a9a83a20f","name":"Effects","slug":"effects"}],"lastSaveId":"uLEPmIXuheouvKWV96tU","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":32,"liked":false},"comments":{"count":6},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-04-15T06:28:28.722Z","updatedAt":"2026-04-15T06:28:28.722Z"},{"id":"019d2f95-c2e8-7afc-94b4-4178e75d452b","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"cfffe369-519f-4e6e-9689-0abca60f34cb","name":"Filip Banasiak","slug":"filip-banasiak","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/221996/avatar-fkqNBQwWSqz1hHV6UlZdZwyTG7ZH5O.jpg","badges":["available","pro","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"14259","resolved":true,"title":"Kontekst","body":null,"bodyJson":null,"introduction":"A modern website redesign for a specialized translation services provider, transforming an outdated platform into a visually refined and engaging digital experience.","slug":"kontekst","author":{"framerUserId":"cfffe369-519f-4e6e-9689-0abca60f34cb","name":"Filip Banasiak","slug":"filip-banasiak","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/221996/avatar-fkqNBQwWSqz1hHV6UlZdZwyTG7ZH5O.jpg","badges":["available","pro","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/sites/14259/thumbnail-jUyghQF8zmCUFaRU2JhnQGPkMxNlGq.jpg","metadata":{"tint":{"h":30,"s":29,"l":22},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-03-27T13:57:17.159Z","updatedAt":"2026-03-27T13:57:17.159Z","publishedAt":"2026-03-27T13:57:17.160Z","featuredAt":null,"approvedAt":null,"type":"site","attributes":{"url":"https://www.kontekst.com","categories":[],"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":"2026-03-27T13:57:17.160Z","updatedAt":"2026-03-27T13:57:17.160Z"},{"id":"019cb862-ab86-7d24-a0ac-9d3263601f7e","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"cfffe369-519f-4e6e-9689-0abca60f34cb","name":"Filip Banasiak","slug":"filip-banasiak","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/221996/avatar-fkqNBQwWSqz1hHV6UlZdZwyTG7ZH5O.jpg","badges":["available","pro","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"13607","resolved":true,"title":"Healing Minds","body":null,"bodyJson":null,"introduction":"A visually rich, carefully art-directed website for Healing Minds, combining subtle animations, immersive imagery, and tailored design to create a distinctive and emotionally resonant digital presence.","slug":"healing-minds","author":{"framerUserId":"cfffe369-519f-4e6e-9689-0abca60f34cb","name":"Filip Banasiak","slug":"filip-banasiak","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/221996/avatar-fkqNBQwWSqz1hHV6UlZdZwyTG7ZH5O.jpg","badges":["available","pro","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/sites/13607/thumbnail-ENBBtuneJ7wY7d4B8AAcWoHaH4rNfy.jpg","metadata":{"tint":{"h":180,"s":13,"l":13},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-03-04T10:26:40.133Z","updatedAt":"2026-03-04T10:26:40.133Z","publishedAt":"2026-03-04T10:26:40.134Z","featuredAt":null,"approvedAt":null,"type":"site","attributes":{"url":"https://www.healingminds.pl/","categories":[{"id":"ddd39099-5b17-42e0-b333-7b7c480a114f","name":"Business","slug":"business"}],"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":"2026-03-04T10:26:40.134Z","updatedAt":"2026-03-04T10:26:40.134Z"},{"id":"019ab1a5-62cd-72da-b838-65ab5fda6af7","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"cfffe369-519f-4e6e-9689-0abca60f34cb","name":"Filip Banasiak","slug":"filip-banasiak","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/221996/avatar-fkqNBQwWSqz1hHV6UlZdZwyTG7ZH5O.jpg","badges":["available","pro","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"10083","resolved":true,"title":"Nyquista","body":null,"bodyJson":null,"introduction":"A cohesive branding and website project for Nyquista, pairing a refined visual identity with a smooth, responsive digital experience featuring modern layouts and elegant animations to elevate their acoustic product line","slug":"nyquista","author":{"framerUserId":"cfffe369-519f-4e6e-9689-0abca60f34cb","name":"Filip Banasiak","slug":"filip-banasiak","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/221996/avatar-fkqNBQwWSqz1hHV6UlZdZwyTG7ZH5O.jpg","badges":["available","pro","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/sites/10083/thumbnail-UHCovsn2XvCYIkXz3pdXF2wwccaBjA.jpg","metadata":{"tint":{"h":0,"s":0,"l":16},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-11-23T16:56:37.324Z","updatedAt":"2026-03-04T10:29:58.066Z","publishedAt":"2025-11-23T16:56:37.325Z","featuredAt":null,"approvedAt":null,"type":"site","attributes":{"url":"https://www.nyquista.pl/","categories":[],"mainCategory":null,"tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":0,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2025-11-23T16:56:37.325Z","updatedAt":"2025-11-23T16:56:37.325Z"},{"id":"0199fcc1-da20-76b0-ba35-c2d5a86d2dca","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"cfffe369-519f-4e6e-9689-0abca60f34cb","name":"Filip Banasiak","slug":"filip-banasiak","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/221996/avatar-fkqNBQwWSqz1hHV6UlZdZwyTG7ZH5O.jpg","badges":["available","pro","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"9046","resolved":true,"title":"Goodspeed","body":null,"bodyJson":null,"introduction":"A multilingual website for Goodspeed, combining video, animations, and interactive storytelling to showcase their full spectrum of IT, catering, and logistics solutions","slug":"goodspeed","author":{"framerUserId":"cfffe369-519f-4e6e-9689-0abca60f34cb","name":"Filip Banasiak","slug":"filip-banasiak","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/221996/avatar-fkqNBQwWSqz1hHV6UlZdZwyTG7ZH5O.jpg","badges":["available","pro","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/sites/9046/thumbnail-R4vuM6vobySa6MrzoYkwOd4R8SU89p.jpg","metadata":{"tint":{"h":240,"s":44,"l":14},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-10-19T13:56:26.781Z","updatedAt":"2025-10-19T13:57:45.429Z","publishedAt":"2025-10-19T13:56:26.784Z","featuredAt":null,"approvedAt":null,"type":"site","attributes":{"url":"https://www.goodspeed.pl/","categories":[],"mainCategory":null,"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":"2025-10-19T13:56:26.784Z","updatedAt":"2025-10-19T13:56:26.784Z"},{"id":"0199fc98-c009-7282-bb8f-acb50a4f3a8b","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"cfffe369-519f-4e6e-9689-0abca60f34cb","name":"Filip Banasiak","slug":"filip-banasiak","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/221996/avatar-fkqNBQwWSqz1hHV6UlZdZwyTG7ZH5O.jpg","badges":["available","pro","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"9045","resolved":true,"title":"Mycovibes","body":null,"bodyJson":null,"introduction":"Website for MycoVibes, combining dynamic data visualization, scroll-triggered storytelling, and bespoke design sections to showcase shiitake mycoprotein as the next-generation protein source.\n","slug":"mycovibes","author":{"framerUserId":"cfffe369-519f-4e6e-9689-0abca60f34cb","name":"Filip Banasiak","slug":"filip-banasiak","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/221996/avatar-fkqNBQwWSqz1hHV6UlZdZwyTG7ZH5O.jpg","badges":["available","pro","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/sites/9045/thumbnail-O95d6WKdMmlfrreAcysZAqd5F8QvXv.jpg","metadata":{"tint":{"h":120,"s":40,"l":16},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-10-19T13:11:33.128Z","updatedAt":"2025-10-19T13:57:37.562Z","publishedAt":"2025-10-19T13:11:33.129Z","featuredAt":null,"approvedAt":null,"type":"site","attributes":{"url":"https://www.mycovibes.eu/","categories":[{"id":"ddd39099-5b17-42e0-b333-7b7c480a114f","name":"Business","slug":"business"},{"id":"b65821c4-e205-4861-a28b-1623536037f7","name":"Landing Page","slug":"landing-page"}],"mainCategory":null,"tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":0,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2025-10-19T13:11:33.129Z","updatedAt":"2025-10-19T13:11:33.129Z"},{"id":"01991e2e-8968-7a44-9ee4-ca67726bd0a9","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"cfffe369-519f-4e6e-9689-0abca60f34cb","name":"Filip Banasiak","slug":"filip-banasiak","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/221996/avatar-fkqNBQwWSqz1hHV6UlZdZwyTG7ZH5O.jpg","badges":["available","pro","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"7935","resolved":true,"title":"Stolarnia Sulejówek","body":null,"bodyJson":null,"introduction":"Full branding and a responsive website for Stolarnia Sulejówek, combining a custom logo and elegant digital experience to showcase premium carpentry services with clarity and visual impact.","slug":"stolarnia-sulej-wek","author":{"framerUserId":"cfffe369-519f-4e6e-9689-0abca60f34cb","name":"Filip Banasiak","slug":"filip-banasiak","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/221996/avatar-fkqNBQwWSqz1hHV6UlZdZwyTG7ZH5O.jpg","badges":["available","pro","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/sites/7935/thumbnail-v9HERVePY637lD8V2lg3U3CV4VyudU.jpg","metadata":{"tint":{"h":0,"s":7,"l":28},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-09-06T08:39:50.374Z","updatedAt":"2025-10-19T13:58:18.301Z","publishedAt":"2025-09-06T08:39:50.376Z","featuredAt":null,"approvedAt":null,"type":"site","attributes":{"url":"https://stolarniasulejowek.pl/","categories":[{"id":"ddd39099-5b17-42e0-b333-7b7c480a114f","name":"Business","slug":"business"}],"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-09-06T08:39:50.376Z","updatedAt":"2025-09-06T08:39:50.376Z"},{"id":"01991e2b-a654-7826-9229-37064fd57be7","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"cfffe369-519f-4e6e-9689-0abca60f34cb","name":"Filip Banasiak","slug":"filip-banasiak","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/221996/avatar-fkqNBQwWSqz1hHV6UlZdZwyTG7ZH5O.jpg","badges":["available","pro","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"7934","resolved":true,"title":"Golfmasters","body":null,"bodyJson":null,"introduction":"A bold, high-conversion Framer website for Golf Masters, showcasing premium golf green installations and simulators through a clean, responsive, and user-focused digital experience.","slug":"golfmasters","author":{"framerUserId":"cfffe369-519f-4e6e-9689-0abca60f34cb","name":"Filip Banasiak","slug":"filip-banasiak","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/221996/avatar-fkqNBQwWSqz1hHV6UlZdZwyTG7ZH5O.jpg","badges":["available","pro","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/sites/7934/thumbnail-yZZSIXi7CKTcA1jcKLbz1QXx0l5ZYR.jpg","metadata":{"tint":{"h":165,"s":57,"l":22},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-09-06T08:36:41.172Z","updatedAt":"2025-10-19T13:58:26.902Z","publishedAt":"2025-09-06T08:36:41.172Z","featuredAt":null,"approvedAt":null,"type":"site","attributes":{"url":"https://www.golfmasters.pl/","categories":[{"id":"ddd39099-5b17-42e0-b333-7b7c480a114f","name":"Business","slug":"business"},{"id":"b65821c4-e205-4861-a28b-1623536037f7","name":"Landing Page","slug":"landing-page"}],"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-09-06T08:36:41.172Z","updatedAt":"2025-09-06T08:36:41.172Z"},{"id":"01991bdb-d3ea-7e80-85bb-e5a4be9237d2","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"cfffe369-519f-4e6e-9689-0abca60f34cb","name":"Filip Banasiak","slug":"filip-banasiak","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/221996/avatar-fkqNBQwWSqz1hHV6UlZdZwyTG7ZH5O.jpg","badges":["available","pro","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"7927","resolved":true,"title":"Foodango Landing Page","body":null,"bodyJson":null,"introduction":"Developed a responsive, API-integrated landing page in Framer for Foodango. The page goal is to convert new users with special offers. The site required seamless integration with external APIs to dynamically display content. ","slug":"foodango-landing-page","author":{"framerUserId":"cfffe369-519f-4e6e-9689-0abca60f34cb","name":"Filip Banasiak","slug":"filip-banasiak","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/221996/avatar-fkqNBQwWSqz1hHV6UlZdZwyTG7ZH5O.jpg","badges":["available","pro","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/sites/7927/thumbnail-jxAXH18KJNA6wmFQFi0unFV0sikhi6.jpg","metadata":{"tint":{"h":180,"s":40,"l":16},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-09-05T21:50:15.529Z","updatedAt":"2025-10-19T13:58:10.014Z","publishedAt":"2025-09-05T21:50:15.530Z","featuredAt":null,"approvedAt":null,"type":"site","attributes":{"url":"https://foodango.pl/okazje-dla-nowych/","categories":[{"id":"b65821c4-e205-4861-a28b-1623536037f7","name":"Landing Page","slug":"landing-page"}],"mainCategory":null,"tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":0,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2025-09-05T21:50:15.530Z","updatedAt":"2025-09-05T21:50:15.530Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}]}},"children":"$L6d"}]