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

Advanced animated components

Components

Hundreds of production-grade animated components — starry backgrounds, circular galleries, glowing cards, magnetic buttons and scroll-driven scenes. Spot one you like, copy the prompt, done.

15

assets

Site Templates Components UI Elements Animations Search all →

15 assets tagged #tilt

Featured Components⚛ TSX Live preview

3D Perspective Tilt Card

Pricing card that rotates in 3D toward the cursor with layered translateZ depth and a moving shine.

HTMLCSSJavaScriptAdvanced

10.2k55.6k10.9kOpen

Featured Components⚛ TSX Live preview

3D Tilt Card Stack

A fanned deck of release-note cards in perspective 3D — hover to fan them apart; the whole stack leans toward your mouse.

HTMLCSSJavaScriptAdvanced

Featured Components⚛ TSX Live preview

Spotlight tilt pricing card

Glass pricing card that tilts in 3D toward the cursor while a radial spotlight glow chases the pointer.

HTMLCSSJavaScriptAdvanced

Featured Components⚛ TSX Live preview

Holographic iridescent tilt card

Trading-card style rainbow sheen (color-dodge) tracks the pointer over a 3D-tilting glass pass card.

HTMLCSSJavaScriptAdvanced

Components⚛ TSX Live preview

3D Tilt Glare Card · Candy Pink

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

HTMLCSSJavaScriptAdvanced

Components⚛ TSX Live preview

3D Tilt Glare Card · Royal Gold

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

HTMLCSSJavaScriptAdvanced

Components⚛ TSX Live preview

3D Tilt Glare Card · Crimson Heat

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

HTMLCSSJavaScriptAdvanced

Components⚛ TSX Live preview

3D Tilt Glare Card · Deep Indigo

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

HTMLCSSJavaScriptAdvanced

Components⚛ TSX Live preview

3D Tilt Glare Card · Aurora Teal

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

HTMLCSSJavaScriptAdvanced

Components⚛ TSX 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.

HTMLCSSJavaScriptAdvanced

Components⚛ TSX Live preview

3D Tilt Glare Card · Ultra Violet

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

HTMLCSSJavaScriptAdvanced

Components⚛ TSX Live preview

3D Tilt Glare Card · Cyber Lime

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

HTMLCSSJavaScriptAdvanced

Components⚛ TSX Live preview

3D Tilt Product Card

Product card that tilts in 3D following the cursor with layered glow and spec chips.

HTMLCSSJavaScriptAdvanced

Components⚛ TSX Live preview

3D NFT Collectible Card

Collectible card with 3D tilt, rarity aura and owner history chips.

HTMLCSSJavaScriptAdvanced

Components⚛ TSX Live preview

3D Course Card Tilt

Course card tilting in 3D with progress ring, instructor chip and lesson count.

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

Components — Animated web components with AI prompts · MotionVault