Bento

Bento Hub

Pronew

A central node wired to capability chips by lines that draw themselves in.

One assistant, every job

The same model reads your docs, inbox and tickets, so every skill shares what it learned.

Installation

npx shadcn@latest add @blank-pro/bento-hub

Needs a Blank Pro licence key and the @blank-pro registry. Set up Pro access

Usage

import { BentoHub } from "@/components/ui/bento-hub"

<BentoHub
  icon={<SparklesIcon />}
  items={[
    { label: "Summaries", icon: <FileTextIcon /> },
    { label: "Smart alerts", icon: <BellIcon /> },
    { label: "Search", icon: <SearchIcon /> },
  ]}
/>

Up to six items take fixed seats around the node: top, middle and bottom on each side, filled left then right. The board keeps an 8:5 shape and caps at 416px, so the wires always meet their chips. Keep labels to one or two short words; on a phone-width card each side has about 100px.