Galaxy Marble
webglProEine prozedural erzeugte Galaxie in einer lichtbrechenden Glaskugel, mit fünf Looks und einer eigenen Palette.
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
galaxy-marble.tsxPro
Der Code ist gesperrt
Galaxy Marble 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/galaxy-marbleMCP
claude mcp add --transport http manniche-ui https://mikkelmanniche.dk/api/mcp --header "Authorization: Bearer $MANNICHE_PRO_KEY"Props
GalaxyMarbleProps
| Prop | Typ | Standard | Was sie tut |
|---|---|---|---|
look | MarbleLook | 'auto' | What is inside the glass. spiral is a tilted disc with arms, nebula is big drifting clouds, core is one blazing bulge, deep-field is mostly stars. auto slowly melts from one to the next. |
anchor | string | '#120a2e' | The deep base colour of space inside the glass. Any CSS colour, var() and currentColor included. Keep it dark. |
accents | [string, string, string] | DEFAULT_ACCENTS | Three accent colours for arms, clouds and tinted stars. Any CSS colour. |
speed | number | 1 | Speed of the drifting nebulae and the twinkle. 1 is calm, 0 freezes the clouds. |
spin | number | 1 | Spin of the galaxy inside the glass. 1 is one turn in about a minute, negative turns the other way, 0 holds still. |
children | ReactNode | – | Drawn on top, centred in the marble. |
label | string | – | Accessible name. When set, the marble is exposed as an image; leave it out for pure decoration. |
className | string | – | Sizes the marble: it is a circle that fits the box, so give the box a width (and optionally a height). |
A11y
Noch keine Hinweise zur Barrierefreiheit.
Die Hinweise kommen mit dem Quellcode, wenn Pro öffnet.