🌸 Nexus Spring of Code Project

🚀 UIverse – Frontend Component Hub

🔗 GitHub Repository: https://github.com/Tushar-sonawane06/UI-Verse

UIverse is a beginner-friendly open-source project that provides a growing collection of reusable UI components built using HTML, CSS, and JavaScript.

The goal of UIverse is to help developers—especially beginners—make their first open-source contribution while learning how to build clean, responsive, and reusable UI components.

---

🌟 Features

• 🎨 Collection of reusable UI components
• 🧩 Beginner-friendly contribution system
• 📂 Well-structured folders for easy navigation
• 👀 Live preview of components
• 📋 View & Copy code functionality
• 🚀 Multi-page UI (Sidebar-based navigation)
• 🌙 Upcoming Dark Mode support
• 📱 Fully responsive UI improvements

---

🖥️ Live Preview

(Add your deployed link here after hosting)

---

📁 Updated Project Structure

UI-Verse/
│
├── index.html
├── Navbar.html
├── alerts.html
├── badges.html
├── button.html
├── cards.html
├── color.html
├── footer.html
├── form.html
├── loaders.html
├── pricing.html
├── testimonials.html
├── toggles.html
├── privacypolicy.html
│
├── style.css
├── script.js
├── .gitignore
├── favicon.ico
│
├── components/
│   ├── buttons/
│   ├── cards/
│   ├── navbars/
│   ├── forms/
│   └── loaders/
│
├── Contributing.md
└── README.md

---

🚀 Getting Started

1️⃣ Fork the Repository

Click on the Fork button (top-right of GitHub)

---

2️⃣ Clone Your Fork

git clone https://github.com/your-username/UI-Verse.git

---

3️⃣ Open the Project

Open index.html in your browser.

---

🤝 Contributing Guide

We welcome contributions from beginners 💙

🔰 Steps to Contribute

1. Go to the Issues section
2. Choose an issue to work on
3. Comment to get assigned
4. Fork the repository
5. Create a new branch

git checkout -b feature/your-feature-name

6. Make your changes
7. Commit changes

git commit -m "Added: your feature name"

8. Push to GitHub

git push origin feature/your-feature-name

9. Create a Pull Request 🎉

---

📌 Contribution Guidelines

• ✅ Keep code clean and readable
• ✅ Follow proper folder structure
• ✅ Make components responsive
• ✅ Use meaningful commit messages
• ✅ Avoid breaking existing UI
• ✅ Add comments where necessary

---

🧩 Contribution Areas

🎯 Components

• Buttons
• Cards
• Navbars
• Forms
• Loaders
• Alerts
• Badges
• Toggles
• Pricing Sections
• Testimonials

---

🎨 UI Improvements

• Improve responsiveness
• Add animations
• Enhance UX/UI
• Improve mobile experience

---

⚙️ Features

• Add new component pages
• Improve code preview system
• Add dark mode 🌙
• Improve sidebar navigation
• Add search functionality

---

🏷️ Issue Labels

• good first issue → Beginner-friendly
• enhancement → Feature request
• bug → Bug fixes
• documentation → Docs improvements

---

💡 Example Contributions

• Add a gradient button
• Create a responsive navbar
• Add hover effects to cards
• Improve mobile layout
• Add new UI components

---

🎯 Project Goals

• Help beginners start open-source contributions
• Build a large UI component library
• Create a developer-friendly UI showcase platform

---

⭐ Support

If you like this project:

• Give it a ⭐
• Share it with others
• Contribute 🚀

---

👨‍💻 Maintainer

Project Admin: Tushar Sonawane

---

💙 Happy Coding & Contributing!