Keycap
controlsProEine mechanische Taste mit 6 px Hub, die sich zu der Stelle neigt, an der sie gedrückt wird, mit optionaler Raste und Eckenlicht.
Pro kann noch nicht gekauft werden. Die Seite öffnet, sobald die Zahlung bereit ist.
Vorschau
Live-Demo. Das Theme schaltet die Demo selbst um.
Code
Der Code ist gesperrt
Keycap gehört zu Manniche UI Pro. Ein Schlüssel öffnet den Quellcode aller 60 Effekte.
Bald verfügbar49 € · Einführungspreis bis einschließlich 31. Dezember 2026. Danach 79 €.
- Einmalzahlung
- Ein Entwickler
- Der Schlüssel kommt sofort per E-Mail
- Keine Umsatzsteuer (§ 19 UStG)
Hast du einen Schlüssel? Hol den Code mit der CLI oder per MCP.
Der Schlüssel liegt in MANNICHE_PRO_KEY, nie im Code oder in der Adresse. So richtest du ihn ein
npx shadcn@latest add @manniche-pro/keycapclaude mcp add --transport http manniche-ui https://mikkelmanniche.dk/api/mcp --header "Authorization: Bearer $MANNICHE_PRO_KEY"Props
KeycapProps
| Prop | Typ | Standard | Was sie tut |
|---|---|---|---|
width | number | 72 | Width of the key in pixels. The key is 72px square on top, with 6px of travel below. |
legend | 'center' | 'corner' | 'center' | Where the legend sits: large in the middle, or small in the top-left corner (for esc, shift, tab). |
latch | boolean | false | Latch on each press, like a held modifier, with a small light in the corner. Adds aria-pressed. |
pressed | boolean | – | Controlled latched state, with latch. |
defaultPressed | boolean | false | Latched state on the first render, when uncontrolled. |
onPressedChange | (pressed: boolean) => void | – | Called when a latching key is pressed, with its new state. |
down | boolean | false | Hold the key down from outside, e.g. to mirror a key pressed on the real keyboard. |
Nimmt auch alle Props von ButtonHTMLAttributes<HTMLButtonElement>.
A11y
Noch keine Hinweise zur Barrierefreiheit.
Die Hinweise kommen mit dem Quellcode, wenn Pro öffnet.