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/#mono-pearl

Tag collection

#mono-pearl

28 animated mono pearl assets — each with a live preview, copy-paste HTML/CSS/JS source and a ready-made AI prompt.

Components11 UI Elements8 Animations7 Site Templates2 All tags →

Related tags — click to cross-filter

#ambient+2 #background+2 #button+2 #chart+2 #control+2 #counter+2 #dashboard+2 #form+2 #hover+2 #landing+2 #menu+2 #scroll+2 #spinner+2 #stats+2

All vaults Site Templates Components UI Elements Animations

#ambient 2 #background 2 #button 2 #chart 2 #control 2 #counter 2 #dashboard 2 #form 2 #hover 2 #landing 2 #menu 2 #scroll 2

28 assets tagged #mono-pearl

Site Templates Live preview

VaultPay — Neo Brutal Landing

A complete VaultPay landing page (nav, hero, features, CTA, footer) rendered in the Neo Brutal style. Neo-brutalism: thick ink borders, hard offset shadows and loud flat color.

Site Templates Live preview

Wanderloop — Minimal Light Landing

A complete Wanderloop landing page (nav, hero, features, CTA, footer) rendered in the Minimal Light style. Editorial light theme: cream paper, serif display type and hairline rules.

Components Live preview

3D Tilt Glare Card · Mono Pearl

A pointer-tracked 3D card: it tilts toward the cursor while a glossy glare sweeps across. Rendered in the Mono Pearl palette.

HTMLCSSJavaScriptModerate

Components Live preview

Infinite Marquee Strip · Mono Pearl

A seamless infinite marquee of brand chips that slows on hover — duplicated for the loop. Rendered in the Mono Pearl palette.

Components Live preview

Spring Modal Dialog · Mono Pearl

A confirmation modal that springs in over a blurred overlay and closes on backdrop or Esc. Rendered in the Mono Pearl palette.

HTMLCSSJavaScriptModerate

Components Live preview

Toast Notification Lab · Mono Pearl

Fire success, info and warning toasts that slide in, stack up and auto-dismiss with a timer bar. Rendered in the Mono Pearl palette.

HTMLCSSJavaScriptModerate

Components Live preview

Stagger Dropdown Menu · Mono Pearl

An account dropdown whose items cascade in with a staggered rise, closing on outside click. Rendered in the Mono Pearl palette.

HTMLCSSJavaScriptModerate

Components Live preview

Stat Counter Card · Mono Pearl

An analytics stat card whose headline number rolls up on load beside a tiny SVG sparkline. Rendered in the Mono Pearl palette.

HTMLCSSJavaScriptModerate

UI Elements Live preview

Morph Icon Button · Mono Pearl

A round icon button that springs open: the burger bars morph into a close X with a rotation. Rendered in the Mono Pearl palette.

HTMLCSSJavaScriptModerate

UI Elements Live preview

Conic Ring Loader · Mono Pearl

A gradient conic ring spinner masked into a clean arc — no SVG, one element. Rendered in the Mono Pearl palette.

UI Elements Live preview

Glow Slide Toggle · Mono Pearl

A pill toggle switch whose knob springs across and sets the track glowing when enabled. Rendered in the Mono Pearl palette.

UI Elements 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.

UI Elements Live preview

Status Badge Chips · Mono Pearl

A row of status chips: pulsing live dot, outlined beta tag and a gradient PRO pill. Rendered in the Mono Pearl palette.

UI Elements Live preview

Spring Tooltip Button · Mono Pearl

A subtle button that pops a spring-animated tooltip bubble into view on hover. Rendered in the Mono Pearl palette.

Animations Live preview

Flowing Sine Waves · Mono Pearl

Layered translucent sine waves gliding across the canvas at different speeds. Rendered in the Mono Pearl palette.

HTMLCSSJavaScriptModerate

Animations Live preview

Drifting Blob Backdrop · Mono Pearl

Oversized blurred gradient blobs that drift and breathe behind any content. Rendered in the Mono Pearl palette.

Animations Live preview

Rolling Stat Counters · Mono Pearl

Three big numbers race upward with a soft overshoot when the panel scrolls into view. Rendered in the Mono Pearl palette.

HTMLCSSJavaScriptModerate

Animations Live preview

Magnetic Hover Element · Mono Pearl

The button is magnetized to your cursor — it leans toward the pointer and springs back. Rendered in the Mono Pearl palette.

HTMLCSSJavaScriptModerate

Animations Live preview

Orbital Ring System · Mono Pearl

A glowing core with three orbit rings whose satellites circle at different speeds. Rendered in the Mono Pearl palette.

Animations Live preview

Radar Sweep Panel · Mono Pearl

A radar scope with a rotating conic sweep, pulse rings and blinking contacts. Rendered in the Mono Pearl palette.

Components Live preview

Nebula Audio Player · Mono Pearl

A music-player card: spinning artwork disc, play/pause morph, live progress and bouncing equalizer bars. Rendered in the Mono Pearl palette.

HTMLCSSJavaScriptModerate

Components Live preview

AI Chat Typing Bubbles · Mono Pearl

A chat mock: user bubble lands, three-dot typing indicator breathes, then the AI answer types itself in. Rendered in the Mono Pearl palette.

HTMLCSSJavaScriptModerate

Animations Live preview

Launch Countdown Panels · Mono Pearl

A live launch countdown: gradient drop-panels tick every second toward a stored target date. Rendered in the Mono Pearl palette.

HTMLCSSJavaScriptModerate

UI Elements Live preview

Floating Orb Empty State · Mono Pearl

A calming zero-state: drifting gradient orb with dashed orbit ring, empty copy and a soft CTA. Rendered in the Mono Pearl palette.

Components Live preview

Energy Gauge Meter · Mono Pearl

A semicircle SVG gauge that sweeps to its value on load, counts the % up, color-shifting by zone. Rendered in the Mono Pearl palette.

HTMLCSSJavaScriptModerate

Components Live preview

Traffic Donut Chart · Mono Pearl

A donut chart whose arcs draw themselves on load; hovering a legend row lifts the matching slice. Rendered in the Mono Pearl palette.

HTMLCSSJavaScriptModerate

UI Elements Live preview

Swift Command Palette · Mono Pearl

A ⌘K-style palette: type to filter actions, arrow keys to move, Enter to run — with shortcut hints. Rendered in the Mono Pearl palette.

HTMLCSSJavaScriptModerate

Components Live preview

Pulse Activity Feed · Mono Pearl

A stream of team events slides in one by one with avatar rings, relative timestamps and a live glow dot. Rendered in the Mono Pearl palette.

HTMLCSSJavaScriptModerate

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

28 animated mono pearl components & code snippets · MotionVault