4f:I[267044,["/creators-assets/_next/static/immutable/chunks/456dxp3afc8vw.js","/creators-assets/_next/static/immutable/chunks/2bxtessbrg0z1.js","/creators-assets/_next/static/immutable/chunks/0bntpu9zyiup3.js","/creators-assets/_next/static/immutable/chunks/3283ev4bymz-y.js","/creators-assets/_next/static/immutable/chunks/3npaj8f4glbs_.js","/creators-assets/_next/static/immutable/chunks/24bk4ojcoor5n.js","/creators-assets/_next/static/immutable/chunks/2knggklfeqwdv.js","/creators-assets/_next/static/immutable/chunks/18e_sauhpyyit.js","/creators-assets/_next/static/immutable/chunks/13xqrk3e5k8yu.js","/creators-assets/_next/static/immutable/chunks/00hohn9l3ocx9.js","/creators-assets/_next/static/immutable/chunks/3oybmd01gs-b6.js","/creators-assets/_next/static/immutable/chunks/0vxt9zvn936s0.js","/creators-assets/_next/static/immutable/chunks/1yn3k6g09tq32.js","/creators-assets/_next/static/immutable/chunks/3ly-i84yiij4i.js","/creators-assets/_next/static/immutable/chunks/1cey7skpirawe.js","/creators-assets/_next/static/immutable/chunks/3fujn21cf_mt1.js","/creators-assets/_next/static/immutable/chunks/2n9qmawfhavju.js","/creators-assets/_next/static/immutable/chunks/0m8lhf01xskqj.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/3uo-268z2xnq9.js","/creators-assets/_next/static/immutable/chunks/3q5wansxm4vp6.js","/creators-assets/_next/static/immutable/chunks/2lxef2-u417vc.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/0mgwzh6o644jl.js","/creators-assets/_next/static/immutable/chunks/0feduxwyr82nv.js","/creators-assets/_next/static/immutable/chunks/3e73rezw4k1a2.js","/creators-assets/_next/static/immutable/chunks/3xmobvbzj3637.js","/creators-assets/_next/static/immutable/chunks/0h18ahbw9nndq.js","/creators-assets/_next/static/immutable/chunks/0toe1wcov_38e.js","/creators-assets/_next/static/immutable/chunks/110hzb6dmcbdr.js","/creators-assets/_next/static/immutable/chunks/0yqk60ay0h76r.js","/creators-assets/_next/static/immutable/chunks/1zt764sfv2wd7.js","/creators-assets/_next/static/immutable/chunks/3nd1mzwm7q_f7.js","/creators-assets/_next/static/immutable/chunks/046rld3pdrzo7.js","/creators-assets/_next/static/immutable/chunks/0l9v835j421-s.js","/creators-assets/_next/static/immutable/chunks/3gx0_q52o4oil.js","/creators-assets/_next/static/immutable/chunks/2warb3xv9rce7.js","/creators-assets/_next/static/immutable/chunks/0lmmb08iwroji.js","/creators-assets/_next/static/immutable/chunks/3k6sa9ujkqb5c.js"],"S"] 50:T77a,

Smooth Wave Section — Free Framer Component

Add beautiful, flowing wave sections to your Framer website in seconds.

Smooth Wave Section is a fully customizable and responsive Framer component that lets you create elegant, organic section shapes without writing any code.

Whether you're designing a modern landing page, portfolio, or business website, this component helps you move beyond traditional rectangular layouts.

Features

Customizable Top & Bottom Waves — Independently adjust the height of each wave.
Adjustable Middle Section — Control the height of the center area.
Wave Width Control — Customize the horizontal wave pattern without stretching it to fit the screen.
Background Images — Add your own images with adjustable vertical positioning.
Custom Background Colors — Match the component to your website's branding.
Horizontal & Vertical Wave Flipping — Reverse the top and bottom wave directions independently.
Straight Edge Option — Set either wave height to 0px for a perfectly straight edge.
Responsive Design — Adapts to different screen widths, including ultrawide displays.

Perfect For

Hero sections
Landing pages
Promotional banners
Creative section backgrounds
Portfolio websites
Modern business websites

Easy to Customize

Simply add the component to your Framer project, adjust the wave settings, choose your colors or background image, and create a unique section design in seconds.

Free to use. Built for Framer.

51:T709,

Vertical Stepper – Interactive Scroll Timeline

Turn your process, workflow, or story into an engaging scrolling experience.

Vertical Stepper is a fully responsive Framer component that combines an animated vertical timeline with beautiful imagery and smooth scroll-based interactions.

As visitors scroll, the timeline progresses, steps become active, and images transition automatically to match the content.

Key Features

Scroll-Driven Animation – Timeline progress and active steps respond to scrolling.
Dynamic Image Transitions – Images change smoothly as visitors move through each step.
Fully Responsive – Optimized layouts for desktop, tablet, and mobile.
Interactive Timeline – Animated progress line and step indicators.
Customizable Design – Adjust colors, typography, image dimensions, spacing, and more.
Flexible Content – Add up to 10 steps with individual titles, descriptions, and images.
Easy to Use – Customize everything directly through Framer's property controls.

Perfect For

Creative agencies, design studios, portfolios, architecture websites, service businesses, product presentations, and any website that needs to explain a process visually.

What's Included

Responsive Framer code component
Scroll-based timeline animation
Dynamic image transitions
Customizable property controls
Desktop, tablet, and mobile layouts

Make every step of your story stand out.

52:T62b,

Atelier Flow – Interactive Scroll Timeline for Framer

Turn ordinary content into an engaging, interactive experience with Atelier Flow, a fully customizable scroll-driven timeline component built for Framer.

Guide visitors through your story, workflow, or creative process with smooth scroll animations, dynamic progress indicators, and beautifully integrated visuals.

Key Features

Scroll-Driven Animations – Bring each step to life as visitors scroll through your page.
Interactive Progress Timeline – A dynamic connecting line and progress indicators that respond to scrolling.
Fully Responsive – Carefully optimized layouts for desktop, tablet, and mobile.
Customizable Design – Easily adjust colors, typography, spacing, and visual elements.
Flexible Image Controls – Add your own images and customize their dimensions.

Perfect For

How It Works sections
Step-by-step processes
Agency and studio websites
Product showcases
Creative portfolios
Brand storytelling

Make Every Step Count

Whether you're showcasing your creative process, explaining a service, or telling a compelling story, Atelier Flow transforms static information into an immersive scrolling experience.

Designed to flow. Built to engage.

4e:["$","$L4f",null,{"value":{"fallback":{"$inf$activity-creator-398f3775-7a79-4d78-ad61-8b84fe80d0e4-all:/unified/creator/398f3775-7a79-4d78-ad61-8b84fe80d0e4/activity/":[{"data":[{"id":"01a14418-328e-77ed-a815-0be3b3e41167","type":"component.created","target":{"type":"component","id":"6cahFIs8eB1rSMOcPF9l","preview":"Smooth Wave Section","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/398f3775-7a79-4d78-ad61-8b84fe80d0e4/01a14417-ec68-716e-b277-107b5a984047.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"398f3775-7a79-4d78-ad61-8b84fe80d0e4","name":"Davey DPA","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/398f3775-7a79-4d78-ad61-8b84fe80d0e4/1aihc92k","slug":"davey-dpa","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-10-16T09:43:18.926Z","latestAt":"2026-10-16T09:43:18.926Z"},{"id":"01a12f7f-8d70-718b-8974-95361e54dfd0","type":"component.created","target":{"type":"component","id":"Fvb1Hq8I9GCPfxzOsVuo","preview":"Vertical Stepper","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/398f3775-7a79-4d78-ad61-8b84fe80d0e4/01a12f7f-69dd-72bd-bd7e-b4f991bd4aaa.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"398f3775-7a79-4d78-ad61-8b84fe80d0e4","name":"Davey DPA","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/398f3775-7a79-4d78-ad61-8b84fe80d0e4/1aihc92k","slug":"davey-dpa","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-10-12T09:44:10.864Z","latestAt":"2026-10-12T09:44:10.864Z"},{"id":"01a12f61-6e21-7444-9aa3-1de569dacdc0","type":"component.created","target":{"type":"component","id":"J87DaMX0K1sc1190uVXC","preview":"Atelier Flow","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/398f3775-7a79-4d78-ad61-8b84fe80d0e4/01a12f60-f791-7209-b6bd-be1eea0708c2.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"398f3775-7a79-4d78-ad61-8b84fe80d0e4","name":"Davey DPA","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/398f3775-7a79-4d78-ad61-8b84fe80d0e4/1aihc92k","slug":"davey-dpa","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-10-12T09:11:16.769Z","latestAt":"2026-10-12T09:11:16.769Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}],"$inf$posts:398f3775-7a79-4d78-ad61-8b84fe80d0e4:/unified/posts/?creator=398f3775-7a79-4d78-ad61-8b84fe80d0e4&with=reposts":[{"data":[{"id":"01a14418-300a-72de-83e9-c655ff9ad478","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"398f3775-7a79-4d78-ad61-8b84fe80d0e4","name":"Davey DPA","slug":"davey-dpa","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/398f3775-7a79-4d78-ad61-8b84fe80d0e4/1aihc92k","followed":false,"followsYou":false},"media":[],"resources":[{"id":"6cahFIs8eB1rSMOcPF9l","resolved":true,"title":"Smooth Wave Section","body":"$50","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Smooth Wave Section — Free Framer Component"}]},{"type":"paragraph","content":[{"type":"text","text":"Add beautiful, flowing wave sections to your Framer website in seconds."}]},{"type":"paragraph","content":[{"type":"text","text":"Smooth Wave Section is a fully customizable and responsive Framer component that lets you create elegant, organic section shapes without writing any code."}]},{"type":"paragraph","content":[{"type":"text","text":"Whether you're designing a modern landing page, portfolio, or business website, this component helps you move beyond traditional rectangular layouts."}]},{"type":"customHeading","content":[{"type":"text","text":"Features"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Customizable Top & Bottom Waves","marks":[{"type":"bold"}]},{"type":"text","text":" — Independently adjust the height of each wave."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Adjustable Middle Section","marks":[{"type":"bold"}]},{"type":"text","text":" — Control the height of the center area."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Wave Width Control","marks":[{"type":"bold"}]},{"type":"text","text":" — Customize the horizontal wave pattern without stretching it to fit the screen."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Background Images","marks":[{"type":"bold"}]},{"type":"text","text":" — Add your own images with adjustable vertical positioning."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Custom Background Colors","marks":[{"type":"bold"}]},{"type":"text","text":" — Match the component to your website's branding."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Horizontal & Vertical Wave Flipping","marks":[{"type":"bold"}]},{"type":"text","text":" — Reverse the top and bottom wave directions independently."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Straight Edge Option","marks":[{"type":"bold"}]},{"type":"text","text":" — Set either wave height to 0px for a perfectly straight edge."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Responsive Design","marks":[{"type":"bold"}]},{"type":"text","text":" — Adapts to different screen widths, including ultrawide displays."}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Perfect For"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Hero sections"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Landing pages"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Promotional banners"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Creative section backgrounds"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Portfolio websites"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Modern business websites"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Easy to Customize"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Simply add the component to your Framer project, adjust the wave settings, choose your colors or background image, and create a unique section design in seconds."}]},{"type":"paragraph","content":[{"type":"text","text":"Free to use. Built for Framer.","marks":[{"type":"bold"}]}]}]},"introduction":"Responsive Wave Sections","slug":"smooth-wave-section","author":{"framerUserId":"398f3775-7a79-4d78-ad61-8b84fe80d0e4","name":"Davey DPA","slug":"davey-dpa","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/398f3775-7a79-4d78-ad61-8b84fe80d0e4/1aihc92k","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/398f3775-7a79-4d78-ad61-8b84fe80d0e4/01a14417-ec68-716e-b277-107b5a984047.png","metadata":{"tint":{"h":240,"s":50,"l":6},"width":1448,"height":1086}}],"post":null,"createdAt":"2026-10-16T09:43:17.246Z","updatedAt":"2026-10-16T10:08:41.021Z","publishedAt":"2026-10-16T09:43:17.243Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://hy.chujiqiqi.com/m/Smooth-Wave-WNwutR.js@yz1osRh126NMk9GASa1X","previewUrl":"https://smoothwave.framer.website/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"5c50a4d9-4405-49ca-8956-4909a204480d","name":"Sections","slug":"sections"}],"lastSaveId":"yz1osRh126NMk9GASa1X","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":"2026-10-16T09:43:18.282Z","updatedAt":"2026-10-16T09:43:18.282Z","type":"post"},{"id":"01a12f7f-8ad5-74bf-b01d-1471dc5df246","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"398f3775-7a79-4d78-ad61-8b84fe80d0e4","name":"Davey DPA","slug":"davey-dpa","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/398f3775-7a79-4d78-ad61-8b84fe80d0e4/1aihc92k","followed":false,"followsYou":false},"media":[],"resources":[{"id":"Fvb1Hq8I9GCPfxzOsVuo","resolved":true,"title":"Vertical Stepper","body":"$51","bodyJson":{"type":"doc","content":[{"type":"customHeading","content":[{"type":"text","text":"Vertical Stepper – Interactive Scroll Timeline"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Turn your process, workflow, or story into an engaging scrolling experience."}]},{"type":"paragraph","content":[{"type":"text","text":"Vertical Stepper is a fully responsive Framer component that combines an animated vertical timeline with beautiful imagery and smooth scroll-based interactions."}]},{"type":"paragraph","content":[{"type":"text","text":"As visitors scroll, the timeline progresses, steps become active, and images transition automatically to match the content."}]},{"type":"customHeading","content":[{"type":"text","text":"Key Features"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Scroll-Driven Animation","marks":[{"type":"bold"}]},{"type":"text","text":" – Timeline progress and active steps respond to scrolling."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Dynamic Image Transitions","marks":[{"type":"bold"}]},{"type":"text","text":" – Images change smoothly as visitors move through each step."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Fully Responsive","marks":[{"type":"bold"}]},{"type":"text","text":" – Optimized layouts for desktop, tablet, and mobile."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Interactive Timeline","marks":[{"type":"bold"}]},{"type":"text","text":" – Animated progress line and step indicators."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Customizable Design","marks":[{"type":"bold"}]},{"type":"text","text":" – Adjust colors, typography, image dimensions, spacing, and more."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Flexible Content","marks":[{"type":"bold"}]},{"type":"text","text":" – Add up to 10 steps with individual titles, descriptions, and images."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Easy to Use","marks":[{"type":"bold"}]},{"type":"text","text":" – Customize everything directly through Framer's property controls."}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Perfect For"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Creative agencies, design studios, portfolios, architecture websites, service businesses, product presentations, and any website that needs to explain a process visually."}]},{"type":"customHeading","content":[{"type":"text","text":"What's Included"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Responsive Framer code component"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Scroll-based timeline animation"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Dynamic image transitions"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Customizable property controls"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Desktop, tablet, and mobile layouts"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Make every step of your story stand out.","marks":[{"type":"bold"}]}]}]},"introduction":"Interactive Scroll Timeline","slug":"vertical-stepper","author":{"framerUserId":"398f3775-7a79-4d78-ad61-8b84fe80d0e4","name":"Davey DPA","slug":"davey-dpa","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/398f3775-7a79-4d78-ad61-8b84fe80d0e4/1aihc92k","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/398f3775-7a79-4d78-ad61-8b84fe80d0e4/01a12f7f-69dd-72bd-bd7e-b4f991bd4aaa.png","metadata":{"tint":{"h":60,"s":53,"l":39},"width":1672,"height":941}}],"post":null,"createdAt":"2026-10-12T09:44:09.522Z","updatedAt":"2026-10-16T10:09:11.522Z","publishedAt":"2026-10-12T09:44:09.516Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://verticalstepperdemo.framer.website/","price":"5","paymentUrl":"https://dpastudio.lemonsqueezy.com/checkout/buy/2e6ac204-55d8-40bc-a79a-2179292e9eff","workshop":false,"categories":[{"id":"7677fa83-43ce-41a2-a3fe-db438ec0fd33","name":"Interactive","slug":"interactive"}],"lastSaveId":"G7MosSsTBJt7Ic8NhGBm","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":"2026-10-12T09:44:10.198Z","updatedAt":"2026-10-12T09:44:10.198Z","type":"post"},{"id":"01a12f61-6bba-767d-aeee-a7cd392eb93e","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"398f3775-7a79-4d78-ad61-8b84fe80d0e4","name":"Davey DPA","slug":"davey-dpa","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/398f3775-7a79-4d78-ad61-8b84fe80d0e4/1aihc92k","followed":false,"followsYou":false},"media":[],"resources":[{"id":"J87DaMX0K1sc1190uVXC","resolved":true,"title":"Atelier Flow","body":"$52","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Atelier Flow – Interactive Scroll Timeline for Framer"}]},{"type":"paragraph","content":[{"type":"text","text":"Turn ordinary content into an engaging, interactive experience with "},{"type":"text","text":"Atelier Flow","marks":[{"type":"bold"}]},{"type":"text","text":", a fully customizable scroll-driven timeline component built for Framer."}]},{"type":"paragraph","content":[{"type":"text","text":"Guide visitors through your story, workflow, or creative process with smooth scroll animations, dynamic progress indicators, and beautifully integrated visuals."}]},{"type":"customHeading","content":[{"type":"text","text":"Key Features"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Scroll-Driven Animations","marks":[{"type":"bold"}]},{"type":"text","text":" – Bring each step to life as visitors scroll through your page."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Interactive Progress Timeline","marks":[{"type":"bold"}]},{"type":"text","text":" – A dynamic connecting line and progress indicators that respond to scrolling."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Fully Responsive","marks":[{"type":"bold"}]},{"type":"text","text":" – Carefully optimized layouts for desktop, tablet, and mobile."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Customizable Design","marks":[{"type":"bold"}]},{"type":"text","text":" – Easily adjust colors, typography, spacing, and visual elements."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Flexible Image Controls","marks":[{"type":"bold"}]},{"type":"text","text":" – Add your own images and customize their dimensions."}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Perfect For"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"How It Works sections"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Step-by-step processes"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Agency and studio websites"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Product showcases"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Creative portfolios"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Brand storytelling"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Make Every Step Count"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Whether you're showcasing your creative process, explaining a service, or telling a compelling story, Atelier Flow transforms static information into an immersive scrolling experience."}]},{"type":"paragraph","content":[{"type":"text","text":"Designed to flow. Built to engage.","marks":[{"type":"bold"}]}]}]},"introduction":"Interactive Scroll Timeline","slug":"atelier-flow","author":{"framerUserId":"398f3775-7a79-4d78-ad61-8b84fe80d0e4","name":"Davey DPA","slug":"davey-dpa","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/398f3775-7a79-4d78-ad61-8b84fe80d0e4/1aihc92k","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/398f3775-7a79-4d78-ad61-8b84fe80d0e4/01a12f60-f791-7209-b6bd-be1eea0708c2.png","metadata":{"tint":{"h":0,"s":53,"l":66},"width":1672,"height":941}}],"post":null,"createdAt":"2026-10-12T09:11:15.384Z","updatedAt":"2026-10-16T10:09:16.447Z","publishedAt":"2026-10-12T09:11:15.380Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://atelierflowdemo.framer.website/","price":"9","paymentUrl":"https://dpastudio.lemonsqueezy.com/checkout/buy/369dffb7-5c4d-4bd4-9a68-dd90c3f6a48a","workshop":false,"categories":[{"id":"7677fa83-43ce-41a2-a3fe-db438ec0fd33","name":"Interactive","slug":"interactive"}],"lastSaveId":"oWb0OVU0Ji46OOKmhKwe","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":"2026-10-12T09:11:16.154Z","updatedAt":"2026-10-12T09:11:16.154Z","type":"post"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}]}},"children":"$L53"}]