Slot text

Text and numbers that spin into their new value on staggered slot machine reels.

Library

Arc Library

Framework

React

Type

ui

License

MIT

Dependencies

motion

Install

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

Files

• registry/components/slot-text/slot-text.tsx
• registry/components/slot-text/slot-text.module.css

Source

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

Categories

• Animated Text Components
• React Animated Text Components
• Counter Components
• React Counter Components
• Animated Counter Components
• Data Display Components
• React Data Display Components
• Animated Data Display Components
• Number Ticker Components
• React Number Ticker Components
• Stat Components
• React Stat Components

More from Arc Library

• Animated counter
• Metric card
• Stats band
• Text morph
• Text reveal
• Text shimmer
• Accordion
• Action button
• Action swap
• Activity heatmap
• Alert
• Announcement bar