About Frontend Snippets

Frontend Snippets is your go-to collection of bite-sized, ready-to-use code morsels for web development. Simplifying the complexities of front-end design, our repository houses an array of HTML and CSS snippets

The collaborative nature of our open-source platform invites developers to contribute their own creations, fostering a dynamic library that caters to diverse needs.


How to Contribute to Frontend Snippets 🚀

Step 1: 🍴 Fork the Repository

1. Go to the repository on GitHub.

2. Click on the "Fork" button in the top right corner of the page.

Step 2: 📥 Clone Your Forked Repository

1. Open your forked repository on GitHub.

2. Click on the "Code" button and copy the repository URL.

3. Open your terminal and run the following command:

git clone paste-your-repository-url-here

Step 3: 🌿 Create a Branch

1. Change into the repository directory using:

cd your-repository-name

2. Create a new branch with a meaningful name:

git checkout -b feature-name

Step 4: 🎨 Add Your Snippet

1. Go to the repository and find the folder called library.

2. Add a folder and name it with your snippet (e.g., my-awesome-navbar).

3. Inside the folder, include index.html, style.css, and main.js (if needed).

4. Include a readme.md describing the component, attach a screenshot, and include your name (compulsory).

Step 5: 📄 Update Documentation

2. Go back and find the docs.html page.

3. Add your component name and your name to the list. (This helps the list keep growing.)

Step 6: 💾 Commit and Push Changes

1. Save your changes and stage them:

git add .

2. Commit the changes:

git commit -m "Add my awesome snippet"

3. Push the changes to your forked repository:

git push origin feature-name

Step 7: 🚀 Create a Pull Request

1. Go to your forked repository on GitHub.

2. Click on the "New pull request" button.

3. Set the base repository to the original repository.

4. Set the base and compare branches accordingly.

5. Click "Create pull request."

6. Add a title and description for your pull request, then click "Create pull request."