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
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
Modals
Explore modal animation prompts for deliberate entrances, quick exits, staggered content, and trigger-to-dialog transitions.
Spring pop
Fade up
Zoom settle
Drawers
Explore drawer animation prompts for springs, easing, blur, stagger, content push, and backdrop motion.
Spring slide
Ease slide
Slide + fade
Dropdowns
Explore dropdown animation prompts for anchored scale, fade, slide, spring, stagger, flip, blur, and bounce effects.
Origin scale
Fade menu
Slide down
Tooltips
Explore tooltip animation prompts for subtle fades, rises, zooms, flips, stretches, swings, and side entrances.
Fade + rise
Soft fade
Zoom
Toasts
Explore toast animation prompts for stacked notifications, edge slides, fades, pops, flips, swings, and exits.
Toast stack
Rise in
Edge slide
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
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
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
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
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
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
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
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
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.