Bento Grid 3-Column

Community Tier (Free & Open Source)features
>npx @shavin/cli add features-bento-grid
Capabilities

Engineered for Scalability

Modular architecture designed for mission-critical enterprise workloads.

High-Throughput AST Engine

Parse and reconstruct TSX component structures in real-time with zero latency overhead.

WCAG AAA Compliance

Meets strict contrast and keyboard navigation criteria out of the box.

Installation via CLI

Add this block directly into your project codebase with all dependencies and tokens resolved:

npx @shavin/cli add features-bento-grid

Token & Spatial Architecture

  • 100% Token Compliant: Zero raw hex colors or arbitrary values; remaps seamlessly in dark and light modes.
  • Concentric Radius Law: Nested containers maintain R_inner = max(0, R_outer - P) for geometric harmony.
  • Multi-Device Responsive: Designed for Desktop (1280px+), Tablet (768px), and Mobile (375px) breakpoints.
Tags:#bento#features#grid
Configure Theme
Theme
Accent Color
Custom
Gray Family
Appearance
Radius
Scaling
Panel Style
Heading Font
Body Font