Welcome to CodeLab Open Source - Component Library, a collection of beautifully designed, reusable UI components built with Next.js, Tailwind CSS, ShadCN, and Storybook. This project is licensed under the MIT License, making it free to use and contribute to.
- Next.js – React framework for SSR, API routes, and performance optimization.
- Tailwind CSS – Utility-first CSS framework for rapid styling.
- ShadCN – A customizable component library based on Radix UI.
- Storybook – A UI development environment for building and testing components in isolation.
We use ShadCN components as the foundation and apply our own custom styles on top of them. This allows us to:
- Maintain consistency across the component library.
- Ensure components align with our design system.
- Keep up with ShadCN updates while having our own unique look.
Run the following npm scripts for development and testing:
| Command | Description |
|---|---|
npm install |
Install dependencies |
npm run dev |
Start the Next.js dev server |
npm run build |
Build the project for production |
npm run lint |
Run ESLint to check for code issues |
npm run storybook |
Start Storybook for component development |
npm run format |
Run prettier |
We welcome contributions! Please check out the CONTRIBUTING.md file for guidelines on how to get started.
This project is licensed under the MIT License – see the LICENSE file for details.
- Join the Discord Community: Invite Link
- Visit our Website: os.codelabdavis.com
- Follow us on Insta: Instagram link
Happy coding! 🎉