Stagger Button

A dynamic button that animates on hover, where each letter of the text flips in 3D with a staggered effect.

Library

Badtz UI

Framework

React

Type

ui

License

MIT

Dependencies

clsx tailwind-merge, motion

Install

npx shadcn@latest add https://badtz-ui.com/r/stagger-button.json

Files

• registry/new-york-v4/ui/stagger-button.tsx
• lib/utils.ts

Source

https://github.com/badtzx0/badtz-ui

Categories

• Action Components
• React Action Components
• Tailwind CSS Action Components
• Animated Action Components
• Button Components
• React Button Components
• Tailwind CSS Button Components
• Animated Button Components

More from Badtz UI

• Button
• Confetti Button
• Glowing Button
• Gradient Slide Button
• Like Button
• Shuffle Button
• Star Button
• Swipe Button
• 3D Wrapper
• Animated Card 1
• Animated Card 2
• Animated Card 3