CmdocsCards
Display content in responsive card grids.
Cards
Cards are great for navigation, feature showcases, and organizing related content. Wrap individual <Card> items in a <Cards> container for a responsive grid layout.
Basic Cards
Getting Started
Learn the basics of cmdocs and set up your first documentation site.
Configuration
Customize your site with docs.json settings — theme, navigation, and more.
Components
Explore all the UI components available for your pages.
<Cards>
<Card title="Getting Started" description="Learn the basics." />
<Card title="Configuration" description="Customize your site." />
<Card title="Components" description="Explore UI components." />
</Cards>Cards with Links
Add an href prop to make cards clickable. Linked cards show a hover effect.
Quickstart Guide
Get your first docs site up and running in under 5 minutes.
docs.json Reference
Full reference for every configuration option.
<Cards>
<Card
title="Quickstart Guide"
description="Get up and running in 5 minutes."
href="/quickstart"
/>
<Card
title="docs.json Reference"
description="Full configuration reference."
href="/configuration/docs-json"
/>
</Cards>Cards with Icons
Use the icon prop with a Lucide icon name to add a visual indicator.
Secure by Default
Built with security best practices.
Lightning Fast
Static export for maximum performance.
Developer Tools
CLI-first workflow with hot reload.
<Cards>
<Card title="Secure" description="Built with security best practices." icon="Shield" />
<Card title="Fast" description="Static export for max performance." icon="Zap" />
<Card title="Developer Tools" description="CLI-first workflow with hot reload." icon="Code" />
</Cards>Props
<Cards>
Prop
Type
<Card>
Prop
Type
How is this guide?