Product-grade movement, not portfolio animation.
Motion
Restrained UI motion patterns for AI-generated interfaces. Browse the idea first, then open details for prompts, negative prompts, and tokens.
Calm Staggered Fade Up
Reveal grouped content with a quiet, structured rhythm.
Soft Hover Lift
Make clickable cards feel tactile without becoming flashy.
Snappy Button Press
Give commands immediate physical feedback.
Command Menu Reveal
Open command surfaces with fast, centered focus.
Accordion Expand
Reveal hidden content without a jarring layout jump.
Toast Slide In
Show feedback without interrupting the main task.
Inline Save Pulse
Confirm saving with a tiny local state change.
Panel Crossfade
Swap utility panels without making the layout feel busy.
Focus Ring Draw
Bring attention to a focused field with a restrained outline.
Stepper Advance
Move between steps with a short directional cue.
Skeleton Settle
Turn placeholders into content without a hard swap.
Drawer Slide
Reveal a side drawer from nearby screen context.
Tab Underline Glide
Move active tab state with a crisp underline.
Modal Scale In
Open modal content with a tiny centered scale.
Menu Item Trail
Reveal menu rows in a tight sequence.
Number Count Nudge
Update a metric with a small vertical tick.
Empty State Fade
Introduce empty-state guidance without theatrics.
Filter Chip Shift
Move active filters into place without layout shock.
Progress Bar Ease
Advance progress with an honest, steady fill.
Tooltip Pop
Show short help with a fast fade and tiny lift.
Marquee
Scroll content continuously in a horizontal or vertical stream.
Blur Fade
Fade elements in with a soft blur-to-sharp transition.
Animated List
Reveal list items with staggered entrance animations.
Scroll Reveal
Fade and translate elements into view as the user scrolls, with scrub for direct scroll-to-animation mapping.
Parallax Scroll
Move layers at different scroll speeds to create depth and immersion.
Pin Section
Pin a section in place while content animates behind or in front of it.
Char Reveal
Reveal text character by character with staggered entrance for a refined editorial feel.
Word Slide Up
Slide words up with a clip reveal for clean, editorial text entrance.
Line Reveal
Reveal lines of text sequentially with a smooth wipe transition.
SVG Path Draw
Draw SVG paths progressively for a hand-crafted reveal effect.
Shape Morph
Morph one shape smoothly into another with interpolated path transitions.
Layout Transition
Animate elements smoothly between layout states for seamless reflow.
Timeline Sequence
Orchestrate a precise multi-step animation sequence with controlled timing.
Magnetic Hover
Attract an element toward the cursor with a magnetic pull effect on hover.
Motion Path
Animate an element along a custom curved path for guided movement.