Logo Rack
- from @d2
- by D2 Studio
The logo row with nothing moving in it: marks sitting still in ruled cells, which is the same shape a rack of machines comes in. A rail that travels says there are many of us; a rack that sits says these are the ones we run, so it is the right row under a fold about infrastructure rather than under one about reach. Every rule is the gap showing through a filled parent rather than a border on a cell, so a cell that wraps to a new line cannot double a rule up with its neighbour's and the hairline stays exactly one pixel at any column count. Two columns on a phone, four on a tablet, eight on a desktop, and the label sits over the rack rather than beside it because a rack has a top edge to hang from where a moving track does not. The marks are brand-showcase's, painted in currentColor through muted-foreground, so they follow the host's theme instead of being inverted into it, and a cell lifts to full ink on hover. Lifted out of hero-04 as a copy rather than an import: a section that had to pull in a whole hero to draw eight logos would install the plane, the nav and the copy with it. No dependencies and no client boundary.
Install
New to shadcn? Set up your project
If your project already has a shadcn components.json, skip initialization. Otherwise, run this once from your project root.
pnpm dlx shadcn@latest initpnpm dlx shadcn@latest add @d2/logo-rackLive preview
No live preview has been built for this component yet.
