Group related content in structured containers.
Preview
FeaturedProduct
Privacy-first analytics without cookies
Ship event tracking in minutes with hashed IDs, DNT support, and exports that stay compliant.
Maya Chen
Aug 12, 2026 · 6 min read
Guide
Consent-aware funnels that stay accurate
Measure conversion paths while honoring opt-outs, regional rules, and user preferences by default.
Jordan Lee
Weekly summary
Overview of your workspace activity.
12 active projects, 3 due this week.
Create your workspace
Free to start. No credit card, no sales call.
Quick start
Add Leguan UI to your app in three steps.
x
Browse catalog
Explore buttons, cards, charts, and overlays.
Install components
Copy shadcn commands into your project.
Apply your tokens
Match colors, fonts, and spacing to your brand.
Catalog
48 components documented
Install commands and source paths live in the catalog.
About 10 minutes
Code
card.tsx
import { Card, CardDescription, CardHeader, CardPanel, CardTitle } from "@/components/ui/card"
export function SummaryCard() {
return (
<Card>
<CardHeader>
<CardTitle>Weekly summary</CardTitle>
<CardDescription>Overview of your workspace activity.</CardDescription>
</CardHeader>
<CardPanel>
<p className="text-description">
12 active projects, 3 due this week.
</p>
</CardPanel>
</Card>
)
}Installation
Install by URL
Terminal
pnpm dlx shadcn@latest add https://leguan-ui.pages.dev/r/cards.json