Logo Constellation
Real partner or brand names on slowly turning rings around a label; a wrapped list on phones.
Controls
<LogosConstellation />About
A Pro alternative to logos-belt for brands with many partners. Honest by construction.
Use it when
- Eight or more real partners or brands.
Skip it when
- Three names: use
logos-belt.
Install
The demo above is live today. Installing Pro items opens with VibeBox Motion Pro; join the waitlist to hear first.
Code
The source is part of VibeBox Motion Pro.
Licensed per seat; it installs with the same shadcn command once Pro opens.
See Pro and join the waitlistContent
Typed slots from schema.ts. Facts (hours, prices, quotes, names) come only from the business; until then they render as fill-ins.
| Slot | Label | Type | Limit | Fact |
|---|---|---|---|---|
| label | Label | text | 60 chars | — |
| items | Names or logos | list | up to 12 | — |
| items[].name | Name | text | 40 chars | Can be a fill-in |
| items[].logo | Logo | image | — | — |
Variants
Two ringsdefault
two-rings
Names split over two rings turning in opposite directions.
One ring
one-ring
All names on one ring.
Accessibility and motion
- Keyboard
- Nothing to focus.
- Screen readers
- The label and a list of names.
- Touch
- Nothing depends on hover.
- Reduced motion
- The rings stand still.
Edge cases and limits
- Long names truncate on the rings at 14 rem; the phone list shows them in full.
Related
Logo Belt
FreeReal names or logos as one line of type, a slow marquee or a wall; never invented, fill-ins until given.
Logos block · Server
About Story
FreeThe business in its own words: a tall photo with a caption beside the story and a few honest details.
About block · Server
Bento Hero
FreeThe promise beside a three-tile mosaic: a tall photo, a second image and a card of what the business offers.
Heroes block · Server