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/#control×#svg

Tag collection· cross-filtered

#control×#svg

8 animated control × svg assets — each with a live preview, copy-paste HTML/CSS/JS source and a ready-made AI prompt.

UI Elements19 Components3 All tags →

Combination:#control+#svgremove combo ×

Related tags — click to cross-filter

#form+17 #switch+12 #toggle+11 #checkbox+8 #draw+8 #svg ×8 #segmented+4 #tabs+3 #aurora-teal+2 #cyber-lime+2 #deep-indigo+2 #mono-pearl+2 #ui-kit+2 #ultra-violet+2

All vaults Site Templates Components UI Elements Animations

#form 17 #switch 12 #toggle 11 #checkbox 8 #draw 8 #svg 8 #segmented 4 #tabs 3 #aurora-teal 2 #cyber-lime 2 #deep-indigo 2 #mono-pearl 2

8 assets tagged #control

UI Elements⚛ TSX Live preview

Draw-on Checkbox · Deep Indigo

A checkbox whose checkmark is stroke-drawn with a dash animation when ticked. Rendered in the Deep Indigo palette.

HTMLCSSReactAdvanced

UI Elements⚛ TSX Live preview

Draw-on Checkbox · Aurora Teal

A checkbox whose checkmark is stroke-drawn with a dash animation when ticked. Rendered in the Aurora Teal palette.

HTMLCSSReactAdvanced

UI Elements⚛ TSX Live preview

Draw-on Checkbox · Mono Pearl

A checkbox whose checkmark is stroke-drawn with a dash animation when ticked. Rendered in the Mono Pearl palette.

HTMLCSSReactAdvanced

UI Elements⚛ TSX Live preview

Draw-on Checkbox · Ultra Violet

A checkbox whose checkmark is stroke-drawn with a dash animation when ticked. Rendered in the Ultra Violet palette.

HTMLCSSReactAdvanced

UI Elements⚛ TSX Live preview

Draw-on Checkbox · Cyber Lime

A checkbox whose checkmark is stroke-drawn with a dash animation when ticked. Rendered in the Cyber Lime palette.

HTMLCSSReactAdvanced

UI Elements⚛ TSX Live preview

Draw-on Checkbox · Sunset Amber

A checkbox whose checkmark is stroke-drawn with a dash animation when ticked. Rendered in the Sunset Amber palette.

HTMLCSSReactAdvanced

UI Elements⚛ TSX Live preview

Draw-on Checkbox · Rose Gold

A checkbox whose checkmark is stroke-drawn with a dash animation when ticked. Rendered in the Rose Gold palette.

HTMLCSSReactAdvanced

UI Elements⚛ TSX Live preview

Draw-on Checkbox · Ocean Sky

A checkbox whose checkmark is stroke-drawn with a dash animation when ticked. Rendered in the Ocean Sky palette.

HTMLCSSReactAdvanced

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

22 animated control components & code snippets · MotionVault