Peek Link
buttonProEin Link im Fließtext, dessen eigenes Vorschaubild auf einer Feder aufsteigt, einblendet und sich zum Mauszeiger neigt.
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
Peek Link 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/peek-linkclaude mcp add --transport http manniche-ui https://mikkelmanniche.dk/api/mcp --header "Authorization: Bearer $MANNICHE_PRO_KEY"Props
PeekLinkProps
| Prop | Typ | Standard | Was sie tut |
|---|---|---|---|
children erforderlich | React.ReactNode | – | The link text. |
preview erforderlich | PeekLinkPreview | – | The picture that floats above the link on hover or keyboard focus. |
previewWidth | number | 240 | Preview width in CSS pixels. It shrinks on screens narrower than this. |
previewHeight | number | 150 | Preview height in CSS pixels. Keeps its ratio when the width shrinks. |
previewRadius | number | 14 | Corner radius of the preview in CSS pixels. |
shadow | boolean | true | Draw a soft drop shadow under the preview. |
shadowColor | string | 'rgb(0 0 0 / 0.38)' | Colour of the drop shadow. Any CSS colour. Ignored when shadow is off. |
textColor | string | – | Text colour of the link. Defaults to the colour it inherits. |
underlineColor | string | – | Colour of the underline. Defaults to the text colour, faded until hover. |
previewOnTouch | boolean | false | Touch: when true the first tap previews and the second tap follows the link. By default touch just navigates. |
spring | { stiffness?: number; damping?: number } | – | Spring that drives the rise, fade, scale and lean. |
ref | Ref<HTMLAnchorElement> | – | Ref to the real <a>. |
Nimmt auch alle Props von Omit<AnchorHTMLAttributes<HTMLAnchorElement>, 'children'>.
A11y
Noch keine Hinweise zur Barrierefreiheit.
Die Hinweise kommen mit dem Quellcode, wenn Pro öffnet.