Bento Grid

Six Bento Grid features with contour backgrounds, code-built illustrations, and configurable color and light/dark modes.

Clarity at every step

Less digging. More discovering.

A complete picture of your business. A clearer path to what’s next.

Your next insight, uncovered

Turn everyday questions into clear answers. Let AI connect the dots in your data.

Every metric. One clear view.

Bring your most important numbers together, without the spreadsheet shuffle.

Know what brings them back

Understand your audience, from their first visit to their next big moment.

Find the path to conversion

See where people move forward, and where a little change makes a big difference.

Stay a step ahead

Spot a shift as it happens. Get a heads-up when your numbers need attention.

All your data, connected

Bring your favorite tools into the picture. One source of truth, zero busywork.

Add to your project

Get All Access to copy the prompt and source code.

Source is locked

All Access is $79/year and includes every pro block.

Works with your AI tools

ClaudeClaude*
CodexCodex*
LovableLovable
Base44Base44
Figma MakeFigma Make
ReplitReplit*
CursorCursor*
v0v0

* Compatible with most projects that use the default React/Next.js framework.

Built With

ReactTailwind CSSSolar Icons

Props

PropTypeDescription
colorstringAccent color used across the section.
mode'light' | 'dark'Section color mode.
eyebrowstringSmall label above the heading.
titlestringSection heading.
descriptionstringSupporting text.
featuresFeature[]Feature titles and descriptions.
classNamestringStyles for the outer section.