Shadcn UI Feature Block
Feature343 is a bento-style features section with a large centered heading and two rows of feature cards. The top row has 2 items and the bottom row has 3 items, creating an asymmetric grid. Each card displays a title, description, and either images or an icon grid. Dashed lines separate the rows and columns.
The visual treatment uses the mainline dashed line motif extensively. Horizontal dashed lines separate the rows while vertical dashed lines separate columns on desktop. Cards can display either full images or a grid of tool/integration icons with background containers. The icon grid variant is useful for showing replaced tools or integrations.
This bento grid follows the mainline design system with its clean layout and signature dashed line decorations. The asymmetric grid (2 columns top, 3 columns bottom) creates visual interest. The combination of images and icon grids provides variety within a consistent structure.
On mobile, the grid stacks vertically with horizontal dashed lines between items. The vertical dashed lines are hidden on mobile. The icon grid wraps naturally with flex-wrap.
Dependencies
No dependencies required