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/2hvstjtw3if4x.js","/creators-assets/_next/static/immutable/chunks/24bk4ojcoor5n.js","/creators-assets/_next/static/immutable/chunks/3-ni80oe161h3.js","/creators-assets/_next/static/immutable/chunks/2fjg2ybi5r-1k.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/11-678dqgnxv3.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:T6d6,

Bring considered motion to your next Framer website with Motion Atelier 15, a collection of 15 polished animated UI patterns. Five signature interactions and ten useful essentials share a cohesive dark aesthetic, lime and violet accents, and responsive layouts.

FIVE SIGNATURE COMPONENTS

• Spotlight Bento: pointer-reactive feature cards with soft spotlights.

• Magnetic CTA: spring-powered button with customizable link.

• Morphing Tabs: smooth, accessible animated tab navigation.

• Pricing Toggle: monthly and yearly pricing with animated amounts.

• Floating Dock: interactive navigation with hover tooltips.

TEN MORE INCLUDED

Aurora Hero, Smooth Marquee, Staggered Headline, FAQ Accordion, Animated Stats, Testimonials, Toast Stack, Progress Steps, Password Meter, and Before / After.

CUSTOMIZE IN FRAMER

Choose any of the 15 variants from a single Framer code component. Adjust colors, copy, corner radius, animation speed, links, labels and images with property controls. The code supports responsive layouts and reduced-motion preferences.

WHAT YOU GET

• The Framer component import link after purchase.

• Editable React and TypeScript code component with 15 selectable designs.

• Installation documentation and reference screenshots.

• License for use in your own or client website projects, subject to the included buyer license.

Note: Pricing tiers, testimonials and statistics are illustrative demo content. The components do not process payments themselves. Replace sample copy with your own content before launch.

Explore the five featured designs in the live preview.

4e:["$","$L4f",null,{"value":{"fallback":{"$inf$activity-creator-438402c0-83d8-4159-bf09-0964189b2222-all:/unified/creator/438402c0-83d8-4159-bf09-0964189b2222/activity/":[{"data":[{"id":"01a143fd-6c9b-77ed-af34-f21053a2ee37","type":"comment.liked","target":{"type":"comment","id":"01a14078-fafb-7192-a828-328795486bba","preview":"Love how the lime green Big feelings line pops against that dark purple background.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Love how the lime green Big feelings line pops against that dark purple background."}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"01a13f79-a5cc-7609-bd21-734436df41df","like":{"count":1,"liked":false},"reply":{"parentCommentId":"01a14078-fafb-7192-a828-328795486bba"},"repost":null}},"context":{"type":"post","id":"01a13f79-a5cc-7609-bd21-734436df41df","preview":"Motion Atelier 15","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/438402c0-83d8-4159-bf09-0964189b2222/01a13f77-7903-7175-b122-4e3a0d850f96.png","targetDeleted":false,"owned":true,"actions":{"postId":"01a13f79-a5cc-7609-bd21-734436df41df","like":{"count":6,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"438402c0-83d8-4159-bf09-0964189b2222","name":"Hemanth M P","avatar":null,"slug":"hemanth-m-p","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-10-16T09:14:04.309Z","latestAt":"2026-10-16T09:14:04.309Z"},{"id":"01a143fd-68ab-70ff-9c4c-c39514c16827","type":"comment.liked","target":{"type":"comment","id":"01a13f9d-011b-72e9-9073-66a1c4d31d9b","preview":"$$5 for fifteen of these is a good deal","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"$$5 for fifteen of these is a good deal"}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"01a13f79-a5cc-7609-bd21-734436df41df","like":{"count":1,"liked":false},"reply":{"parentCommentId":"01a13f9d-011b-72e9-9073-66a1c4d31d9b"},"repost":null}},"context":{"type":"post","id":"01a13f79-a5cc-7609-bd21-734436df41df","preview":"Motion Atelier 15","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/438402c0-83d8-4159-bf09-0964189b2222/01a13f77-7903-7175-b122-4e3a0d850f96.png","targetDeleted":false,"owned":true,"actions":{"postId":"01a13f79-a5cc-7609-bd21-734436df41df","like":{"count":6,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"438402c0-83d8-4159-bf09-0964189b2222","name":"Hemanth M P","avatar":null,"slug":"hemanth-m-p","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-10-16T09:14:03.302Z","latestAt":"2026-10-16T09:14:03.302Z"},{"id":"01a13f79-a80f-7039-b0ba-e829dcc8b525","type":"component.created","target":{"type":"component","id":"PNYyxszzUAW2e4Vqy2SB","preview":"Motion Atelier 15","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/438402c0-83d8-4159-bf09-0964189b2222/01a13f77-7903-7175-b122-4e3a0d850f96.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"438402c0-83d8-4159-bf09-0964189b2222","name":"Hemanth M P","avatar":null,"slug":"hemanth-m-p","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-10-15T12:11:39.919Z","latestAt":"2026-10-15T12:11:39.919Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}],"$inf$posts:438402c0-83d8-4159-bf09-0964189b2222:/unified/posts/?creator=438402c0-83d8-4159-bf09-0964189b2222&with=reposts":[{"data":[{"id":"01a13f79-a5cc-7609-bd21-734436df41df","title":null,"body":"

Introducing Motion Atelier 15: five signature animated interactions and ten UI essentials for Framer. Customize the visuals and behavior with simple property controls. Launch price: $5. Explore the live preview!

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Introducing Motion Atelier 15: five signature animated interactions and ten UI essentials for Framer. Customize the visuals and behavior with simple property controls. Launch price: $5. Explore the live preview!"}]}]},"author":{"framerUserId":"438402c0-83d8-4159-bf09-0964189b2222","name":"Hemanth M P","slug":"hemanth-m-p","avatar":null,"followed":false,"followsYou":false},"media":[],"resources":[{"id":"PNYyxszzUAW2e4Vqy2SB","resolved":true,"title":"Motion Atelier 15","body":"$50","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Bring considered motion to your next Framer website with Motion Atelier 15, a collection of 15 polished animated UI patterns. Five signature interactions and ten useful essentials share a cohesive dark aesthetic, lime and violet accents, and responsive layouts."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"FIVE SIGNATURE COMPONENTS"}]},{"type":"paragraph","content":[{"type":"text","text":"• Spotlight Bento: pointer-reactive feature cards with soft spotlights."}]},{"type":"paragraph","content":[{"type":"text","text":"• Magnetic CTA: spring-powered button with customizable link."}]},{"type":"paragraph","content":[{"type":"text","text":"• Morphing Tabs: smooth, accessible animated tab navigation."}]},{"type":"paragraph","content":[{"type":"text","text":"• Pricing Toggle: monthly and yearly pricing with animated amounts."}]},{"type":"paragraph","content":[{"type":"text","text":"• Floating Dock: interactive navigation with hover tooltips."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"TEN MORE INCLUDED"}]},{"type":"paragraph","content":[{"type":"text","text":"Aurora Hero, Smooth Marquee, Staggered Headline, FAQ Accordion, Animated Stats, Testimonials, Toast Stack, Progress Steps, Password Meter, and Before / After."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"CUSTOMIZE IN FRAMER"}]},{"type":"paragraph","content":[{"type":"text","text":"Choose any of the 15 variants from a single Framer code component. Adjust colors, copy, corner radius, animation speed, links, labels and images with property controls. The code supports responsive layouts and reduced-motion preferences."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"WHAT YOU GET"}]},{"type":"paragraph","content":[{"type":"text","text":"• The Framer component import link after purchase."}]},{"type":"paragraph","content":[{"type":"text","text":"• Editable React and TypeScript code component with 15 selectable designs."}]},{"type":"paragraph","content":[{"type":"text","text":"• Installation documentation and reference screenshots."}]},{"type":"paragraph","content":[{"type":"text","text":"• License for use in your own or client website projects, subject to the included buyer license."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Note: Pricing tiers, testimonials and statistics are illustrative demo content. The components do not process payments themselves. Replace sample copy with your own content before launch."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Explore the five featured designs in the live preview."}]}]},"introduction":"15 animated UI elements for Framer","slug":"motion-atelier-15","author":{"framerUserId":"438402c0-83d8-4159-bf09-0964189b2222","name":"Hemanth M P","slug":"hemanth-m-p","avatar":null,"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/438402c0-83d8-4159-bf09-0964189b2222/01a13f77-7903-7175-b122-4e3a0d850f96.png","metadata":{"tint":{"h":240,"s":50,"l":6},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-10-15T12:11:38.734Z","updatedAt":"2026-10-15T12:11:38.734Z","publishedAt":"2026-10-15T12:11:38.730Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://professional-plans-942309.framer.app/","price":"5","paymentUrl":"https://buy.stripe.com/eVq5kFayRbzY5Ol48X7Vm01","workshop":false,"categories":[{"id":"7677fa83-43ce-41a2-a3fe-db438ec0fd33","name":"Interactive","slug":"interactive"}],"lastSaveId":"nNICGetkc4LtYss3nF7L","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":6,"liked":false},"comments":{"count":2},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-10-15T12:11:39.340Z","updatedAt":"2026-10-15T12:11:39.340Z","type":"post"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}]}},"children":"$L51"}]