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

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 tagged #slider

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

Featured UI Elements⚛ TSX Live preview

Liquid Glow Range Slider · Ultra Violet

A velvety range control: glowing fill, pulsing thumb and a springy value bubble that trails the drag. Rendered in the Ultra Violet palette.

HTMLCSSJavaScriptAdvanced

UI Elements⚛ TSX Live preview

Liquid Glow Range Slider · Cyber Lime

A velvety range control: glowing fill, pulsing thumb and a springy value bubble that trails the drag. Rendered in the Cyber Lime palette.

HTMLCSSJavaScriptAdvanced

UI Elements⚛ TSX Live preview

Liquid Glow Range Slider · Sunset Amber

A velvety range control: glowing fill, pulsing thumb and a springy value bubble that trails the drag. Rendered in the Sunset Amber palette.

HTMLCSSJavaScriptAdvanced

UI Elements⚛ TSX Live preview

Liquid Glow Range Slider · Rose Gold

A velvety range control: glowing fill, pulsing thumb and a springy value bubble that trails the drag. Rendered in the Rose Gold palette.

HTMLCSSJavaScriptAdvanced

UI Elements⚛ TSX Live preview

Liquid Glow Range Slider · Ocean Sky

A velvety range control: glowing fill, pulsing thumb and a springy value bubble that trails the drag. Rendered in the Ocean Sky palette.

HTMLCSSJavaScriptAdvanced

UI Elements⚛ TSX Live preview

Liquid Glow Range Slider · Mint Breeze

A velvety range control: glowing fill, pulsing thumb and a springy value bubble that trails the drag. Rendered in the Mint Breeze palette.

HTMLCSSJavaScriptAdvanced

UI Elements⚛ TSX Live preview

Liquid Glow Range Slider · Candy Pink

A velvety range control: glowing fill, pulsing thumb and a springy value bubble that trails the drag. Rendered in the Candy Pink palette.

HTMLCSSJavaScriptAdvanced

UI Elements⚛ TSX Live preview

Liquid Glow Range Slider · Royal Gold

A velvety range control: glowing fill, pulsing thumb and a springy value bubble that trails the drag. Rendered in the Royal Gold palette.

HTMLCSSJavaScriptAdvanced

UI Elements⚛ TSX Live preview

Range Slider

Custom range slider with filled track and draggable thumb.

HTMLCSSJavaScriptAdvanced

UI Elements⚛ TSX Live preview

Gradient Range Slider

Single range slider with a gradient-filled track and thumb glow.

HTMLCSSJavaScriptAdvanced

UI Elements⚛ TSX Live preview

Volume Slider with Icon

Media volume slider linked to a mute icon that toggles state.

HTMLCSSJavaScriptAdvanced

UI Elements⚛ TSX Live preview

Price Range Dual Slider

Dual-thumb price range slider with selected span highlight.

HTMLCSSJavaScriptAdvanced

UI Elements⚛ TSX Live preview

Steps Slider with Tick Marks

Discrete slider with tick labels and snapping thumb.

HTMLCSSJavaScriptAdvanced

UI Elements⚛ TSX Live preview

Rating Slider Hybrid

Slider fused with star labels from 1 to 5 with value bubble.

HTMLCSSJavaScriptAdvanced

UI Elements⚛ TSX Live preview

Brightness/Contrast Sliders

Two linked media sliders previewing a live filter on a swatch.

HTMLCSSJavaScriptAdvanced

UI Elements⚛ TSX Live preview

Equalizer Bars Slider

Vertical sliders styled as an equalizer that animate together.

HTMLCSSJavaScriptAdvanced

UI Elements⚛ TSX Live preview

Color Channel Sliders

Three RGB sliders updating a live color swatch with hex readout.

HTMLCSSJavaScriptAdvanced

UI Elements⚛ TSX Live preview

Sleep/Activity Ring Sliders

Two ring sliders showing time spent in sleep and activity.

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