JSPM

  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 94
  • Score
    100M100P100Q74350F
  • License MIT

Package Exports

  • kovax-react
  • kovax-react/components/Button
  • kovax-react/components/Input
  • kovax-react/components/Layout

Readme

๐Ÿงฉ Kovax UI โ€” React Component Library

npm license React TypeScript module


โœจ 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 โ†’

๐Ÿค 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 dev

Build the library:

npm run build

Publish 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!