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.
install
pnpm dlx shadcn@latest add http://localhost:3000/r/feature-list.jsonSource and dependencies
Confirm the source path, registry dependencies, and npm dependencies before installing.
Source path
registry/default/feature-list/feature-list.tsxRegistry dependencies
badgecard
NPM dependencies
lucide-react