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

Components→

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

UI Elements→

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

Animations→

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

Components→

Top tags

#card #navigation #menu #cards #3d #dashboard

Filter by tech

React Tailwind CSS JavaScript GSAP Anime.js Framer Motion

Hall

Submit

1246 assets · 375,921 prompts copied

Tag collection· cross-filtered

#focus×#cards

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

UI Elements10 Components2 All tags →

Combination:#focus+#cardsremove combo ×

Related tags — click to cross-filter

#input+11 #form+10 #floating-label+8 #bento+1 #calendar+1 #candy-pink+1 #cards ×1 #cyber-lime+1 #date+1 #depth+1 #email+1 #floating+1 #gallery+1 #glow+1

All vaults Site Templates Components UI Elements Animations

#input 11 #form 10 #floating-label 8 #bento 1 #calendar 1 #candy-pink 1 #cards 1 #cyber-lime 1 #date 1 #depth 1 #email 1 #floating 1

1 asset tagged #focus

preview

Featured Components⚛ TSX Live preview

Depth-focus bento row

Hovering the row brings one panel forward (flex grow, color, label) while siblings recede and desaturate.

HTMLCSSReactAdvanced

36600Open

12 animated focus components & code snippets · MotionVault