Motion Atelier 15

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.