Feature 73 - Image card grid with optional header link

Free

A section heading with optional link-style button introduces three image-led feature cards in a responsive grid: one column on small screens, two from medium breakpoints, three on large screens.

Shadcn Feature 73 block

Component data

ID
feature73
Access
free
Created
Aug 5, 2024
Type
block
Libraries
Radix UI, Base UI, React Aria
Figma

Feature 73 block design & features

Feature73 is a marketing feature section built with shadcn/ui: a text block on top with a large heading, optional supporting paragraph, and an optional link rendered as a text button with a trailing arrow. Below that, three cards link their hero images to detail pages; each card stacks a wide landscape image above a title and short body copy inside a padded, bordered panel.

The layout is light, with tight tracking on headings and muted foreground for descriptions. Cards use rounded corners and a single border without heavy shadow; images use a fixed aspect ratio and respond to hover with a simple opacity change. Spacing is roomy, with clear separation between the header block and the grid.

This is a straightforward, common card-grid pattern with a polished default skin rather than a highly custom layout. The optional header link is the main interactive accent beyond the image links.

On small viewports the grid stacks to a single column; from the medium breakpoint upward it becomes two columns, then three on large screens, so the section scales predictably without hiding content.