Volt Arc
webglProProceduralt lyn, der aldrig gentager sig, med forgreninger og glød, og som fylder sin beholder.
Åbner snart
Pro kan ikke købes endnu. Siden åbner, når betalingen er klar.
Preview
Forhåndsvisningen kunne ikke hentes.
Live demo. Temaet skifter selve demoen.
Kode
volt-arc.tsxPro
Koden er låst
Volt Arc er en del af Manniche UI Pro. En nøgle åbner kildekoden til alle 60 effekter.
Åbner snart49 € · Introduktionspris til og med 31. december 2026. Derefter 79 €.
- Engangsbetaling
- Én udvikler
- Nøglen kommer på mail med det samme
- Ingen moms (§ 19 UStG)
Har du en nøgle? Hent koden med CLI eller MCP.
Nøglen ligger i MANNICHE_PRO_KEY, aldrig i koden eller i adressen. Sådan sætter du den op
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 | Type | Standard | Hvad den gør |
|---|---|---|---|
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
Ingen a11y-noter skrevet endnu.
Noterne kommer sammen med kildekoden, når Pro åbner.