Inspira - UI Design Inspiration Gallery 🎨

A curated collection of UI design inspiration from across the web, built with vanilla JavaScript and Web Components.

🌟 Features

• 📱 Categorized design inspirations (Mobile, Desktop, Watch, Vision, Icons, Illustrations)
• 🔄 Infinite scroll for seamless browsing
• 🖼️ Modal view for larger image preview
• 💅 Clean and responsive design
• 🚀 Progressive Web App (PWA) support
• 📨 Weekly newsletter via Substack

🛠️ Tech Stack

• Vanilla JavaScript (Web Components)
• TailwindCSS
• Service Workers for offline support
• GitHub Pages for hosting

🚀 Getting Started

1. Clone the repository:

git clone https://github.com/sammarxz/inspira.git
cd inspira

2. Install dependencies:

npm install

3. Start the development server:

npm run dev

This will:

• Start a local server
• Watch for TailwindCSS changes
• Enable hot reloading

📦 Building for Production

npm run build

This will:

• Generate optimized CSS with TailwindCSS
• Minify assets
• Prepare for deployment

🌐 Deployment

The site is automatically deployed to GitHub Pages when pushing to the main branch.

📝 License

MIT © sammarxz

🙏 Credits

All design content belongs to their original owners. This is a curated gallery for inspiration purposes.

📬 Newsletter

Subscribe to our weekly newsletter to get the latest UI design inspiration delivered to your inbox.

🤝 Contributing

1. Fork it
2. Create your feature branch (git checkout -b feature/fooBar)
3. Commit your changes (git commit -am 'Add some fooBar')
4. Push to the branch (git push origin feature/fooBar)
5. Create a new Pull Request