adityakmr7/gradient-generator

Create your own gradient.

Gradient Generator

View Demo · Report Bug · Request Feature

🛠️ Installation Steps

1. Clone the repository

git clone https://github.com/adityakmr7/gradient-generator.git

2. Change the working directory

cd gradient-generator

3. Install dependencies

yarn

4. Run the app

yarn start

🌟 You are all set!

🍰 Contributing

Head over to data/gradient.json and add your gradient at the bottom of the list. Here is an example contribution 👇

Make sure that you have all the required items

{
  "intialColor": "#1CB5E0 0%",
  "finalColor": "#000851 100%",
  "angle": "90"
}

Please contribute using GitHub Flow. Create a branch, add commits, and open a pull request.

💻 Built with

• React
• Material UI: for styling and Icons
• react-router-dom: for routing

Screenshot

👨‍💻 Thanks to the Awesome Contributors

Feel free to contribute in the project 🙌

🙏 Support

This project needs a 🌟 from you

---

Developed with ❤️ in India 🇮🇳

gradient-generator's Issues

More gradient color to be added

In https://github.com/adityakmr7/gradient-generator/blob/main/src/data/gradient.json add more gradient colors.

Dark mode is not working in complete page.

Dark mode is updated only the appbar need to be update complete screen.

[IDEA] Assign gradient ids automatically

Description

Implement a wrapper that would map an id to every gradient automatically.

Benefits

- Would make the process of adding multiple gradients easier
- Would prevent duplicate ids when multiple people want to add gradients at the same time

design upgrade and suggestion

Need to improve the design and add animation.