CardGrid | Nimbus

Installation

Included in the starter. Every new site has it in src/components/ui/card-grid/. Import it where you need it, or register it in src/components.ts to use it on every page. If your site predates it, install it:

npx @cloudflare/nimbus-docs add card-grid

yarn nimbus-docs add card-grid

pnpm nimbus-docs add card-grid

bunx @cloudflare/nimbus-docs add card-grid

Preview

Fast

Static output. Pagefind search. No runtime tax.

Owned

Components copy into your repo. Edit freely.

Agent-first

Markdown alternates and llms.txt out of the box.

Composable

Install only what you need.

<CardGrid>
<Card title="Fast" icon="ph:lightning">
  Static output. Pagefind search. No runtime tax.
</Card>
<Card title="Owned" icon="ph:package">
  Components copy into your repo. Edit freely.
</Card>
<Card title="Agent-first" icon="ph:robot">
  Markdown alternates and llms.txt out of the box.
</Card>
<Card title="Composable" icon="ph:puzzle-piece">
  Install only what you need via `nimbus-docs add`.
</Card>
</CardGrid>