Leguan UILUv0.1
  • Get Started
  • Landing
  • Inspiration
Actions
  • Button
  • Badge
  • Dropdown Menu
Forms
  • Input
  • Form Controls
Display
  • Card
  • Glow Card
  • Stat Card
  • Empty State
  • Alert
  • Tabs
  • Avatar
  • Skeleton
  • Separator
  • Code
Overlay
  • Dialog
  • Popover
  • Tooltip
Feedback
  • Progress
  • Status Indicator
Charts
  • Area Chart
  • Bar Chart
  • Line Chart
  • Pie Chart
  • Radar Chart
  • Sparkline
Website sections
  • Navbar
  • Hero
  • Features
  • Testimonials
  • Pricing
  • CTA
  • Footer
  • AGENTS.md
  1. Components
  2. Inspiration

Leguan UI is a curated catalog built on open tools and libraries we admire. We borrow structure from the shadcn registry model, lean on Base UI for accessible primitives, and extend the set with custom Leguan components where the defaults need more opinion.

Visual polish and motion-forward surfaces take design cues from Rare UI, an open collection of animated React components. Our Card blog pattern adapts their editorial layout: muted outer frame, inset squircle panel, category badge, and author row with arrow affordance.

Depth and weight come from coss ui. Their opaque borders paired with bottom shadows informed our surface-depth utilities: cards, inputs, tabs, and buttons read as layered planes with crisp edges and a subtle pressed state instead of flat overlays.

Chart previews and install commands come from dither-kit. UI building blocks follow the shadcn file layout so you can copy or install into an existing Tailwind project without a separate runtime.

Rare UI

Guide card from the cards preview. Layout inspired by rareui.com.
Guide

Consent-aware funnels that stay accurate

Measure conversion paths while honoring opt-outs, regional rules, and user preferences by default.

Jordan Lee

coss ui

Surface depth on cards and buttons. Weight and layering inspired by coss.com/ui.
Raised panel

Bottom shadow plus inset highlight along the top edge.

Rare UI

Visual direction; blog cards inspired by their display surfaces.

coss ui

Opaque borders, bottom shadows, and inset depth for physical weight.

shadcn/ui

Primitives, registry patterns, and install workflow.

Base UI

Headless behavior for dialogs, menus, tabs, and more.

Phosphor Icons

Icon set used across previews and navigation.

dither-kit

Chart engine and CLI for the chart catalog.

Shiki

Syntax highlighting for the Code component.

Disclaimer

Leguan UI is provided as a reference catalog and component registry. It is not affiliated with, endorsed by, or sponsored by the projects listed above unless stated otherwise on a specific component page.

Third-party packages and install commands may change independently of this site. Verify licenses, versions, and security practices before adding dependencies to production applications.

Components and documentation are offered as-is without warranties of any kind. Names, logos, and trademarks belong to their respective owners.

For machine-readable catalog data and install paths, see AGENTS.md.