✳ MOTION ATELIER / V1.0

Little moments.
Big feelings.

15 carefully crafted, configurable motion components for Framer. Five signature interactions, ten essentials, one visual language.

Introductory price: $5 Explore every component below, then get the kit in Framer.
THE COLLECTION

15 / 15 COMPONENTS

01 / Spotlight BentoSIGNATURE
FEATURE COLLECTIONCURATED / 2026
✦01
Pixel-perfect craft
Every movement has purpose.
◎02
Human by design
Interactions with a softer edge.
↗03
Future-proof details
Responsive at every scale.
02 / Magnetic CTASIGNATURE
FIND YOUR MOMENT
Explore the system
Move your cursor closer. Feel the pull.
03 / Morphing TabsSIGNATURE
SEAMLESS NAVIGATION
01 / 03Design systemsConsidered interactions for ambitious digital experiences.
04 / Pricing ToggleSIGNATURE
SIMPLE PRICING
Find your fit.
Starter
$7/mo
Billed annually
✓3 active projects
✓Core components
✓Free updates
Studio
$19/mo
Billed annually
✓Unlimited projects
✓Advanced motion
✓Priority updates
05 / Floating DockSIGNATURE
THE LITTLE DETAILS
Home / 05
06 / Aurora HeroESSENTIAL
NEXT-GEN INTERACTION

Built to feel alive.

Considered interactions for ambitious digital experiences.

07 / Smooth MarqueeESSENTIAL
IN CONSTANT MOTION
✳Design systems
✳Creative tools
✳Beautiful details
✳Design systems
✳Creative tools
✳Beautiful details
08 / Staggered HeadlineESSENTIAL
MOTION TYPOGRAPHY
Builttofeelalive.

Considered interactions for ambitious digital experiences.

09 / FAQ AccordionESSENTIAL
THINGS TO KNOW

Good questions.

Considered interactions for ambitious digital experiences.

10 / Animated StatsESSENTIAL
PROOF IN THE DETAILS
0%
Client happiness
0k
Creative moments
0×
Faster workflow
11 / TestimonialsESSENTIAL
KIND WORDS❝
“The small interactions make the whole experience feel wonderfully intentional.”
Alex Morgan · Design director
12 / Toast StackESSENTIAL
FEEDBACK THAT FEELS GOOD
Click to experience animated feedback.
13 / Progress StepsESSENTIAL
ALWAYS MOVING FORWARD67% COMPLETE

Select any stage to preview the progress transition.

14 / Password MeterESSENTIAL
INTERACTIVE INPUTS

Make security feel clear.

Start typing
15 / Before / AfterESSENTIAL
A NEW PERSPECTIVE
BEFORE
AFTER
‹ ›
ORIGINALDRAG TO REVEALTRANSFORMED

Create a free website with Framer, the website builder loved by startups, designers and agencies.