Bento Stats
AI Pass+May 26, 2026385 views
layout#bento#bento-stats#design-tokens#grid-areas#responsive#skeleton#visualization
Preview
AI Assistant
Code editor locked. Unlock with Atheros AI Pass to open every file, copy, download, and customize it with AI.
Explore Other Components
View all
Card Grid
VanillaReact
A responsive card-grid bento — thirteen skeleton cards, each a distinct anatomy (KPI, stat, usage, banner, team, article, media hero, profile, product, tasks) placed with named `grid-template-areas` that reflow across four breakpoints, mobile-first and design-system agnostic.
#layout#card-grid#bento+4
14327
Nine-Cell Bento
VanillaReact
A nine-cell bento layout with corner-and-center emphasis — four small corner accents and four paired content cells flanking a large 2×2 central hero, plus skeleton placeholders, CSS-only dark mode, and full design-system token integration.
#layout#bento#grid+5
23858
