Bento 15 - Dark voice studio bento with emotion controls

Pro

Three-tile dark bento with emotion-based voice delivery UI, script-to-speech automation panel, and a full-width multi-format audio export preview.

Shadcn Bento 15 block

Component data

ID
bento15
Access
pro
Created
Jul 13, 2026
Type
block
Libraries
Radix UI, Base UI, React Aria

Bento 15 block design & features

Bento15 is a three-tile bento built with Shadcn UI on a dark section using an eight-column grid. The top row pairs a wide five-column emotion-based voice delivery tile with a narrower three-column script-to-speech automation card, each with a visual panel above its caption. A full-width bottom tile spans all eight columns with an ultra-wide sixteen-to-five visual and a caption for multi-format audio export. The lead tile overlays a background photograph with floating stat cards, animated count-up numbers, and navigation icons.

Dark bordered cards on a dark page background. The emotion tile layers translucent UI elements over photographic depth. Container-query scaling keeps typography proportional inside each panel. Count-up animations trigger when tiles enter the viewport.

Polished and production-oriented with a broadcast or narration studio tone. The panoramic bottom export tile gives this a more cinematic proportion than standard bentos. Moderate complexity with one image-driven hero tile and two UI-forward panels.

The layout stacks to one column on smaller screens, with the full-width export tile maintaining its wide aspect ratio.