Micro-interactions for React

Small, accessible micro-interactions built with Motion and shadcn/ui theme tokens. Play with each one and tune it live. With All-Access, add it with the shadcn CLI, the MCP server, or a prompt.

Valley Park: A green park lawn with tall trees below a rocky mountain range
Burn Carousel
New
Canyon Road
A yellow camper van on a desert road between red rock cliffs
Liquid Carousel
New
Pixel Prompt Button
New
Hi, I'm ManuArora. I build AceternityUI for developers and VibrantDesign for designers.
Direction Aware Selection
New
Image Wave
New
Note
ToMia · Lisbon
Greetings from Kyoto! The temples are unreal and I ate far too much matcha. Saving you a seat at our café by the river when I'm back.
Paper Plane Globe
New
Note
Hey team! The new onboarding flow is live. Thank you for every late night and every small fix. See you at Friday's demo.
⌘ Enter to send
Paper Plane Send
Fluid Notch
Matrix Trail
$1,284,903.27
Speed Counter
Gooey Waitlist
Compare Slider
Infinite Card Grid
Grid Zoom Image
ComponentsCopy-paste UI
PagesFull landing pages
SectionsBlocks
TemplatesComplete websites
InteractionsMicro-interactions
Hover Image Links
Move yourcursor
Gravity Trail
Blue mountain ridges fading into haze
A turquoise wave breaking into foam
Sunset over a meadow with scattered trees
A path through a sunlit forest
Aerial view of surf meeting sand
Disintegrating Gallery
Image Particles

Burn Carousel

Canyon Road

Liquid Carousel

Pixel Prompt Button

Direction Aware Selection

Image Wave

Paper Plane Globe

Paper Plane Send

Fluid Notch

Matrix Trail

Speed Counter

Gooey Waitlist

Compare Slider

Infinite Card Grid

Grid Zoom Image

Hover Image Links

Gravity Trail

Disintegrating Gallery

Image Particles