UI Animation Prompts
Browse 281 UI animation prompts and use them to help Claude, Codex, Cursor, and other AI coding tools generate polished, interactive UI.
Inputs
Explore input animation prompts for focus rings, underlines, borders, helper text, and other clear field feedback patterns.
Underline sweep
Ripple focus
Placeholder rise
Typing
Explore typing animation prompts that make characters pop, rise, or resolve into place as someone enters text.
Character pop
Character rise
Character blur
Selection controls
Explore checkbox, radio, and toggle animation prompts with spring, draw, fade, bounce, ripple, and motion effects.
Coin flip
Tick jelly
Wind-up
Tooltips
Explore tooltip animation prompts for subtle fades, rises, zooms, flips, stretches, swings, and side entrances.
Swing up
Flip up
Side slide
Numbers
Explore animated number prompts for rolling, springing, flipping, fading, rising, dropping, zooming, and formatted values.
48,200
Drop number
48,200
Zoom number
48,200
Skew number
Modals
Explore modal animation prompts for deliberate entrances, quick exits, staggered content, and trigger-to-dialog transitions.
Staggered content
Trigger-to-modal morph
Drawers
Explore drawer animation prompts for springs, easing, blur, stagger, content push, and backdrop motion.
Backdrop scale
Push content
Dropdowns
Explore dropdown animation prompts for anchored scale, fade, slide, spring, stagger, flip, blur, and bounce effects.
Blur reveal
Stagger items
Toasts
Explore toast animation prompts for stacked notifications, edge slides, fades, pops, flips, swings, and exits.
Skew in
Roll in
Tabs
Explore tab animation prompts for crossfades, directional slides, scale, zoom, blur, 3D flips, and content reveals.
Overview
Monthly revenue
$48,200 · +12% this month
Tab flip
Overview
Monthly revenue
$48,200 · +12% this month
Tab reveal
List items
Explore list animation prompts for adding, removing, dragging, reordering, and moving a shared hover highlight between rows.
- Review the pull request
- Reply to Dana
- Ship the release
- Plan the roadmap
Tilt drag
Overview
Analytics
Members
Billing
Settings
Curtain down
Grid reveals
Explore staggered grid reveal prompts with fade, scale, pop, slide, blur, flip, zoom, reverse, and rise effects.
Grid reverse
Grid rise
Hide-on-scroll bars
Explore hide-on-scroll bar prompts that respond to scroll direction with slide, fade, shrink, blur, scale, and clip effects.
TypeUI
Scroll this panel ↓
Inbox
Today
Upcoming
Anytime
Someday
Logbook
Trash
Archive
Inbox
Today
Upcoming
Anytime
Someday
Logbook
Trash
Archive
Bouncy slide
TypeUI
Scroll this panel ↓
Inbox
Today
Upcoming
Anytime
Someday
Logbook
Trash
Archive
Inbox
Today
Upcoming
Anytime
Someday
Logbook
Trash
Archive
Clip up
Progress bars
Explore progress bar animation prompts for spring, ease, overshoot, elastic, stepped, refill, and indeterminate motion.
64%
Refill
working…
Indeterminate
Charts
Explore chart animation prompts for line, bar, donut, radial gauge, and pie chart entrances using the same underlying data.
Donut sweep
72
Gauge spring
Carousels
Explore carousel animation prompts for slide, fade, zoom, bounce, uncover, flip, stack, blur, and vertical transitions.
01Coastline
Blur swap
01Coastline
Vertical slide
Galleries
Explore a responsive accordion gallery animation prompt where the panel under the pointer expands while its neighbors ease aside.
Accordion gallery
Cards
Explore card hover animation prompts for shadow, border, background, and image motion while the content stays consistent.
Weekend guide
A quiet trip to the hills
Two days off-grid, good coffee, and a long walk at dawn.
Background bloom
Weekend guide
A quiet trip to the hills
Two days off-grid, good coffee, and a long walk at dawn.