Responsive Bento Grid Layout

CSS GridLayoutUpdated 2026-08-02

When to use: Dashboard overviews, complex data aggregation.

Install
npx skills add responsive-bento-grid
Git Clone
git clone https://github.com/skillhub-community/responsive-bento-grid.git

Description

Generates a responsive bento-grid layout using native CSS Grid, with breakpoint-aware span rules instead of a fixed 12-column system.

Ideal for dashboards where card importance varies and you want asymmetric, magazine-style density without a layout library.

AI Hub

Need a model endpoint?

AI Hub is an OpenAI-compatible endpoint for Cursor, Claude Code, and Agent workflows.

Open AI Hub

Metadata

Author@lin_frontend
LicenseMIT
Version1.3.0
Dependencies0