An open-source UI component library and design system used by YourGPT. This repository contains the building blocks and components that power YourGPT's modern and beautiful interface.
This library provides a collection of reusable React components, design tokens, and UI patterns built with:
- Next.js 14+
- Tailwind CSS
- shadcn/ui - Beautiful and accessible components
- TypeScript
We've built this library on top of shadcn/ui, an amazing collection of re-usable components that prioritizes accessibility, customization, and developer experience. While shadcn/ui provides the foundation, we've extended it with:
- YourGPT-specific design tokens and themes
- Additional custom components
- AI-focused UI patterns and blocks
- Dark mode optimizations
# Install dependencies
npm install
# Run the development server
npm run devVisit http://localhost:3000 to view the component playground and documentation.
Our component library includes:
- Buttons and CTAs
- Alert components
- Modal dialogs
- Block-level components
- And more...
Each component follows our design system guidelines and supports both light and dark modes.
We welcome contributions! Whether it's:
- Adding new components
- Improving existing ones
- Fixing bugs
- Enhancing documentation
Please feel free to open issues and pull requests.
MIT License - feel free to use these components in your own projects!
This project is built on top of shadcn/ui, created by shadcn. We're grateful for their work in creating such an excellent foundation for building beautiful, accessible React components.
Built with ❤️ by the YourGPT team