Skip to content

MotionVaultAnimated UI vault

Motion Sites

Full animated website templates

Category

Site Templates→

Top tags

#landing #template #saas #hero #portfolio #terminal

Filter by tech

React Tailwind CSS JavaScript GSAP Anime.js Framer Motion

React Bits

Advanced animated components

Category

Top tags

#card #navigation #menu #cards #3d #dashboard

Filter by tech

React Tailwind CSS JavaScript GSAP Anime.js Framer Motion

Uiverse

Buttons, loaders, toggles

Category

Top tags

#form #button #input #loader #hover #toggle

Filter by tech

React Tailwind CSS JavaScript GSAP Anime.js Framer Motion

Anime.js

Spring, drag & scroll motion

Category

Top tags

#canvas #text #scroll #hover #particles #glow

Filter by tech

React Tailwind CSS JavaScript GSAP Anime.js Framer Motion

Aceternity UI

Glow cards, tilt, starfield…

Category

Top tags

#card #navigation #menu #cards #3d #dashboard

Filter by tech

React Tailwind CSS JavaScript GSAP Anime.js Framer Motion

Motion Sites React Bits Uiverse Anime.js Aceternity UI Hall1246 · 375,921

1246 assets · 375,921 prompts copied

Home/Tags/#micro-interaction×#button

Tag collection· cross-filtered

#micro-interaction×#button

6 animated micro interaction × button assets — each with a live preview, copy-paste HTML/CSS/JS source and a ready-made AI prompt.

Components7 UI Elements2 All tags →

Combination:#micro-interaction+#buttonremove combo ×

Related tags — click to cross-filter

#button ×6 #click+2 #form+2 #magnetic+2 #badge+1 #bell+1 #celebration+1 #confetti+1 #confirm+1 #cta+1 #cursor+1 #destructive+1 #error+1 #feedback+1

All vaults Site Templates Components UI Elements Animations

#button 6 #click 2 #form 2 #magnetic 2 #badge 1 #bell 1 #celebration 1 #confetti 1 #confirm 1 #cta 1 #cursor 1 #destructive 1

6 assets tagged #micro-interaction

Components⚛ TSX Live preview

Magnetic Button Duo

Buttons and their labels lean toward the cursor with different strength factors, then spring back on leave.

HTMLCSSJavaScriptAdvanced

7.6k42.9k9.1kOpen

UI Elements⚛ TSX Live preview

Shimmer Button with Loading → Success States

Tri-state CTA: idle, animated shimmer sweep with ellipsis dots while loading, then a morphing green ✓ success state.

HTMLCSSJavaScriptAdvanced

Featured Components⚛ TSX Live preview

Confetti burst celebrate button

Click the button and 44 colored pieces explode outward with gravity, rotation and fade — vanilla JS physics.

HTMLCSSJavaScriptAdvanced

Featured Components⚛ TSX Live preview

Magnetic cursor button

A big CTA that springs toward the cursor while hovered and snaps back on leave — 35% follow ratio.

HTMLCSSJavaScriptAdvanced

Components⚛ TSX Live preview

Liquid ripple click button

Soft white ripples expand from the exact click point on a gradient pill, animating size and fade then self-removing.

HTMLCSSJavaScriptAdvanced

Featured Components⚛ TSX Live preview

Press-and-hold confirm button

Hold the destructive button for 1.2s as a red fill sweeps across — releasing early cancels the action.

HTMLCSSJavaScriptAdvanced

MotionVault

The treasure vault for animated web design. Full site templates, advanced components, UI micro-elements and animation snippets — each with live preview, source code and an AI prompt. Inspired by Motion Sites, React Bits, Uiverse, Anime.js and Aceternity UI.

1246 items582k stars376k copies

Vault sections

Site Templates
Components
UI Elements
Animations

More

Explore everything
Favorites
Submit
Privacy
Roadmap
Support
Accessibility
Built with Next.js · Tailwind

© 2026 MotionVault — curated for builders who ship.·🎲 Surprise me·v2.0.0

9 animated micro interaction components & code snippets · MotionVault