Glass button
controlsProEine Glaslinse in einer Fase, die alles dahinter vergrößert, mit einem Glanzlicht, das dem Mauszeiger folgt, und einem Druckweg von einem Pixel.
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
Glass button 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/glass-buttonclaude mcp add --transport http manniche-ui https://mikkelmanniche.dk/api/mcp --header "Authorization: Bearer $MANNICHE_PRO_KEY"Props
GlassButtonProps
| Prop | Typ | Standard | Was sie tut |
|---|---|---|---|
backdrop | ReactNode | – | What sits behind the button, drawn in currentColor. It shows round the button in the muted colour and again, magnified, inside the lens. Leave it out for plain glass. |
backdropClassName | string | – | Classes for the backdrop layer, which is absolutely positioned in the wrapper. |
containerClassName | string | – | Classes for the wrapper round the backdrop and the button, e.g. flex w-full justify-center to give the backdrop room. |
magnify | number | 1.3 | How much the lens magnifies the backdrop. |
Nimmt auch alle Props von ButtonHTMLAttributes<HTMLButtonElement>.
A11y
Noch keine Hinweise zur Barrierefreiheit.
Die Hinweise kommen mit dem Quellcode, wenn Pro öffnet.