Badge-09 - Failed

Animated failed badge with top glow and letter-by-letter reveal.

Library

Shadcn Space

Framework

React

Type

component

License

MIT

Dependencies

lucide-react, motion

Files

• src/components/shadcn-space/badge/badge-09.tsx
• src/components/ui/badge.tsx
• src/lib/utils.ts
• src/config.ts

Source

https://github.com/shadcnspace/shadcnspace

Categories

• Badge Components
• React Badge Components
• Tailwind CSS Badge Components
• Animated Badge Components
• shadcn/ui Badge Components
• Feedback Components
• React Feedback Components
• Tailwind CSS Feedback Components
• Animated Feedback Components
• shadcn/ui Feedback Components

More from Shadcn Space

• Avatar-03 - Badge
• Badge-01 - Default
• Badge-02 - Count
• Badge-03 - Outline
• Badge-07 - Success
• Badge-08 - Pending
• Badge 11 - Count Pop
• Badge 13 - Streak Display
• Input-09 - Input with floating label
• Input-17 - Input with label
• Label 03 - With Badge
• Label 06 - Floating Label