Neo-Brutal Bento Grid
Feature tiles on one ruled sheet of 12 columns (cells 2 px apart over ink, one outline, one outer radius).
20 pieces in four styles. Preview each one live, then copy the prompt that puts it in your project.
Feature tiles on one ruled sheet of 12 columns (cells 2 px apart over ink, one outline, one outer radius).
Icon, title (h3) and text items in 2 to 4 columns. cards is a ruled sheet of card-white cells, each with an ink-outlined icon chip; plain sets them free on the page; rules separates them with 2 px rules and a mono index.
One feature told in depth on the page grid: kicker eyebrow, a type-display text-display-md heading, lead text, points with volt ticks and actions on 5 columns, the media on 7 (a flat Card or a floating Frame).
"How it works": large folder tabs (each with an auto number chip, 01, 02 …, volt when selected) sitting on a ruled panel: a card-white text cell (a mono label row from meta, the title, text and ticked points) beside a dotted media cell.
Numbered steps as an ordered list. row is a ruled sheet of 3–4 cells, each with a big type-figure index in ink-3 (01, 02 …), a meta label row on top, the title and text. timeline is a 2 px vertical rule with a volt disc per step and meta (a time or a date) in mono beside it.
Feature tiles on a 12-column grid.
Icon, title (h3) and text items in 2 to 4 columns: on lit cards with a lit icon chip (the first icon in aurora), plain, or between hairline rules under a horizon line.
One feature told in depth: eyebrow, a silver display heading, text, points with aurora checks and actions beside its media, on the 12-column grid (5 + 7).
"How it works": tabs that each show a title, text, points, meta and a media panel (APG tabs, automatic activation). horizontal puts the tabs above the panel (they scroll sideways on phones); vertical (the Noir look) lists them as numbered steps over 4 columns beside an 8-column lit panel (above it under lg); the selected step is a lit tile with its number in aurora.
Numbered steps as an ordered list: columns on hairlines with mono aurora numbers, the first lit by a line of aurora (row), or a changelog spine (timeline) whose first (newest) marker glows, with meta as a mono badge ("v0.9 · Oct 30").
Feature tiles on a 12-column grid.
Icon, title (h3) and text items in 2 to 4 columns: on clay tiles that lift on hover, plain, or between hairline rules.
One feature told in depth: eyebrow, heading, text, ticked points and actions beside its media on a candy panel.
"How it works": a pill track of tabs (the white clay thumb springs to the picked one and squashes on arrival) above one clay panel per tab, with title, text, ticked points and meta on one side and the media on a candy side (APG tabs, automatic activation).
Numbered steps as an ordered list: columns on hairlines (row) or a vertical line with markers (timeline, with meta in its own column from md).
Feature tiles on the 12-column grid.
Icon, title (h3) and text items in 2 to 4 columns, indexed F.01, F.02 …: between hairline rules (rules, the kit's best look), on tiles (cards), or plain.
One feature told in depth: eyebrow, heading, text, the mono tick list ("→" points) and actions on 5 columns beside its media on 6.
"How it works": tabs on hairline rules, each a mono meta row ("Step 01" with a small square that turns lime) over a large label, then a panel with the copy on 4 columns and a raised media card on 7 (APG tabs, automatic activation). vertical lists the tabs down the left.
Numbered steps as an ordered list: columns on hairline rules with a mono index (row), or a ruled vertical line with square nodes, the last one lime (timeline, with meta as a mono year in its own column from md).
A free account takes 3 new pieces a day: the code, the styles and the install prompt. Pro and Team remove the limit.