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.
Ring scale-in
Input glow
Material underline
Underline sweep
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.
Springy
Smooth
Bouncy
Wind-up
Tooltips
Explore tooltip animation prompts for subtle fades, rises, zooms, flips, stretches, swings, and side entrances.
Fade + rise
Soft fade
Zoom
Pop
Numbers
Explore animated number prompts for rolling, springing, flipping, fading, rising, dropping, zooming, and formatted values.
48,200
Ease roll
48,200
Spring roll
01234567890123456789012345678901234012345678901234567890123456789012345678,01234567890123456789012345678901201234567890123456789012345678900123456789012345678901234567890
Slot machine
48,200
Snap roll
Modals
Explore modal animation prompts for deliberate entrances, quick exits, staggered content, and trigger-to-dialog transitions.
Spring pop
Fade up
Zoom settle
Fade only
Drawers
Explore drawer animation prompts for springs, easing, blur, stagger, content push, and backdrop motion.
Spring slide
Ease slide
Slide + fade
Slide + scale
Dropdowns
Explore dropdown animation prompts for anchored scale, fade, slide, spring, stagger, flip, blur, and bounce effects.
Origin scale
Fade menu
Slide down
Drop + scale
Toasts
Explore toast animation prompts for stacked notifications, edge slides, fades, pops, flips, swings, and exits.
Toast stack
Rise in
Edge slide
Fade 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 crossfade
Overview
Monthly revenue
$48,200 · +12% this month
Tab lift
Overview
Monthly revenue
$48,200 · +12% this month
Tab drop
Overview
Monthly revenue
$48,200 · +12% this month
Tab slide
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
List slide
- Review the pull request
- Reply to Dana
- Ship the release
List fade
- Review the pull request
- Reply to Dana
- Ship the release
List scale
- Review the pull request
- Reply to Dana
- Ship the release
List drop
Grid reveals
Explore staggered grid reveal prompts with fade, scale, pop, slide, blur, flip, zoom, reverse, and rise effects.
Grid fade-up
Grid scale
Grid pop
Grid fade-down
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
Slide up
TypeUI
Scroll this panel ↓
Inbox
Today
Upcoming
Anytime
Someday
Logbook
Trash
Archive
Inbox
Today
Upcoming
Anytime
Someday
Logbook
Trash
Archive
Slide up ease
TypeUI
Scroll this panel ↓
Inbox
Today
Upcoming
Anytime
Someday
Logbook
Trash
Archive
Inbox
Today
Upcoming
Anytime
Someday
Logbook
Trash
Archive
Lift + fade
TypeUI
Scroll this panel ↓
Inbox
Today
Upcoming
Anytime
Someday
Logbook
Trash
Archive
Inbox
Today
Upcoming
Anytime
Someday
Logbook
Trash
Archive
Fade out
Progress bars
Explore progress bar animation prompts for spring, ease, overshoot, elastic, stepped, refill, and indeterminate motion.
64%
Spring fill
64%
Ease fill
64%
Overshoot fill
64%
Elastic fill
Charts
Explore chart animation prompts for line, bar, donut, radial gauge, and pie chart entrances using the same underlying data.
Line draw-on
Line fade & rise
Line segment draw
Line wipe reveal
Carousels
Explore carousel animation prompts for slide, fade, zoom, bounce, uncover, flip, stack, blur, and vertical transitions.
01Coastline
Slide across
01Coastline
Cross-fade
01Coastline
Zoom through
01Coastline
Slide & fade
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.
Shadow fade
Weekend guide
A quiet trip to the hills
Two days off-grid, good coffee, and a long walk at dawn.
Shadow grow
Weekend guide
A quiet trip to the hills
Two days off-grid, good coffee, and a long walk at dawn.
Shadow bounce
Weekend guide
A quiet trip to the hills
Two days off-grid, good coffee, and a long walk at dawn.