v2.0 is now live

Build dense, modular interfaces with Bento Grid perfection.

A developer-first component library focused on information density, strict layout constraints, and modern corporate aesthetics.

Browse Components arrow_forward code View Documentation

Fluid Architecture

Strict 8px rhythm with responsive module reflow for infinite layout possibilities.

view_quilt
import { BentoGrid, Module } from '@bentoui/react';

export default function Dashboard() {
  return (
    <BentoGrid cols={12} gap={"1.5rem"}>
      <Module span={8} rowSpan={2}>
        {/* Main Content */}
      </Module>
    </BentoGrid>
  );
}
Performance speed
98%

Bundle size reduction vs v1.0

Input Primitives

input