A client-side discover gallery: collapsible facet sidebar or mobile sheet, search with a slash shortcut, two or three masonry columns and pagination. Takes an array of items.
The source comes with full access.
One payment of $149 ($49 for now) opens the source right here and lets the CLI install every paid component, with lifetime updates.
pnpm dlx shadcn add @01orbital/showcase-02npx shadcn add @01orbital/showcase-02yarn shadcn add @01orbital/showcase-02bunx --bun shadcn add @01orbital/showcase-02Part of the 01orbital library. With a license, put ORBITAL_TOKEN in .env.local and the same command installs it (licensed install, pricing).
It lands at components/blocks/showcase/showcase-02/index.tsx, as source you own and edit.
import { DiscoverGallery } from "@/components/blocks/showcase/showcase-02"Needs props to render
items; see the API reference below.Prop
Type
npm: @phosphor-icons/react, cn. The CLI installs them for you.
Registry pieces it installs with it:
badgebuttonemptyinputpaginationselectsheettoggle-groupDark Board Carousel Showcase
Dark board browser with a brand nav, filter-chip search and sign-up button over a horizontal snap rail of cards. Each card is a Celestograph Cover under an Edge Scrim with a title and View button.
Painted Orb Palette Showcase
Four cards in a row, each holding a Painted Orb over Simple Grain with a register name and a short note. Shows Threshold, Warmth, Fire and Descent palettes as spheres.