@ms.dev/ui-library

A reusable UI component library built with React, TypeScript, Vite, Tailwind CSS, Storybook, and Jest. This library is designed for rapid UI development, theming, and easy integration into multiple projects.

🚀 Features

• React + TypeScript → Strongly typed components for better maintainability.
• Vite → Ultra-fast development and build tool.
• Tailwind CSS → Utility-first styling for rapid UI design.
• Storybook → Visual component playground and documentation.
• Jest + Testing Library → Unit tests for robust, reliable components.
• Scoped Package → Published as @ms.dev/ui-library for npm/yarn/pnpm.

📦 Installation

# Install dependencies
npm install

# or
yarn install

# or
pnpm install

# Run the local development environment:
npm run dev

# Tailwind is already configured. To customize styles, edit:
tailwind.config.js
src/index.css

# Run Storybook to view and interact with components:
npm run storybook
npm run build-storybook

# To test
npm run test
npm run test:watch  # watch mode
npm run test:coverage # coverage

# Project folder structure
@ms.dev/ui-library/
├── .storybook/         # Storybook configuration
├── src/
│   ├── components/     # UI components
│   ├── index.ts        # Export entry point
│   └── styles/         # Tailwind/global styles
├── tests/              # Jest test files
├── package.json
├── tsconfig.json
├── vite.config.ts
└── README.md