Glass Badge

Glass Badge with five variants: clear, frosted, subtle, liquid, and liquid-refract.

Library

glasscn

Framework

React

Type

component

License

MIT

Install

npx shadcn add @glasscn/glass-badge

Files

• components/ui/glasscn/glass-badge.tsx
• lib/utils.ts
• components/ui/badge.tsx
• lib/glass-variants.ts
• components/ui/glasscn/liquid-glass.tsx

Source

https://github.com/kostyniuk/glasscn-components

Categories

• Badge Components
• React Badge Components
• Tailwind CSS Badge Components
• Feedback Components
• React Feedback Components
• Tailwind CSS Feedback Components

More from glasscn

• Badge
• Liquid Badge
• Alert
• Alert Dialog
• Avatar
• Button
• Button Group
• Calendar
• Card
• Checkbox
• Code Block Command
• Combobox