Brand Showcase
- from @d2
- by D2 Studio
A logo wall that rotates instead of scrolling. A marquee asks the eye to track a moving target; this holds a page of six still long enough to read, then crossfades the next one in behind a hair of blur and scale, so every logo gets the same three seconds rather than the same two inches of travel. Every page stays mounted and stacked, which is what lets the incoming one be laid out before it fades and what makes the section as tall as its tallest page rather than a number written into it. Pages are always full, wrapping back to the start rather than leaving a short last row, so any number of logos fills a six-column grid. No rules between the cells: the marks sit on the page's own ground, so the only thing bounding a logo is the space around it. Twelve wordmarks ship inlined and painted in currentColor, because a logo cloud that waits on a dozen network round trips shows twelve empty cells first. Reduced motion stops the rotation outright. No dependencies.
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/brand-showcaseLive preview
No live preview has been built for this component yet.
Registry dependencies0
The CLI adds no other registry items with this one.
Packages0
No npm packages are installed with it.
