https://github.com/moazamtech/shadway
Discover the best built with shadcn/ui Websites collection Shadway Component generation and component libaray ;)
https://github.com/moazamtech/shadway
component-library nextjs shadcn shadway tailwindcss-v4 ui-components
Last synced: 3 months ago
JSON representation
Discover the best built with shadcn/ui Websites collection Shadway Component generation and component libaray ;)
- Host: GitHub
- URL: https://github.com/moazamtech/shadway
- Owner: moazamtech
- License: mit
- Created: 2025-09-18T14:43:41.000Z (10 months ago)
- Default Branch: main
- Last Pushed: 2026-02-16T19:47:32.000Z (4 months ago)
- Last Synced: 2026-02-17T01:54:10.519Z (4 months ago)
- Topics: component-library, nextjs, shadcn, shadway, tailwindcss-v4, ui-components
- Language: TypeScript
- Homepage: https://shadway.online
- Size: 6.48 MB
- Stars: 23
- Watchers: 0
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- License: LICENSE
- Security: SECURITY.md
Awesome Lists containing this project
README
# Shadway 🎨
Curated Shadcn UI Website Collection
Discover beautiful websites and components built with Shadcn UI. A curated collection of modern interfaces and design inspiration.
## 🚀 Why Shadway ?
**Stop hunting through scattered resources!** Instead of wasting hours searching for the latest Shadcn UI libraries, components, and examples across different platforms, **Shadway brings everything to one place**.
### 🎯 Main Focus
- **Discover** the latest UI websites built with Shadcn UI
- **Browse** premium templates and components
- **Showcase** your own Shadcn UI projects
- **Get inspired** by modern interface designs
**No more hassle - just pure inspiration and resources in one curated collection.**
## ✨ Features
- 🏠 **Curated Website Gallery** - Latest websites built with Shadcn UI
- 🎨 **Template Marketplace** - Premium and free templates
- 📝 **Easy Submission** - Submit your own projects
- 💎 **Sponsorship Options** - Promote your work
- 🌙 **Dark/Light Mode** - Seamless theme switching
- 📱 **Responsive Design** - Perfect on all devices
- ⚡ **Fast Performance** - Optimized for speed
## 🛠️ Tech Stack
### Frontend
- **[Next.js 15](https://nextjs.org/)** - React framework with App Router
- **[TypeScript](https://www.typescriptlang.org/)** - Type-safe development
- **[Tailwind CSS v4](https://tailwindcss.com/)** - Utility-first CSS framework
- **[Shadcn UI](https://ui.shadcn.com/)** - High-quality UI components
- **[Framer Motion](https://www.framer.com/motion/)** - Smooth animations
- **[Lucide React](https://lucide.dev/)** - Beautiful icons
### Backend & Database
- **[MongoDB](https://www.mongodb.com/)** - NoSQL database
- **[NextAuth.js](https://next-auth.js.org/)** - Authentication
- **[bcryptjs](https://github.com/dcodeIO/bcrypt.js)** - Password hashing
### Deployment & Tools
- **[Vercel](https://vercel.com/)** - Hosting platform
- **[ESLint](https://eslint.org/)** - Code linting
- **[Prettier](https://prettier.io/)** - Code formatting
## 🏗️ Project Structure
```
shadway/
├── app/ # Next.js App Router
│ ├── admin/ # Admin dashboard
│ ├── api/ # API routes
│ ├── sponsor/ # Sponsorship page
│ ├── submit/ # Submission page
│ ├── template/ # Templates page
│ ├── globals.css # Global styles
│ └── layout.tsx # Root layout
├── components/ # Reusable components
│ ├── ui/ # Shadcn UI components
│ ├── navbar.tsx # Navigation
│ ├── footer.tsx # Footer
│ └── ...
├── lib/ # Utilities and configs
│ ├── auth.ts # Authentication config
│ ├── mongodb.ts # Database connection
│ ├── types.ts # TypeScript types
│ └── utils.ts # Helper functions
└── public/ # Static assets
```
## 🚀 Getting Started
### Prerequisites
- Node.js 24+ and npm
- MongoDB database
- Environment variables configured
### Installation
1. **Clone the repository**
```bash
git clone https://github.com/moazamtech/shadway.git
cd shadway
```
2. **Install dependencies**
```bash
npm install
```
3. **Set up environment variables**
```bash
cp .env.example .env.local
```
Configure your `.env.local`:
```env
MONGODB_URI=your_mongodb_connection_string
NEXTAUTH_SECRET=your_nextauth_secret
NEXTAUTH_URL=http://localhost:3000
```
4. **Run the development server**
```bash
npm run dev
```
5. **Open [http://localhost:3000](http://localhost:3000)** in your browser
## 🎨 Features Overview
### 🏠 Homepage
- Curated collection of Shadcn UI websites
- Filter by categories and features
- Responsive grid layout
- Search functionality
### 🎯 Templates
- Premium and free templates
- Live demo links
- Download/purchase options
- Featured templates
### 📝 Submit Project
- Easy submission form
- Project categorization
- Admin review process
- Community showcase
### 💎 Sponsorship
- Multiple sponsorship tiers
- Enhanced visibility options
- Premium placement
- Analytics tracking
### 🔐 Admin Dashboard
- Content management
- User submissions review
- Analytics and insights
- Template management
## 🌟 Contributing
We welcome contributions! Here's how you can help:
1. **Submit your project** - Share your Shadcn UI website
2. **Report bugs** - Help us improve the platform
3. **Suggest features** - Share your ideas
4. **Code contributions** - Submit pull requests
### Development Guidelines
- Follow TypeScript best practices
- Use Shadcn UI components when possible
- Maintain responsive design principles
- Write clean, documented code
## 📝 License
This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.
## 🤝 Connect
- **Website**: [shadway.online](https://shadway.online)
- **Twitter**: [@loxtmozzi](https://x.com/loxtmozzi)
- **Github**: [@Umair-XD]([https://x.com/loxtmozzi](https://github.com/Umair-XD))
- **GitHub**: [Shadway Repository](https://github.com/moazamtech/shadway)
## 🙏 Acknowledgments
- [Shadcn](https://twitter.com/shadcn) for the amazing UI components
- [Vercel](https://vercel.com) for hosting
- The amazing Shadcn UI community for inspiration
---