Feature 410 - Docs entry tiles with live previews

Pro

Four large flat-colour tiles for guides, API reference, templates and community, each with a big title and a real mini preview instead of an icon.

Shadcn Feature 410 block

Component data

ID
feature410
Access
pro
Created
Oct 30, 2026
Type
block
Libraries
Radix UI, Base UI, React Aria

Feature 410 block design & features

The block opens with a large heading on the left and a Shadcn UI Button on the right. Below are four big tiles in flat colour, each linking to a part of the docs.

Instead of icons, every tile carries a small preview of what is behind it: a guide excerpt with a CLI command, an API request with a curl snippet and a 201 response, a template thumbnail in a browser frame, and a community thread with an avatar, a question and a reply count.

Titles are set large at the bottom of each tile, with a one-line description and count. On hover the tile dims slightly and a round arrow becomes fully opaque, with no movement.

On mobile the tiles stack in one column and keep their previews.