Reusable React Typescript Components with TailwindCSS and Shadcn
Start exploring the types of components we have available and visit their individual pages where you can find the web components and their source code. Make sure you have checked out the configuration page. Your setup should be similar, otherwise some components might not work as expected in your project.
Snippets
Headers
Command-like bars for editor/tooling surfaces (undo/redo, actions).
KPI Widgets
Key Performance Indicators to show the user the most important metrics.
Navbars
Header navigation bars with dropdowns, search, and mobile drawers.
Components
Buttons
Button components with different styles, animations and purposes.
Headings
Customizable and expansible top menu components.
Inputs
Input components for receiving data from the user.
Loading
Components for informing the user that data is loading.
Modals
Modal dialogs for displaying information or prompting the user for action.
Selects
Accessible and fancy dropdown components for selecting one or multiple options.
Selects Multi
Custom select-multi built on shadcn primitives with bubbles and search.
Sidebars
Customizable and expansible side menu components.
Sliders
Interactive sliders for selecting a value from a range.
Switches
Toggle between two states with our customized switches with different styles and purposes.