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/#loader×#ring

Tag collection· cross-filtered

#loader×#ring

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

UI Elements36 Animations7 All tags →

Combination:#loader+#ringremove combo ×

Related tags — click to cross-filter

#spinner+15 #dots+13 #bounce+12 #loading+12 #typing+10 #conic+9 #audio+8 #bars+8 #equalizer+8 #ring ×6 #liquid+3 #ocean-sky+3 #rose-gold+3 #aurora-teal+2

All vaults Site Templates Components UI Elements Animations

#spinner 15 #dots 13 #bounce 12 #loading 12 #typing 10 #conic 9 #audio 8 #bars 8 #equalizer 8 #ring 6 #liquid 3 #ocean-sky 3

6 assets tagged #loader

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

Animations⚛ TSX Live preview

Particle Progress Ring Loader

A ring of 60 particles flowing around a track that fills with a breathing percentage readout.

HTMLCSSJavaScriptAdvanced

UI Elements⚛ TSX Live preview

Circular Loader Ring

Spinner ring with rotating gradient arc and smooth easing.

HTMLCSSReactAdvanced

Animations⚛ TSX Live preview

Loading Ring Pulse

Ring loader with pulsing halo and rotating arc.

HTMLCSSReactAdvanced

UI Elements⚛ TSX Live preview

Ring + Dots Combo Loader

Loading pair combining a rotating gradient ring and staggered typing dots.

HTMLCSSJavaScriptAdvanced

UI Elements⚛ TSX Live preview

Glow Ring Loader

Thick ring loader with pulsing glow and gradient arc.

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

43 animated loader components & code snippets · MotionVault