Text Effect
64 resources ship this component · Motion & Effects
Also called: gradient text, text mask, split text, letter animation, glitch text, highlight sweep.
Ships it
- daisyUI · 68 pure-CSS Tailwind components as semantic class names, MIT, with 35 built-in themesComponent LibrariesS
- GSAP · JavaScript animation engine with 19 plugins, now free for commercial useMotion & InteractionS
- HyperFrames · Apache-2.0 framework that renders HTML compositions to deterministic MP4, built for agentsGenerative Media ToolsS
- Motion · Hybrid JS/React/Vue animation engine with springs, layout and scroll animationMotion & InteractionS
- NameThatUI · Visual dictionary that maps 76 web and macOS UI elements to their real names and codeDesign Systems & Brand GuidelinesS
- React Bits · 234 copy-paste animated React components: text effects, cursors, WebGL backgroundsMotion & InteractionS
- React Bits Pro · 703 paid React items in one license-gated shadcn registry: 134 animated components, 538 blocks, 11 templates and an Agent KitComponent LibrariesS
- remocn · 282 Remotion components for product-demo video, installed by the shadcn CLIMotion & InteractionS
- Shader Lab · Browser shader compositor with a WebGPU React runtime for exportTextures, Backgrounds & AssetsS
- 21st.dev · Community shadcn registry: 12,000+ React components, 48 templates, 48 themesComponent LibrariesA
- Aceternity UI · 132 motion-heavy React sections; 329 registry items; 17 paid templatesMotion & InteractionA
- Aceternity UI on 21st.dev · All 84 Aceternity components browsable side by side with copy-prompt and CLI installMotion & InteractionA
- affectUI · 93 React components, screens, and blocks for AI products, each one dependency-free fileAI Interface KitsA
- Animate Text Skill · Agent skill with 20 specced text animations for any motion libraryAgent Design ToolingA
- Anime.js · The 72,523-star MIT JavaScript animation library, listed here for its easing function editorMotion & InteractionA
- Animista · Pick-and-tweak CSS keyframe animations; copy only the ones you use, BSD-licensedMotion & InteractionA
- Annnimate · 80 copy-paste GSAP animation components for React, Vue and vanillaMotion & InteractionA
- Appica UI · 70 React components on Base UI and Tailwind v4, with an llms.txt and markdown docsComponent LibrariesA
- beUI · 76 React motion components and AI agent UI, installed through a shadcn registryComponent LibrariesA
- beUI · 106-item Motion + Tailwind registry for React, shadcn-compatibleMotion & InteractionA
- Canvas UI · 33 WebGL/canvas effects that wrap real HTML, in 6 frameworksTextures, Backgrounds & AssetsA
- Chánh Đại Components · 96-item shadcn registry of pixel-perfect portfolio and marketing componentsComponent LibrariesA
- Code Blocks · shadcn registry of 30 items for syntax-highlighted code blocksComponent LibrariesA
- Colorion CSS Text Effects · 78 pure-CSS animated text effects; copy the CSS or copy an agent promptMotion & InteractionA
- Componentry · 62 animated React components plus 3 blocks, installed via the shadcn CLIMotion & InteractionA
- Cult UI · 82 free design-engineer components plus 10 paid full-stack AI startersComponent LibrariesA
- HyperFrames Docs & Catalog · 515-page HyperFrames manual with a 375-block motion catalog and an llms.txt indexGenerative Media ToolsA
- Inspira UI · MIT animated components for Vue and Nuxt in the style of Aceternity UI and Magic UIMotion & InteractionA
- interior.dev · 54 MIT micro-interaction components for React, installable as a shadcn registryMotion & InteractionA
- Kinetics · 153 spring-physics micro-interactions with copy-paste CSS and ReactMotion & InteractionA
- Kokonut UI · 45 animated shadcn-CLI components for landing pages, plus 7 paid templatesComponent LibrariesA
- Magic UI · 150+ animated shadcn-compatible React components for landing pagesMotion & InteractionA
- Motion Primitives · 34 MIT motion components for React, installed one at a time by shadcn CLIMotion & InteractionA
- 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 HTMLComponent LibrariesA
- Originkit · 180 animated web components plus 48 page sections, for Framer, React and MCPMotion & InteractionA
- Osmo · Paid vault of 231 GSAP/Webflow interaction recipes plus a 100-button packMotion & InteractionA
- Shadcn Space · 401+ shadcn blocks, 393+ component variants and 10 site templates, freemiumBlocks, Templates & ThemesA
- slot-text · 1 kB dependency-free slot-machine text roll, with adapters for 5 frameworksMotion & InteractionA
- SmoothUI · 130 animated React components including 33 text effects and 16 shader transitionsMotion & InteractionA
- ThreeUI · Three.js hero components, shaders and landing-page templates with a Pro-gated remote MCP server — Community free, Pro $99/yr or $199 lifetimeTextures, Backgrounds & AssetsA
- Torph · One animated text-morphing component for React, Vue and Svelte, MIT and with no runtime dependencyMotion & InteractionA
- Transitions.dev · 35 essential web-app transitions, packaged as an agent skillMotion & InteractionA
- Unicorn Studio · Browser tool that builds WebGL scenes and exports embeds for Framer, Webflow, or ReactTextures, Backgrounds & AssetsA
- unlumen UI · Freemium shadcn registry of Motion-driven React componentsComponent LibrariesA
- Arlan's Vault · 18 web UI effects, each with a one-line spec, a live demo, and a copyable promptInspiration GalleriesB
- Eldora UI · 40 animated React components plus 16 landing-page blocks, shadcn-installableMotion & InteractionB
- Fancy Components · An MIT React library of microinteractions at 3,101 stars, organised by physics, text and image effect rather than by widgetMotion & InteractionB
- Gradient Shimmer · Zero-dependency React text shimmer driven by the Web Animations APIMotion & InteractionB
- Highlighters · Physics-modelled highlighter-pen marks for text, in React, Vue, and SvelteMotion & InteractionB
- MetalForge · 400+ shader effects for SwiftUI, React Native, and the web, tuned with sliders and exported as codeTextures, Backgrounds & AssetsB
- MVPBlocks · 100+ copy-paste Next.js + Tailwind marketing and dashboard blocks, plus 7 templatesBlocks, Templates & ThemesB
- MVPBlocks (source repo) · BSD-3 source for the MVPBlocks block library and its Next.js docs siteBlocks, Templates & ThemesB
- ObsidianUI · Animated React components and blocks through a shadcn registryComponent LibrariesB
- Rare UI · Fourteen free MIT animated React components, one file each, installed with the shadcn CLIComponent LibrariesB
- React Native Components · 64 copy-paste React Native screen components, $59.99 once for lifetime accessComponent LibrariesB
- Reverse UI · 68 animated React components built on Framer Motion, sold as a lifetime licenceMotion & InteractionB
- Shoogle · Search engine across 277 shadcn registries, with an MCP and CLI namespaceAgent Design ToolingB
- Soft Club UI · 118 Radix-based React components in a late-90s dark-glass aestheticComponent LibrariesB
- Spell UI · 33 animated React components — text reveals, WebGL backgrounds, embeds — via shadcn CLIMotion & InteractionB
- Spell UI (source repo) · MIT source for Spell UI: 33 React/Tailwind components served as a shadcn registryComponent LibrariesB
- Spell UI · 33 polished React + Tailwind components, MIT, shadcn-installableComponent LibrariesB
- TailwindAdmin · shadcn/ui admin dashboard template in React, Next.js, Vue, Angular and TanStackBlocks, Templates & ThemesB
- Framer University · Free Framer components and resources, each with a live preview, and an llms.txt that serves robots.txt by mistakeBlocks, Templates & ThemesC
- Interaction Kit · 12 copy-ready React micro-interaction demos by Armond SchneiderMotion & InteractionC