Liquid Badge
A liquid-glass badge wrapper that keeps the base badge fill and applies the effect to the border.
- Library
- glasscn
- Framework
- React
- Type
- component
- License
- MIT
- Dependencies
- @paper-design/shaders-react, class-variance-authority
- Install
npx shadcn add @glasscn/liquid-badge- Files
components/ui/glasscn/liquid-badge.tsxlib/utils.tscomponents/ui/badge.tsx
- Source
- https://github.com/kostyniuk/glasscn-components
Categories
- Badge Components
- React Badge Components
- Tailwind CSS Badge Components
- shadcn/ui Badge Components
- Border Effect Components
- React Border Effect Components
- Tailwind CSS Border Effect Components
- Effect Components
- React Effect Components
- Tailwind CSS Effect Components
- shadcn/ui Effect Components
- Feedback Components