A comprehensive React component library built with TypeScript, providing a complete set of UI components following atomic design principles. This library offers flexible, accessible, and highly customizable components for building modern web applications.
A comprehensive React component library built with TypeScript, providing a complete set of UI components following atomic design principles. This library offers flexible, accessible, and highly customizable components for building modern web applications.
- Atomic Design Architecture: Components organized into Atoms, Molecules, and Organisms
- TypeScript Support: Full TypeScript support with comprehensive type definitions
- Accessible: Built with accessibility in mind following WCAG guidelines
- Customizable: Flexible theming system with SCSS modules
- Modern React: Built with React 18+ and modern hooks
- Storybook Integration: Interactive component documentation and testing
- Testing: Comprehensive test coverage with Vitest and Testing Library
``bash`
npm install @delightui/components
`tsx
import { Button, Card, Modal } from '@delightui/components';
function App() {
return (
);
}
`
bash
npm install
npm start
`$3
- - Start development server
- npm run build - Build for production
- npm test - Run tests
- npm run test:ui - Run tests with UI
- npm run storybook - Start Storybook development server
- npm run build-storybook - Build Storybook for production
- npm run lint - Run ESLint
- npm run lint:fix - Fix ESLint issues$3
`bash
npm test
`$3
bash
npm run storybook
``1. Fork the repository
2. Create a feature branch
3. Make your changes
4. Add tests for new components
5. Update documentation
6. Submit a pull request
This project is licensed under the MIT License.