Stylish UI Kit

Stylish UI kit for React applications

Features

• Build React component via Vite
• Support TypeScript
• Styling with Tailwind CSS
• Storybook for component showcase
• Unit test with Vitest and React Testing Library
• Support ESLint and Prettier

Get Started

Install Dependencies

pnpm install

Run Storybook

pnpm run storybook

Build Library

pnpm run build

Build Storybook

pnpm run build-storybook

Unit Test

pnpm run test

# Development mode
pnpm run test:watch

Directory Structure

lib/
├── components/
│ └── button.tsx          # sample component
├── main.ts
└── style.css             # style sheet for component
src/
├── stories/
│ └── Button.stories.tsx  # sample story
├── tests/
│ └── button.test.tsx     # sample component test
└── style.css             # styling for storybook