Skip to content

MotionVaultAnimated UI vault

Motion Sites

Full animated website templates

Categories

Site Templates→

Filter by tech

React Tailwind CSS JavaScript GSAP Anime.js Framer Motion

React Bits

Advanced animated components

Categories

Filter by tech

React Tailwind CSS JavaScript GSAP Anime.js Framer Motion

Uiverse

Buttons, loaders, toggles

Categories

Filter by tech

React Tailwind CSS JavaScript GSAP Anime.js Framer Motion

Anime.js

Spring, drag & scroll motion

Categories

Filter by tech

React Tailwind CSS JavaScript GSAP Anime.js Framer Motion

Aceternity UI

Glow cards, tilt, starfield…

Categories

Filter by tech

React Tailwind CSS JavaScript GSAP Anime.js Framer Motion

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

1246 assets · 375,920 prompts copied

Buttons, loaders, toggles

UI Elements

Thousands of free open-source UI micro-elements — buttons, loaders, checkboxes, toggles, inputs. Pure HTML/CSS, grab the source and drop it straight into your project.

19

assets

Site Templates Components UI Elements Animations Search all →

19 assets

UI Elements⚛ TSX Live preview

Conic Gradient Ring Spinner

A spinning conic-gradient arc revealed by a radial mask — one element, zero keyframe paths.

HTMLCSSReactAdvanced

6k42.8k9.4kOpen

Featured UI Elements⚛ TSX Live preview

Liquid Morphing Orb Loader

Two gradient blobs morphing through organic border-radius shapes, blended in screen mode with contrast filter.

HTMLCSSReactAdvanced

5.3k41.2k8.9kOpen

Featured UI Elements⚛ TSX Live preview

Hamburger → Close Morph

Three gradient bars that spring into an X with rotation — the classic menu toggle, pure CSS.

HTMLCSSJavaScriptAdvanced

5.2k37.4k8.9kOpen

Featured UI Elements⚛ TSX Live preview

Heart Burst Like Button

Toggle like with a springy heart pop and ten particle glyphs flying out in random directions.

HTMLCSSJavaScriptAdvanced

4.9k36.2k8.1kOpen

UI Elements⚛ TSX Live preview

Overlapping Avatar Stack

Gradient initial circles overlapping in a stack that spreads apart on hover and lifts per avatar.

HTMLCSSJavaScriptAdvanced

5k35.2k8.3kOpen

UI Elements⚛ TSX Live preview

Rotating Gradient Border Button

A conic-gradient border that spins around a dark pill button via @property angle animation.

HTMLCSSReactAdvanced

4.1k33.8k7.6kOpen

UI Elements⚛ TSX Live preview

Interactive Star Rating

Five stars with hover preview, spring pop on fill and locked-in labels from Terrible to Legendary.

HTMLCSSJavaScriptAdvanced

4.4k31.8k7.2kOpen

UI Elements⚛ TSX Live preview

Glowing Range Slider

A filled-track slider whose violet→fuchsia fill follows the value, with a glowing white thumb.

HTMLCSSJavaScriptAdvanced

4.3k30.9k7.1kOpen

UI Elements⚛ TSX Live preview

Neon Glow Toggle Switch

Springy knob that overshoots into a neon violet-fuchsia glow state when checked.

HTMLCSSReactAdvanced

3.9k29.6k6.4kOpen

UI Elements⚛ TSX Live preview

Gliding Segmented Control

iOS-style segmented control with a cyan-violet gliding thumb that springs between options.

HTMLCSSJavaScriptAdvanced

3.9k28.6k6.3kOpen

UI Elements⚛ TSX Live preview

Animated Gradient Progress Rings

Three SVG rings that stroke-draw to 82/64/95% with glow and count-up labels.

HTMLCSSJavaScriptAdvanced

3.7k28.5k6.7kOpen

UI Elements⚛ TSX Live preview

Glow Spring Checkboxes

Checkboxes that pop with an overshoot spring, gradient fill and violet glow; label brightens via :has().

HTMLCSSReactAdvanced

3.5k27.8k5.9kOpen

UI Elements⚛ TSX Live preview

Material Ripple Button

Click anywhere and a white ripple expands from the exact click point, scaled to overflow the button.

HTMLCSSJavaScriptAdvanced

3.1k25.9k6.1kOpen

UI Elements⚛ TSX Live preview

Staggered Bounce Dots

Five gradient dots bouncing in a wave with glow at peak, each delayed 150ms.

HTMLCSSReactAdvanced

3k24.1k5.2kOpen

UI Elements⚛ TSX Live preview

Shine-Sweep Badges

Pill badges in three tints with a diagonal light sweep that crosses on a loop, staggered.

HTMLCSSReactAdvanced

3.3k24.1k5.5kOpen

UI Elements⚛ TSX Live preview

Spotlight Border Input

Inputs whose 1.5px border lights up with a radial spotlight that follows the cursor, plus focus fill.

HTMLCSSJavaScriptAdvanced

2.8k21.4k4.3kOpen

UI Elements⚛ TSX Live preview

Shimmer Skeleton Cards

Loading placeholder cards with a diagonal light sweep looping across avatar and line blocks.

HTMLCSSReactAdvanced

2.5k19.8k4.8kOpen

UI Elements⚛ TSX Live preview

Neon Glow Button

Primary button with neon glow, hover lift and active press effect.

HTMLCSSReactAdvanced

UI Elements⚛ TSX Live preview

Star Rating Input

Interactive star rating with hover preview and filled state.

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

UI Elements — Animated web elements with AI prompts · MotionVault