text animation

Curated collection of 19 open source UI libraries and design engineering components for text animation. Explore component lists, live previews and code repos.

Prestige UI — Animated React components and full-page blocks built with Tailwind CSS and Motion.

Prestige UICollections

Animated React components and full-page blocks built with Tailwind CSS and Motion.

EasyUI — Over 130 production-ready animated React components with shadcn registry support.

EasyUICollections

Over 130 production-ready animated React components with shadcn registry support.

AICSS — Crafted UI components for AI agents: thinking states, tool calls, and streaming text.

AICSSCollections

Crafted UI components for AI agents: thinking states, tool calls, and streaming text.

Torph — Dependency-free animated text and numeric morphing component across web frameworks.

TorphText & Typography

Dependency-free animated text and numeric morphing component across web frameworks.

Typehug — Keeps words, numbers, and units together with nonbreaking spaces for web typography.

TypehugText & Typography

Keeps words, numbers, and units together with nonbreaking spaces for web typography.

Aceternity UI — Trending copy-paste animated components and hero sections for modern web.

Aceternity UICollections

Trending copy-paste animated components and hero sections for modern web.

Colorion Text Effects — Animated text effects, kinetic typography presets, and copy-paste CSS recipes.

Colorion Text EffectsText & Typography

Animated text effects, kinetic typography presets, and copy-paste CSS recipes.

Forge UI — Animated React and Tailwind UI components and blocks compatible with shadcn/ui.

Forge UICollections

Animated React and Tailwind UI components and blocks compatible with shadcn/ui.

Magic UI — Over 150 animated components crafted for landing pages and modern products.

Magic UICollections

Over 150 animated components crafted for landing pages and modern products.

Motion Primitives — Advanced motion and interactive components built with Motion and Tailwind CSS.

Motion PrimitivesCollections

Advanced motion and interactive components built with Motion and Tailwind CSS.

NumberFlow — A component to transition, format, and animate numbers smoothly in modern web.

NumberFlowText & Typography

A component to transition, format, and animate numbers smoothly in modern web.

Rewamp UI — A copy-paste React component collection built with Motion, Tailwind CSS, and Three.js.

Rewamp UICollections

A copy-paste React component collection built with Motion, Tailwind CSS, and Three.js.

Rolling Number — Smooth digit-rolling number counter component with spring physics for React.

Rolling NumberText & Typography

Smooth digit-rolling number counter component with spring physics for React.

Scritto — Rolling character text transition component library for expressive headings.

ScrittoText & Typography

Rolling character text transition component library for expressive headings.

Syntax UI — Animated copy-paste components and creative interactions for landing pages.

Syntax UICollections

Animated copy-paste components and creative interactions for landing pages.

textmotion — Zero-dependency, high-performance kinetic text roll animation primitive.

textmotionText & Typography

Zero-dependency, high-performance kinetic text roll animation primitive.

ObsidianUI — A collection of creative animated React components built with Motion and Tailwind CSS.

ObsidianUICollections

A collection of creative animated React components built with Motion and Tailwind CSS.

React Bits — Over 200 animated React components, interactive backgrounds, and creative text effects.

React BitsCollections

Over 200 animated React components, interactive backgrounds, and creative text effects.

Calligraph — Fluid text transitions powered by Motion. Shared characters slide to their new positions while entering characters fade in and exiting ones fade out.

CalligraphText & Typography

Fluid text transitions powered by Motion. Shared characters slide to their new positions while entering characters fade in and exiting ones fade out.