A modern React component library built with TypeScript, Tailwind CSS, and styled-components.
- 🎨 Modern and customizable components
- 📦 Built with TypeScript for type safety
- 🎯 Tailwind CSS for utility-first styling
- 💅 Styled-components for dynamic styling
- 📚 Storybook for component documentation
- 🧪 Comprehensive testing setup
- 🐳 Docker support
- 🔄 CI/CD with GitHub Actions
npm install mini-component-kit
# or
yarn add mini-component-kitimport { Button } from 'mini-component-kit';
function App() {
return (
<Button variant="primary">
Click me
</Button>
);
}- Clone the repository
- Install dependencies:
npm install # or yarn install - Start the development server:
npm run dev # or yarn dev - Start Storybook:
npm run storybook # or yarn storybook
- Create a new directory in src/components
- Create the component file (e.g., ComponentName.tsx)
- Create an index file for exports
- Create a Storybook story file
- Create a test file
- Export the component in src/index.ts
npm run test
# or
yarn testnpm run build
# or
yarn build- Fork the repository
- Create your feature branch (
git checkout -b feature/amazing-feature) - Commit your changes (
git commit -m 'Add some amazing feature') - Push to the branch (
git push origin feature/amazing-feature) - Open a Pull Request
This project is licensed under the MIT License - see the LICENSE file for details.