Text Effect
59 resources in the index ship this component, best first. Group: Motion & Effects.
Also called · gradient text · text mask · split text · letter animation · glitch text · highlight sweep
Ships it
59- daisyUI · 68 pure-CSS Tailwind components as semantic class names, MIT, with 35 built-in themes
- GSAP · JavaScript animation engine with 19 plugins, now free for commercial use
- HyperFrames · Apache-2.0 framework that renders HTML compositions to deterministic MP4, built for agents
- Motion · Hybrid JS/React/Vue animation engine with springs, layout and scroll animation
- NameThatUI · Visual dictionary that maps 76 web and macOS UI elements to their real names and code
- React Bits · 234 copy-paste animated React components: text effects, cursors, WebGL backgrounds
- React Bits Pro · 703 paid React items in one license-gated shadcn registry: 134 animated components, 538 blocks, 11 templates and an Agent Kit
- remocn · 282 Remotion components for product-demo video, installed by the shadcn CLI
- Shader Lab · Browser shader compositor with a WebGPU React runtime for export
- 21st.dev · Community shadcn registry: 12,000+ React components, 48 templates, 48 themes
- Aceternity UI · 132 motion-heavy React sections; 329 registry items; 17 paid templates
- Aceternity UI on 21st.dev · All 84 Aceternity components browsable side by side with copy-prompt and CLI install
- Animate Text Skill · Agent skill with 20 specced text animations for any motion library
- Anime.js · The 72,523-star MIT JavaScript animation library, listed here for its easing function editor
- Animista · Pick-and-tweak CSS keyframe animations; copy only the ones you use, BSD-licensed
- Annnimate · 80 copy-paste GSAP animation components for React, Vue and vanilla
- Appica UI · 70 React components on Base UI and Tailwind v4, with an llms.txt and markdown docs
- beUI · 76 React motion components and AI agent UI, installed through a shadcn registry
- beUI · 106-item Motion + Tailwind registry for React, shadcn-compatible
- Canvas UI · 33 WebGL/canvas effects that wrap real HTML, in 6 frameworks
- Chánh Đại Components · 96-item shadcn registry of pixel-perfect portfolio and marketing components
- Code Blocks · shadcn registry of 30 items for syntax-highlighted code blocks
- Colorion CSS Text Effects · 78 pure-CSS animated text effects; copy the CSS or copy an agent prompt
- Componentry · 62 animated React components plus 3 blocks, installed via the shadcn CLI
- Cult UI · 82 free design-engineer components plus 10 paid full-stack AI starters
- HyperFrames Docs & Catalog · 515-page HyperFrames manual with a 375-block motion catalog and an llms.txt index
- interior.dev · 54 MIT micro-interaction components for React, installable as a shadcn registry
- Kinetics · 153 spring-physics micro-interactions with copy-paste CSS and React
- Kokonut UI · 45 animated shadcn-CLI components for landing pages, plus 7 paid templates
- Magic UI · 150+ animated shadcn-compatible React components for landing pages
- Motion Primitives · 34 MIT motion components for React, installed one at a time by shadcn CLI
- Opensource UI · 154 free MIT React and Next.js components across 26 categories, copy-pasted from pages that serve the full TypeScript source in the HTML
- Originkit · 180 animated web components plus 48 page sections, for Framer, React and MCP
- Osmo · Paid vault of 231 GSAP/Webflow interaction recipes plus a 100-button pack
- Shadcn Space · 401+ shadcn blocks, 393+ component variants and 10 site templates, freemium
- slot-text · 1 kB dependency-free slot-machine text roll, with adapters for 5 frameworks
- SmoothUI · 130 animated React components including 33 text effects and 16 shader transitions
- ThreeUI · Three.js hero components, shaders and landing-page templates with a Pro-gated remote MCP server — Community free, Pro $99/yr or $199 lifetime
- Transitions.dev · 35 essential web-app transitions, packaged as an agent skill
- Unicorn Studio · Browser tool that builds WebGL scenes and exports embeds for Framer, Webflow, or React
- unlumen UI · Freemium shadcn registry of Motion-driven React components
- Arlan's Vault · 18 web UI effects, each with a one-line spec, a live demo, and a copyable prompt
- Eldora UI · 40 animated React components plus 16 landing-page blocks, shadcn-installable
- Fancy Components · An MIT React library of microinteractions at 3,101 stars, organised by physics, text and image effect rather than by widget
- Gradient Shimmer · Zero-dependency React text shimmer driven by the Web Animations API
- Highlighters · Physics-modelled highlighter-pen marks for text, in React, Vue, and Svelte
- MVPBlocks · 100+ copy-paste Next.js + Tailwind marketing and dashboard blocks, plus 7 templates
- MVPBlocks (source repo) · BSD-3 source for the MVPBlocks block library and its Next.js docs site
- Rare UI · Fourteen free MIT animated React components, one file each, installed with the shadcn CLI
- React Native Components · 64 copy-paste React Native screen components, $59.99 once for lifetime access
- Reverse UI · 68 animated React components built on Framer Motion, sold as a lifetime licence
- Shoogle · Search engine across 277 shadcn registries, with an MCP and CLI namespace
- Soft Club UI · 118 Radix-based React components in a late-90s dark-glass aesthetic
- Spell UI · 33 animated React components — text reveals, WebGL backgrounds, embeds — via shadcn CLI
- Spell UI (source repo) · MIT source for Spell UI: 33 React/Tailwind components served as a shadcn registry
- Spell UI · 33 polished React + Tailwind components, MIT, shadcn-installable
- TailwindAdmin · shadcn/ui admin dashboard template in React, Next.js, Vue, Angular and TanStack
- Framer University · Free Framer components and resources, each with a live preview, and an llms.txt that serves robots.txt by mistake
- Interaction Kit · 12 copy-ready React micro-interaction demos by Armond Schneider