More Feature Blocks layouts (10)
View all- 01Pro
Asymmetric Feature Cards
Two short cards stacked beside one tall card that carries the only call to action, under a heading and icon badge. React and Tailwind — rank three features.
- 02Pro
Bento Services Feature Grid
Bento panels running edge to edge with the rules as the layout, each with its own surface colour, copy and button. React and Tailwind — brief your services.
- 03Pro
Bordered Services Feature Row
No card and no fill: three ruled cells whose round icon tiles flatten as the cell warms on hover. React and Tailwind — quiet enough for the foot of a page.
- 04Pro
Centered Feature Stats Card
One centred panel on a full-width colour band, carrying an icon badge, a claim, three stat cards and a button. React and Tailwind — use it as a breather.
- 06Pro
Icon Card Feature Trio
Peer cards on a tinted band, each with a round icon tile and a rotated square clipped into its corner. React and Tailwind — recolour each surface pair.
- 07Pro
Metrics Band Feature Section
A two-line claim beside four metric cards in a two-by-two grid on a high-contrast band, with nothing to click. React and Tailwind — drop it between sections.
- 08Pro
Mobile App Feature List
A phone mockup beside three benefit rows written as outcomes, an offset-shadow headline and two calls to action. React and Tailwind — export a new mockup.
- 09Pro
Phone Mockup Feature Grid
Four cards flanking a centred phone mockup, each ending in its own full-width button, ornaments on the diagonal. React and Tailwind — keep the count even.
- 10Pro
Stacked Cards Features
Icon rows arguing the case on a full-bleed colour band, answered by a collage of overlapping proof cards. React and Tailwind — park it under the hero.
- 11Pro
Tagged Feature Card Grid
Six cards that are each a single link, tagged by category and closed by a footer bar whose arrow slides on hover. React and Tailwind — write six or twelve.
https://neobrutalism.com/blocks/feature-blocks/code-preview-feature-split
