Any SVG mark as a domed chrome badge, drawn in WebGPU. It leans toward the cursor with the light following, and a click flips it. Falls back to a flat chrome face where WebGPU is missing.
npx shadcn@latest add @ssych/metal-badge
Loading the source for metal-badge…
Files
—
metal-badge
Configuration
Name
metal-badge
Type
UI
Description
Any SVG mark as a domed chrome badge, drawn in WebGPU. It leans toward the cursor with the light following, and a click flips it. Falls back to a flat chrome face where WebGPU is missing.
Dependencies
npm packages
clsx
tailwind-merge
Files
—
metal-badge
Configuration
Name
metal-badge
Type
UI
Description
Any SVG mark as a domed chrome badge, drawn in WebGPU. It leans toward the cursor with the light following, and a click flips it. Falls back to a flat chrome face where WebGPU is missing.