Skip to content

MotionVaultAnimated UI vault

Motion Sites

Full animated website templates

Category

Site Templates→

Top tags

#template #landing #hero #saas #feature #bento

Filter by tech

React Tailwind CSS JavaScript GSAP Anime.js Framer Motion

React Bits

Advanced animated components

Category

Top tags

#component #alt #skin #card #stack #tabs

Filter by tech

React Tailwind CSS JavaScript GSAP Anime.js Framer Motion

Uiverse

Buttons, loaders, toggles

Category

Top tags

#element #kit #button #form #loader #input

Filter by tech

React Tailwind CSS JavaScript GSAP Anime.js Framer Motion

Anime.js

Spring, drag & scroll motion

Category

Top tags

#animation #take #alt #text #scroll #canvas

Filter by tech

React Tailwind CSS JavaScript GSAP Anime.js Framer Motion

Aceternity UI

Glow cards, tilt, starfield…

Category

Top tags

#component #alt #skin #card #stack #tabs

Filter by tech

React Tailwind CSS JavaScript GSAP Anime.js Framer Motion

Motion Sites React Bits Uiverse Anime.js Aceternity UI Hall2023 · 1,342,090

2023 assets · 1,342,090 prompts copied

Home/Tags/#text×#grapefruit

Tag collection· cross-filtered

#text×#grapefruit

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

Animations72 UI Elements12 Components3 All tags →

Combination:#text+#grapefruitremove combo ×

Related tags — click to cross-filter

#animation+36 #take+36 #scramble+30 #typewriter+23 #gradient+21 #flow+18 #alt+13 #glitch+12 #typing+12 #loop+11 #letters+10 #reveal+10 #stagger+9 #grapefruit ×6

All vaults Site Templates Components UI Elements Animations

#animation 36 #take 36 #scramble 30 #typewriter 23 #gradient 21 #flow 18 #alt 13 #glitch 12 #typing 12 #loop 11 #letters 10 #reveal 10

6 assets tagged #text

Animations Live preview

Text Scramble — Take 2 · Grapefruit Alt

A self-contained, dependency-free animation with smooth looping keyframes and a studio-grade polish.

HTMLCSSJavaScriptModerate

2083.4k1.7kOpen

Animations Live preview

Gradient Flow Text — Take 5 · Grapefruit Alt

A self-contained, dependency-free animation with smooth looping keyframes and a polished dark UI.

HTMLCSSJavaScriptModerate

1.4k2.6k2.1kOpen

Animations Live preview

Gradient Flow Text — Take 3 · Grapefruit Alt

A self-contained, dependency-free animation with smooth eased transitions and a minimal dark look.

HTMLCSSJavaScriptModerate

1.7k12.1k1.1kOpen

Animations Live preview

Text Scramble — Take 1 · Grapefruit Alt

A self-contained, dependency-free animation with smooth looping keyframes and a minimal dark look.

HTMLCSSJavaScriptModerate

1.2k13.1k1.3kOpen

Animations Live preview

Text Scramble — Take 3 · Grapefruit Alt

A self-contained, dependency-free animation with smooth hover choreography and a minimal dark look.

HTMLCSSJavaScriptModerate

5989.8k1.4kOpen

Animations Live preview

Gradient Flow Text — Take 4 · Grapefruit Alt

A self-contained, dependency-free animation with smooth cascading delays and a minimal dark look.

HTMLCSSJavaScriptModerate

1.6k18.7k2kOpen

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.

2023 items1345k stars1342k copies

Vault sections

Site Templates
Components
UI Elements
Animations

More

Explore everything
Favorites
Submit
Privacy
Roadmap
Blog
Support
Accessibility
Built with Next.js · Tailwind

© 2026 MotionVault — curated for builders who ship.·🎲 Surprise me·v2.0.0

87 animated text components & code snippets · MotionVault