Tools & Websites

shadcn/ui provides open-source UI components whose source code can be added to your project and customized directly. This resource links to the official site, where you can explore components, installation guidance and theming. It is also the foundation used for the controls and layouts in this library. Start here when you need a consistent set of buttons, forms, cards, tabs, dialogs or navigation elements for a React interface. Working with the component source makes it possible to adjust styling and behavior within your own codebase. For example, a dashboard can combine a sidebar, project cards and a dialog while keeping their visual language consistent. Use the official documentation for setup and component-specific guidance. For an example of how the pieces fit together, browse the interactive components and page layouts in Formwerk, then compare their previews with the downloadable source files.