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.
Components
Alerts
Customizable alerts to send information to the user with different icons, colors, and actions.
Badges
Small badges for signaling short pieces of information.
Buttons
Button components with different styles, animations and purposes.
Checkboxes
Checkboxes for selecting one or multiple options.
Headers
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.
Navbars
Customizable and expansible top menu components.
Selects
Accessible and fancy dropdown components for selecting one or multiple options.
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.
eCommerce
Product Cards
Product list page components
Product Overviews
Product overview page components
Marketing
CTA Sections
Diversely styled sections to appeal the user to click on them.
Hero Sections
Opening sections to amaze and impress the user.
KPI Widgets
Key Performance Indicators to show the user the most important metrics.