megaflashxyz / gradientking Goto Github PK

View Demo · Report Bug · Request Feature

Gradient king can help you. We provide a huge collection of gradients and you could easily choose one. Besides that, we also provides a gradient generator where you could upload your image and grad the gradients from it. How cool is that 🙌

Read blog to understand better 📖

Try the tool: Gradient King

Provides you a huge collection of awesome, elegant gradients. You can use it absolutely for free without attribution.

Also provides a gradient generator which would help you generate gradients from your local image.

• 100+ gradients
• Generate your gradient local Images
• Export Gradients as PNG
• BookMark Gradients
• Like Gradients ❤️
• Search for colors
• Seperate page for each gradient
• Copy High Quality CSS code of gradients
• Check for browser support
• Contributor page, and see your name on the main page and all other pages >>Contributing
• Elegant animations
• PWA, Installable app
• Dark mode
• Minimal UI, Lightning Fast
• Fully Responsive

Gradient King is super productive enough to grab the best gradients for your next app. ✨️

1. Clone the repository

git clone https://github.com/saviomartin/gradientking.git

2. Change the working directory

cd gradientking

3. Install dependencies

npm install

4. Run the app

npm start

🌟 You are all set!

Head over to data.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

{
  "colors": ["#3CA55C", "#B5AC49"]
},

After your PR got merged, you'll be automatically appared on contributors page. Works through Github API.

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

Please read CONTRIBUTING for details on our CODE OF CONDUCT, and the process for submitting pull requests to us.

• React
• Jquery
• Material UI: for styling and Icons
• Animate.css: for smooth Animations
• AOS: for scroll animations
• react-router-dom: for routing
• AWS Amplify: for hosting

I'm pretty sure that I will be constantly adding more and more extrordinary features as I consider this as my biggest project till date. These all are the things I have planned to do in next days

• Comments
• Generate gradient from a website URL (in progress ⚠️)
• Generate gradient from a word, eg: love - red gradient
• Chrome extension which does all the features

This project is licensed under the MIT License - see the LICENSE file for details.

Gradient King will not occur without you. Thanking all the amazing contributors. Feel free to contribute in the project 🙌

Also, check them on gradient-king.now.sh/contributors

This project needs a 🌟 from you

Developed with ❤️ in India 🇮🇳