Any SVG mark as a frosted glass badge: translucent, with the light catching its rolled edge and the page showing through. Drawn in WebGPU, it leans toward the cursor and flips on click.
npx shadcn@latest add @ssych/glass-badge
Loading the source for glass-badge…
Files
—
glass-badge
Configuration
Name
glass-badge
Type
UI
Description
Any SVG mark as a frosted glass badge: translucent, with the light catching its rolled edge and the page showing through. Drawn in WebGPU, it leans toward the cursor and flips on click.
Dependencies
npm packages
clsx
tailwind-merge
Files
—
glass-badge
Configuration
Name
glass-badge
Type
UI
Description
Any SVG mark as a frosted glass badge: translucent, with the light catching its rolled edge and the page showing through. Drawn in WebGPU, it leans toward the cursor and flips on click.