Bento 42 block design & features
Bento42 is a two-by-two bento built with shadcn/ui on a black section, with four equal portrait tiles. Each card opens with an icon, a feature headline, and a short description for smart task assignment, customizable prioritization, seamless progress tracking, or auto-cleanup of completed tasks. Below the copy, every tile anchors a product UI mockup or live interface preview: webp screenshots on the first two cards, an interactive task list with status pills and project header on the third, and a tabbed removed-tasks panel with restore pills and a rotating loader ring on the fourth.
All four cards share the same dark shell with hairline white borders, white headlines, gray body text, and frosted inner panels on the more complex tiles. Scroll animations stagger text and UI elements inward, while the cleanup card adds a continuously rotating loader behind its interface. The uniform grid and repeated card anatomy make the section easy to scan even though the lower halves vary in density.
This is a structured feature grid for project or task management software, more content-driven than decorative. The third and fourth tiles carry the most interactive weight through staged task rows and cycling UI states. Complexity is moderate to elaborate depending on how much of the nested task UI you customize.
The grid becomes a single column on smaller breakpoints while keeping the portrait proportion on each card.