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

Tag collection

#layers

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

Animations7 All tags →

Related tags — click to cross-filter

#parallax+5 #depth+4 #3d+2 #mouse+2 #card+1 #crest+1 #floating+1 #frame+1 #hero+1 #landscape+1 #linked+1 #ocean+1 #photo+1 #pointer+1

All vaults Site Templates Components UI Elements Animations

#parallax 5 #depth 4 #3d 2 #mouse 2 #card 1 #crest 1 #floating 1 #frame 1 #hero 1 #landscape 1 #linked 1 #ocean 1

7 assets tagged #layers

Animations⚛ TSX Live preview

Scroll-Linked Parallax Scene

A scrollable night scene where the moon, mountains and hills translate at 0.3×/0.6×/0.85× scroll speed.

HTMLCSSJavaScriptAdvanced

5.9k31.2k4.7kOpen

Animations Live preview

Mouse Parallax Depth Scene

Moon and three mountain ranges drift at different speeds against the cursor — instant cinematic depth.

HTMLCSSJavaScriptModerate

Featured Animations Live preview

Mouse parallax floating symbols

Four glowing geometric symbols drift at different depths against the cursor; headline moves subtly on top.

HTMLCSSJavaScriptModerate

Animations Live preview

Parallax Layers

Parallax layers moving at different speeds on pointer move.

HTMLCSSJavaScriptModerate

Animations⚛ TSX Live preview

Depth Card with Layers

Card with parallax inner layers moving at different depths.

HTMLCSSJavaScriptAdvanced

Animations⚛ TSX Live preview

Ocean Wave Layers

Three stacked ocean waves with different speeds and crest highlights.

HTMLCSSJavaScriptAdvanced

Animations⚛ TSX Live preview

Layered Tilt Photo Frame

Photo frame with depth layers tilting on cursor movement.

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

7 animated layers components & code snippets · MotionVault