A custom component registry for shadcn/ui. Browse, install, and use reusable React components with multiple styling approaches.
Install from this registry:
Or for local development:
Replace [component-name] with the component name from the list below.
Components styled with Tailwind CSS utility classes
A simple hello world component
Component Name
hello-worldA contact form with Zod validation
Component Name
example-formAdvanced component with hooks and utilities
Advanced component with hooks and utilities
Component Name
complex-componentLogin form with custom CSS styling
Component Name
example-with-cssButton component demo
Component Name
demo-with-buttonHeader component demo
Component Name
demo-with-headerFull page layout demo
Component Name
demo-with-pageComponents styled with SCSS modules and stylesheets
Button component with SCSS styling
Component Name
scss-with-buttonComponents built with styled-components library
Button component with styled-components
Component Name
styled-buttonComplex, feature-rich components for advanced use cases
Feature-rich data table with sorting, filtering, and pagination
| Alice Johnson | alice@example.com | Admin |
| Bob Smith | bob@example.com | User |
| Carol White | carol@example.com | Editor |
Component Name
data-tableCheck out the Storybook documentation to see component examples and usage patterns.
Open Storybook →For more information about shadcn/ui and how to use this registry, visit the shadcn/ui documentation.