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

Spring, drag & scroll motion

Animations

Standalone animation snippets powered by vanilla JS and Anime.js-style physics — springs, drag-and-drop, scroll-linked parallax, staggered timelines. Copy the code, replicate 1:1.

20

assets

Site Templates Components UI Elements Animations Search all →

20 assets tagged #click

Animations⚛ TSX Live preview

Pulse Wave Ripple Button

Each click emits an expanding ring that scales and fades from the pill CTA — stack clicks for a sonar effect.

HTMLCSSJavaScriptAdvanced

Animations⚛ TSX Live preview

Ripple Interference Field

Full-screen canvas where clicks spawn triple-ring wavefronts that decay; ambient waves spawn automatically.

HTMLCSSJavaScriptAdvanced

Animations⚛ TSX Live preview

Confetti Pop · Rose Gold

Click anywhere and a fountain of palette-colored confetti erupts from the pointer. Rendered in the Rose Gold palette.

HTMLCSSJavaScriptAdvanced

Animations⚛ TSX Live preview

Confetti Pop · Ocean Sky

Click anywhere and a fountain of palette-colored confetti erupts from the pointer. Rendered in the Ocean Sky palette.

HTMLCSSJavaScriptAdvanced

Animations⚛ TSX Live preview

Confetti Pop · Mint Breeze

Click anywhere and a fountain of palette-colored confetti erupts from the pointer. Rendered in the Mint Breeze palette.

HTMLCSSJavaScriptAdvanced

Animations⚛ TSX Live preview

Confetti Pop · Candy Pink

Click anywhere and a fountain of palette-colored confetti erupts from the pointer. Rendered in the Candy Pink palette.

HTMLCSSJavaScriptAdvanced

Animations⚛ TSX Live preview

Confetti Pop · Royal Gold

Click anywhere and a fountain of palette-colored confetti erupts from the pointer. Rendered in the Royal Gold palette.

HTMLCSSJavaScriptAdvanced

Animations⚛ TSX Live preview

Confetti Pop · Crimson Heat

Click anywhere and a fountain of palette-colored confetti erupts from the pointer. Rendered in the Crimson Heat palette.

HTMLCSSJavaScriptAdvanced

Animations⚛ TSX Live preview

Confetti Pop · Deep Indigo

Click anywhere and a fountain of palette-colored confetti erupts from the pointer. Rendered in the Deep Indigo palette.

HTMLCSSJavaScriptAdvanced

Animations⚛ TSX Live preview

Confetti Pop · Aurora Teal

Click anywhere and a fountain of palette-colored confetti erupts from the pointer. Rendered in the Aurora Teal palette.

HTMLCSSJavaScriptAdvanced

Featured Animations⚛ TSX Live preview

Ink Ripple Buttons · Rose Gold

Material-style ink ripples that bloom from the exact click point of each button. Rendered in the Rose Gold palette.

HTMLCSSJavaScriptAdvanced

Animations⚛ TSX Live preview

Ink Ripple Buttons · Ocean Sky

Material-style ink ripples that bloom from the exact click point of each button. Rendered in the Ocean Sky palette.

HTMLCSSJavaScriptAdvanced

Animations⚛ TSX Live preview

Ink Ripple Buttons · Mint Breeze

Material-style ink ripples that bloom from the exact click point of each button. Rendered in the Mint Breeze palette.

HTMLCSSJavaScriptAdvanced

Animations⚛ TSX Live preview

Ink Ripple Buttons · Candy Pink

Material-style ink ripples that bloom from the exact click point of each button. Rendered in the Candy Pink palette.

HTMLCSSJavaScriptAdvanced

Animations⚛ TSX Live preview

Ink Ripple Buttons · Royal Gold

Material-style ink ripples that bloom from the exact click point of each button. Rendered in the Royal Gold palette.

HTMLCSSJavaScriptAdvanced

Animations⚛ TSX Live preview

Ink Ripple Buttons · Crimson Heat

Material-style ink ripples that bloom from the exact click point of each button. Rendered in the Crimson Heat palette.

HTMLCSSJavaScriptAdvanced

Animations⚛ TSX Live preview

Ink Ripple Buttons · Deep Indigo

Material-style ink ripples that bloom from the exact click point of each button. Rendered in the Deep Indigo palette.

HTMLCSSJavaScriptAdvanced

Animations⚛ TSX Live preview

Ink Ripple Buttons · Aurora Teal

Material-style ink ripples that bloom from the exact click point of each button. Rendered in the Aurora Teal palette.

HTMLCSSJavaScriptAdvanced

Animations⚛ TSX Live preview

Ripple on Click

Material-style ripple expanding from the click point.

HTMLCSSJavaScriptAdvanced

Animations⚛ TSX Live preview

Mini Burst Click FX

Small confetti burst at the click point for micro-interactions.

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

Animations — Animated web animations with AI prompts · MotionVault