Bento Box AI Grid

Name: ui.antraai.in
Author: Ankit Singh

Layout & Grids

Asymmetric modern bento grid layout with spotlight hover cell highlights and micro-metrics.

Interactive Live Preview

components/ui/bento-grid.tsxTypeScript · React 19

1// Source code for Bento Box AI Grid
2import * as React from "react";
3
4export default function BentoBoxAIGrid() {
5  return <div>Bento Box AI Grid</div>;
6}

Props & Specification

Prop	Type	Default	Description
variant	Interactive \| Dense \| Spacious	Interactive	Visual state and layout presentation mode.
className	string	""	Optional Tailwind CSS wrapper class overrides.

Related Components in Layout & Grids

Modular Dashboard Grid↗

AI operations dashboard grid with live subagent queues, latency meters, and period filters.

Split Canvas Workspace↗

Interactive slider-controlled split screen comparing raw TSX code against live rendered output.