Bento 4 - Dark analytics bento with playhead chart

Pro

Black-background two-by-two bento mixing beam network SVG, static imagery, and an orange playhead scrubbing a bar chart.

Shadcn Bento 4 block

Component Data

  • ID:bento4
  • Access:pro
  • Created:Jul 13, 2026
  • Type:block

Bento 4 block design & features

Bento4 is a two-by-two bento on a black section, built with shadcnblocks analytics tiles and alternating animated SVG panels with photographic webp cells. Captions below each tile describe intelligent data analysis, predictive insights, smart recommendations, and automated task optimization.

Corner glow overlays and neutral-950 tile wells keep the mosaic cinematic. The standout interaction is an orange playhead that scrubs across a bar chart with a glow trail and timestamp readout, while the opposite corner uses segmented white beam animations on a dark flow diagram.

This is an elaborate dark-mode analytics collage aimed at AI or data products. Two tiles are fully animated components and two rely on cover imagery, so swapping assets is part of the integration work.

The grid collapses to one column with captions preserved under each visual.