Back to components
Content

Feature List

A three-column feature list for product summaries and onboarding.

Preview
This is the same source that shadcn installs from the generated JSON.
System
Library building blocks
Use this pattern for feature summaries, capability lists, or onboarding sections.

Composable blocks

Ship source-level components that can be edited in every consuming app.

Registry output

Build installable JSON artifacts that shadcn CLI can consume by URL.

Preview first

Keep a visual workbench so humans and AI tools can inspect available UI.

Install
After building the registry and starting the dev server, run this command in a consuming project.
installpnpm dlx shadcn@latest add http://localhost:3000/r/feature-list.json
Source and dependencies
Confirm the source path, registry dependencies, and npm dependencies before installing.
Source pathregistry/default/feature-list/feature-list.tsx
Registry dependencies
badgecard
NPM dependencies
lucide-react