Buttons/Isometric Mechanical Keycap

Isometric Mechanical Keycap

New

A pure CSS/JS button styled as a physically extruded mechanical keycap in an isometric socket, with a snappy spring-press animation and theme-switchable colors.

Install

Add it with the shadcn CLI, or copy the source manually.

$ bunx --bun shadcn add https://foundations.cuedesign.space/r/isometric-mechanical-keycap.json

Related components

Glossy Slider Call ButtonNew

A dark pill button whose acid-green slider expands on hover, swapping a dotted arrow icon for a phone icon while the label fades away.

Contributed by Alok
Updated Sep 17, 2026