https://github.com/educlopez/switch2-ui
UI From the Switch 2 using Nextjs, Tailwindcss and shadcn
https://github.com/educlopez/switch2-ui
nextjs switch2 tailwindcss ui
Last synced: 2 months ago
JSON representation
UI From the Switch 2 using Nextjs, Tailwindcss and shadcn
- Host: GitHub
- URL: https://github.com/educlopez/switch2-ui
- Owner: educlopez
- License: mit
- Created: 2025-04-02T18:51:17.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2025-04-04T16:44:43.000Z (about 1 year ago)
- Last Synced: 2025-04-12T20:37:19.109Z (about 1 year ago)
- Topics: nextjs, switch2, tailwindcss, ui
- Language: TypeScript
- Homepage: https://switch2-ui.vercel.app/
- Size: 2.62 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Switch-2-ui
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.
## ✨ Features
- 🎨 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
## 🚀 Getting Started
### Prerequisites
- Node.js (v18 or higher)
- pnpm (recommended) or npm
### Installation
1. Clone the repository:
```bash
git clone https://github.com/educlopez/switch2-ui.git
cd switch2-ui
```
2. Install dependencies:
```bash
pnpm install
```
3. Run the development server:
```bash
pnpm dev
```
4. Open [http://localhost:3000](http://localhost:3000) in your browser to see the result.
## 🧱 Component Library
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!
## 🛠️ Technologies
- [Next.js 15](https://nextjs.org/)
- [React 19](https://react.dev/)
- [TypeScript](https://www.typescriptlang.org/)
- [Tailwind CSS](https://tailwindcss.com/)
- [Radix UI](https://www.radix-ui.com/)
- [Lucide Icons](https://lucide.dev/)
- [React Hook Form](https://react-hook-form.com/)
- [Zod](https://zod.dev/)
## 📝 Development
### Scripts
- `pnpm dev` - Start development server
- `pnpm build` - Build for production
- `pnpm start` - Start production server
- `pnpm lint` - Run linting
## 📄 License
This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.
## 🤝 Contributing
Contributions are welcome! Feel free to open issues and submit pull requests.
1. Fork the repository
2. Create your feature branch (`git checkout -b feature/amazing-feature`)
3. Commit your changes (`git commit -m 'Add some amazing feature'`)
4. Push to the branch (`git push origin feature/amazing-feature`)
5. Open a Pull Request
## 📞 Support
If you have any questions or need help, please open an issue in the repository.
---
Made with ❤️ using Next.js and Radix UI