Package Exports
- kovax-react
- kovax-react/components/Button
- kovax-react/components/Input
- kovax-react/components/Layout
Readme
๐งฉ Kovax UI โ React Component Library
โจ Overview
Kovax UI is a modern, lightweight React component library designed for performance, scalability, and easy customization.
Built with TypeScript, React, and Vite, it provides flexible UI primitives ready for production.
Currently includes:
- โ Button โ customizable, themeable, and fully typed.
- โ Input โ customizable, themeable, and fully typed.
- โ Design Tokens โ colors, sizes, shadows, transitions.
- โ Form โ unified color, size, shadow, and transition system.
- โ Box โ universal layout container for building flexible UI.
Form
๐ Coming soon:
Datepicker,Select,Modal,Switch,Tabs, and more!
๐ฆ Installation
1๏ธโฃ From npm
npm install kovax-react
# or
yarn add kovax-reactโก Usage Example
import { Button } from "kovax-react";
export default function App() {
return (
<div style={{ padding: "20px" }}>
<Button variant="primary" size="lg">
Click Me
</Button>
</div>
);
}๐ง Features
๐ Full TypeScript support
๐จ Easy theming and customization
โ๏ธ Minimal dependencies
๐งฑ Production-ready base UI components
๐ Built with Vite + Tsup for speed
๐ Well-structured documentation in Markdown
๐ Tech Stack
React 18+
TypeScript 5+
Vite
Tsup for builds
TailwindCSS (for styles and examples)
๐ Documentation
| Component | Description | Link |
|---|---|---|
| ๐จ Tokens | Base design tokens (colors, shadows, transitions) | View โ |
| ๐ Button | Configurable button | View โ |
| โจ๏ธ Input | Themed input field with masks | View โ |
| ๐ฆ Box | Layout and container component | View โ |
| ๐งพ Form | Form container and validation helpers | View โ |
๐ Quick Links
๐ค Contribution & Community
We welcome developers from all over the world to contribute to Kovax UI ๐ก There are plenty of exciting ideas and upcoming features, including:
Advanced animations
Dark theme
Composable components (Form, Modal, Dropdown)
I*nteractive documentation & live playground
If youโd like to contribute:
Fork this repository
Create a new branch
Commit your changes
Open a Pull Request
Your contribution will be reviewed and merged after discussion.
All contributors will be featured in the Contributors list โค๏ธ
๐ Development
Run in development mode:
npm install
npm run devBuild the library:
npm run buildPublish a new version:
npm run release๐ License
MIT License โ free to use, modify, and distribute.
๐ Stay tuned
Kovax UI is actively maintained and constantly evolving. New components, better design systems, and advanced tools are coming soon!