Introduction
A lightweight, highly customizable UI component library with out-of-the-box form validation and data table integrations.
Overview
kombase is a centralized UI library designed for consistency and reusability across multiple frontend projects. Built on top of Radix UI primitives, Tailwind CSS v4, react-hook-form, and @tanstack/react-table, it provides a solid foundation for building complex and beautiful dashboards.
Installation
Follow these steps to integrate kombase into your project:
Install Shadcn UI
Ensure you have installed and configured Shadcn UI in your project. kombase uses standard Tailwind and component conventions that align with the Shadcn architecture.
Install kombase & Peer Dependencies
To keep the bundle size lightweight and avoid dependency version conflicts in your host application, kombase requires a few peer dependencies.
Run the following command using your preferred package manager:
Import Styles
Import the kombase stylesheet inside your global CSS file (e.g., app.css or globals.css):
This tells Tailwind CSS v4 to scan the compiled bundle of kombase and generate the matching style utility classes according to your theme.
How is this guide?