Logo Bloom
surfacesNeuProEin Stapel Tool-Kacheln, der sich zu einem lockeren Ring um ein Label entfaltet, etwas treibt und sich wieder zusammenfaltet. Läuft in Schleife, beim Hover oder einmal, sobald er sichtbar wird.
Einführungspreis bis einschließlich 31. Dezember 2026. Danach 79 €.
Vorschau
Live-Demo. Das Theme schaltet die Demo selbst um.
Code
Der Code ist gesperrt
Logo Bloom gehört zu Manniche UI Pro. Ein Schlüssel öffnet den Quellcode aller 66 Effekte.
Kaufen · 49 €49 € · Einführungspreis bis einschließlich 31. Dezember 2026. Danach 79 €.
- Einmalzahlung
- Ein Entwickler
- Melde dich an und erstelle deinen Schlüssel sofort
- 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/logo-bloomclaude mcp add --transport http manniche-ui https://mikkelmanniche.dk/api/mcp --header "Authorization: Bearer $MANNICHE_PRO_KEY"Props
LogoBloomProps
| Prop | Typ | Standard | Was sie tut |
|---|---|---|---|
items erforderlich | LogoBloomItem[] | – | The tiles, first on top of the stack. Five to eight look best; each needs a label. |
label erforderlich | ReactNode | – | The text in the middle of the ring, shown while it is open, e.g. "Works with your tools". |
listLabel | string | 'Integrations' | The accessible name of the group and its list, e.g. "Integrations". Default "Integrations". |
trigger | LogoBloomTrigger | 'loop' | When the stack opens:
|
openFor | number | 3.8 | Seconds the ring stays open in loop. Default 3.8. |
closedFor | number | 1.6 | Seconds the stack stays folded in loop. Default 1.6. |
labels | { pause?: string; play?: string } | {} | The pause button's accessible name and tooltip in loop, with English defaults. |
className | string | – | Classes for the outer element. It is square; set its width here. Default up to 26rem. |
A11y
Tastatur
The group can take focus with Tab, and focus opens the ring and holds it open with a visible focus ring. In loop mode a Pause and Play button (36 pixels, with a 44 pixel hit area) follows in tab order and stops and starts the loop. Hover also holds the ring open.
Screenreader
A group named by listLabel holds the centre label as text and a list with one item per tile, each named by its label. The tile graphics are aria-hidden, and each tile also shows its label as a tooltip. The pause button’s name changes with its state.
Reduzierte Bewegung
Under reduced motion the ring is shown open and still, with no drift, no loop and no pause button. The loop and the drift stop while the element is off screen or the tab is hidden.