Leguan UILUv0.1
  • Get Started
  • Inspiration
Landings
  • Shelter
  • Ridge
  • Copal
  • Canopy
  • Quill
Actions
  • Button
  • Badge
  • Dropdown Menu
Forms
  • Input
  • Form Controls
Display
  • Card
  • Glow Card
  • Ascii Background
  • Stat Card
  • Empty State
  • Alert
  • Tabs
  • Avatar
  • Skeleton
  • Separator
  • Scroll Area
  • 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
  • Branding
  • Bento Grid
  • Footer
  • AGENTS.md
  1. Components
  3. Bento Grid

Clean bento layouts with span variants for landing page highlights.

Preview

Everything in one registry

A clean bento layout for product highlights without the feature-card arrows.

Registry

Install from one catalog

Buttons, charts, overlays, and website sections with copy-paste commands.

Tokens

Squircle surfaces

Shared depth and radius tokens.

Charts

Dither charts

Area, bar, line, and sparklines.

Agent-ready docs

AGENTS.md and registry JSON so coding agents pull the right files.

Dark mode

Theme tokens built in.

Versions

Default

<Section />

Installation

Install by URL

Terminal

pnpm dlx shadcn@latest add https://leguan-ui.pages.dev/r/bento-grid.json