React Liquid Glass Badge Component - Lightswind UI
A 3D liquid crystal capsule badge featuring top curved glare reflection, bottom prism refraction, 8 color variants (glass, emerald, primary, cyan, purple, aurora, gold, dark), live pulse status dots, custom icon slots, and removable tag pills.
Key Details of React Liquid Glass Badge
The Liquid Glass Badge is a copy-paste component in the Liquid Glass collection of Lightswind UI. Built with TypeScript, Tailwind CSS, and Framer Motion for clean developer experience and rapid UI building.
- Category: Liquid Glass
- Fully responsive and dark mode compatible
- Production-tested in Next.js 15 & React 19
- Interactive animations and accessible markup