A luxury button engineered like a machined object: polished conic-metal bezel, deep-bevel cap with engraved label, cursor-tracking specular, hover sheen and press physics that sink and flash — five finishes, zero deps.
- React
- TypeScript
- Button
Looks engineered, not styled: a conic-gradient bezel that reads as polished metal, a dark transition ring, and a cap with real bevel depth. The specular highlight follows the cursor like light on lacquer; hover adds a sheen sweep; pressing sinks the cap 2px with a flash. Five machined finishes for different intents — obsidian (primary CTA), platinum (secondary), gold (premium), emerald (confirm), ruby (destructive) — in four sizes. Zero dependencies: no Tailwind, no radix, no cva. One file, engraved-label typography included, focus ring + disabled + touch + reduced-motion handled.
- Luxury
- 3D
- Micro-interaction