Bento 2 block design & features
Bento2 is a two-column bento built with shadcnblocks tile components, pairing a hero stats card with three animated illustration tiles. The left column stacks a headline about real-time team collaboration above a metrics panel with count-up income, product sold, and percentage change beside a static chart graphic and a see-details link. The right side and bottom row each pair a motion SVG sub-tile with a short capability caption covering progress reports, deadline management, and centralized project tracking.
The section uses a light primary-foreground shell with rounded-xl cards, muted inner wells, and red and lime indicator dots on the stat rows. Framer-motion drives the count-up numbers and the staggered card reveals in the project-tracking tile, while the bar chart and network tiles lean on SVG path animations and beam dots.
This reads as an elaborate SaaS collaboration pitch rather than a minimal starter grid. The mix of inline stats and imported animated tiles makes it content-heavy for teams wanting multiple proof points in one mosaic.
On smaller screens the four cells stack in source order while keeping the headline-above-visual rhythm inside each tile.