A modern, beautiful, and accessible UI component library built with Next.js 15, React 19, TypeScript, and Tailwind CSS. This project provides a comprehensive set of reusable components powered by Radix UI primitives and styled with a clean, modern design system.
- 🎨 Modern and beautiful UI components
- ♿️ Fully accessible components using Radix UI primitives
- 🌗 Dark mode support with next-themes
- 📱 Responsive design
- 🎯 Type-safe with TypeScript
- 🎨 Customizable with Tailwind CSS
- 🚀 Built on Next.js 15 for optimal performance
- 📦 Easy to use and integrate
- Node.js (v18 or higher)
- pnpm (recommended) or npm
- Clone the repository:
git clone https://github.com/educlopez/switch2-ui.git
cd switch2-ui- Install dependencies:
pnpm install- Run the development server:
pnpm dev- Open http://localhost:3000 in your browser to see the result.
Switch-2-ui includes a wide range of components:
- Layout: Accordion, AspectRatio, Collapsible, Separator
- Navigation: Menubar, NavigationMenu, Tabs
- Inputs: Checkbox, RadioGroup, Select, Slider, Switch, Toggle
- Overlays: AlertDialog, Dialog, DropdownMenu, HoverCard, Popover, Tooltip
- Feedback: Progress, Toast
- Typography: Various text styles and components
- Data Display: Avatar, Table, ScrollArea
- And many more!
pnpm dev- Start development serverpnpm build- Build for productionpnpm start- Start production serverpnpm lint- Run linting
This project is licensed under the MIT License - see the LICENSE file for details.
Contributions are welcome! Feel free to open issues and submit pull requests.
- 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
If you have any questions or need help, please open an issue in the repository.
Made with ❤️ using Next.js and Radix UI