NivaUI is a simple, growing React UI component library built as part of design system understanding for beginners/students. While the goal is to learn and experiment with building design systems, the library is also ready to use and continues to evolve with new components, patterns, and tooling.
Figma Community - Simple Design System
📦 Monorepo setup for scalable project structure
⚛️ React + TypeScript for strongly typed, modern components
🎨 Design System practice – consistent tokens, theming, and reusable patterns
📖 Storybook integration for component previews and documentation
✅ Unit tests using Vitest + React Testing Library
🧩 Composable API for flexibility and customization
🚀 Actively evolving with new components and improvements
Build system: Monorepo (yarn workspaces)
Language: TypeScript
UI Framework: React
CSS : Tailwind
Component Previews: Storybook
Testing: Vitest + React Testing Library
NivaUI is still in progress and not yet published on npm. You can clone the repo and use components locally for now.
git clone https://github.com/amitpatil321/NivaUI.git
cd NivaUI/packages/ui
yarn install
yarn dev🛠️ Development
Run Storybook to explore components:
yarn storybookRun tests:
yarn test- Expand component library (Datepicker, Calendar, Tables etc)
- Add theming support
- Improve documentation and usage guides
- Publish as npm package
- CI/CD setup for automated testing and releases
This project is primarily for learning & practice, but feedback, issues, and suggestions are always welcome!
MIT