Two-column grid of dark Headline Cards on frosted glass over the scene backdrop, each with a guide title, summary, round arrow link and an author avatar with topic. Pinned dark.
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/guide-cards-01npx shadcn add @01orbital/guide-cards-01yarn shadcn add @01orbital/guide-cards-01bunx --bun shadcn add @01orbital/guide-cards-01Part 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/resources/guide-cards-01/index.tsx, as source you own and edit.
import GuideCards01 from "@/components/blocks/resources/guide-cards-01"
export default function Example() {
return <GuideCards01 />
}npm: @phosphor-icons/react, cn. The CLI installs them for you.
Registry pieces it installs with it:
avatarbuttonitemFilterable Client Stories with Logos
Client stories with a ten-name wordmark row, then a segmented control that filters dark linked cards by product, each a Planetary Horizon scene with the client name in Instrument Serif. Client component.
Minimal Guide Cards
Plain resources section: a heading above three guide cards, each with a reading time, a title, a line of copy and a Read the guide link. Theme tokens only, light and dark.