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/#blobs

Tag collection

#blobs

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

Animations11 Components1 All tags →

Related tags — click to cross-filter

#background+5 #ambient+4 #gradient+4 #mesh+3 #slow+2 #soft+2 #abstract+1 #bioluminescent+1 #blend+1 #bloom+1 #colours+1 #crossfade+1 #css-only+1 #dark+1

All vaults Site Templates Components UI Elements Animations

#background 5 #ambient 4 #gradient 4 #mesh 3 #slow 2 #soft 2 #abstract 1 #bioluminescent 1 #blend 1 #bloom 1 #colours 1 #crossfade 1

12 assets tagged #blobs

Animations Live preview

Floating Gradient Orbs Background

Four blurred gradient blobs drifting on independent long loops with screen blend — a zero-JS ambient backdrop.

Featured Components Live preview

Animated Mesh Gradient Field

Breathing screen-blend color blobs behind huge overlay type — the Liquid/Stripe-style ambient backdrop.

Featured Animations Live preview

Morphing fluid blob background

Three blurred, screen-blended gradient blobs drift, scale and morph border-radius for a liquid ambient background.

Animations Live preview

Background Blob Shift

Slow-moving background blobs with color crossfade.

Animations⚛ TSX Live preview

Morphing Gradient Mesh

Animated gradient blobs morphing behind glassy text, GPU-cheap.

HTMLCSSJavaScriptAdvanced

Animations⚛ TSX Live preview

Floating Gradient Blobs

Soft blurred blobs floating upward with varying speeds and hues.

HTMLCSSJavaScriptAdvanced

Animations⚛ TSX Live preview

Lava Lamp Globs

Warm blobs rising like a lava lamp with stretchy motion.

HTMLCSSJavaScriptAdvanced

Animations⚛ TSX Live preview

Deep Sea Bioluminescence

Dark scene with faint bioluminescent blobs pulsing slowly.

HTMLCSSJavaScriptAdvanced

Animations⚛ TSX Live preview

Gel Blob Loader

Two gel-like blobs wobbling in a loading dance.

HTMLCSSJavaScriptAdvanced

Animations⚛ TSX Live preview

Ink in Water Bloom

Ink-like blobs blooming slowly in water.

HTMLCSSJavaScriptAdvanced

Animations⚛ TSX Live preview

Oil Slick Rainbow Blobs

Iridescent oil-slick blobs shifting colours as they move.

HTMLCSSJavaScriptAdvanced

Animations⚛ TSX Live preview

Abstract Ink Wash

Large soft blobs blending like an abstract ink wash.

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

12 animated blobs components & code snippets · MotionVault