1 slot open this monthBy the makers of shadcnregistryWe built shadcnregistry. Now we build your product.Book a callCheck availability
1 slot open this monthAI features?We build AI features into your product.Book a callCheck availability
1 slot open this month๐Ÿšจ Slop police๐Ÿšจ Slop police: we clean up vibe-coded apps.Report itReport your app
shadcnregistry
shadcnregistry
RegistryHealthInspect
Terms of ServicePrivacy Policy
  1. Registries
  2. glasscn
  3. Liquid Badge

Liquid Badge

component

A liquid-glass badge wrapper that keeps the base badge fill and applies the effect to the border.

pnpm dlx shadcn@latest add "https://glasscn-components.vercel.app/r/liquid-badge.json"
Premium blocks for shadcn/uiShadcnblocks.com ยท AffiliateExplore
  • @paper-design/shaders-react
  • class-variance-authority
components/ui/glasscn/liquid-badge.tsx