Text morph

Morph a label into its next state, letter by letter.

Library

Arc Library

Framework

React

Type

ui

License

MIT

Dependencies

motion

Install

npx shadcn@latest add https://uiarc.dev/r/text-morph.json

Files

• registry/components/text-morph/text-morph.tsx
• registry/components/text-morph/text-morph.module.css
• registry/motion-tokens.ts
• lib/motion-tokens.ts

Source

https://github.com/kuratlielia/arc-library

Categories

• Animated Text Components
• React Animated Text Components
• Text Components
• React Text Components
• Animated Text Components

More from Arc Library

• Slot text
• Text reveal
• Text shimmer
• Accordion
• Action button
• Action swap
• Activity heatmap
• Alert
• Animated counter
• Announcement bar
• Avatar
• Avatar group