Bento 51 block design & features
Bento51 is a three-column bento built with Shadcn UI on a white section, with two stacked cards per column for six tiles total. The first column pairs a Predictive performance revenue card with monospace analytics styling, a counting plus-350 percent badge, and a bar chart against an Intelligent data analysis tile with a full-bleed data viz screenshot. The middle column stacks an Adaptive AI learning card with avatars, a drawing orange line graph, and a timer waveform, above an Automated task optimization panel with stacked document cards and a counting bank balance. The third column shows a Smart decision support skeleton editor mockup over an Anomaly detection alerts heatmap matrix with staggered colored cells.
White cards on light neutral wells, monospace accents on analytics tiles, and orange highlights on charts and timers unify the light analytics aesthetic. Bars grow sequentially, percentages and balances count up, graph lines clip-reveal, skeleton blocks fade in, and heatmap cells pop with stagger. Each column mixes one constructed UI card with one simpler screenshot or matrix tile.
This is a feature-dense analytics grid aimed at AI or fintech dashboards. The six-card layout offers more variety per viewport than a four-tile grid. Complexity is elaborate and content-driven, with multiple counting stats, charts, and nested card stacks to customize.
The three columns become a single vertical stack on smaller breakpoints with consistent gap spacing between pairs.