Volt Arc
webglProProzedurale Blitze, die sich nie wiederholen, mit Verzweigungen und Leuchten, die ihren Container ausfüllen.
Bald verfügbar
Pro kann noch nicht gekauft werden. Die Seite öffnet, sobald die Zahlung bereit ist.
Vorschau
Die Vorschau konnte nicht geladen werden.
Live-Demo. Das Theme schaltet die Demo selbst um.
Code
volt-arc.tsxPro
Der Code ist gesperrt
Volt Arc 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
CLI
npx shadcn@latest add @manniche-pro/volt-arcMCP
claude mcp add --transport http manniche-ui https://mikkelmanniche.dk/api/mcp --header "Authorization: Bearer $MANNICHE_PRO_KEY"Props
VoltArcProps
| Prop | Typ | Standard | Was sie tut |
|---|---|---|---|
color | string | '#9d7bff' | Colour of the bolt and its glow. Any CSS colour, including var(--x). The core is always pushed towards white. |
background | string | 'var(--background, Canvas)' | Colour behind the bolt. Any CSS colour. The default follows the page's --background token, so the stage matches light and dark themes. Use transparent to draw only the bolt over whatever is behind. On a light background the bolt switches to a deep, tinted core with a soft glow so it stays visible instead of glowing white on white. |
angle | number | 0 | Tilt of the bolt in degrees. 0 is vertical, 90 is horizontal. |
position | number | [number, number] | 0.5 | Where the bolt passes through the frame, 0 to 1. A single number is the horizontal position; a pair is [x, y]. |
size | number | 1 | Scale of the whole bolt: its width, its glow and how widely it wanders. 1 is a bolt about a third of the frame wide. |
speed | number | 1 | Time scale. 0 freezes the strike. The shape never repeats, at any speed. |
intensity | number | 1 | Brightness, 0 to 2. |
label | string | – | Accessible name. When set, the strike is announced as an image; leave it out when the bolt is decoration. |
children | ReactNode | – | Content drawn on top of the strike. |
className | string | – | – |
style | CSSProperties | – | – |
A11y
Noch keine Hinweise zur Barrierefreiheit.
Die Hinweise kommen mit dem Quellcode, wenn Pro öffnet.