gradientking: A JavaScript repository from andaviaco

Never again run out of Gradients✨️

View Demo · Report Bug · Request Feature

Fed up with searching gradients for your app?

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 🙌

🚀 Demo

Try the tool: Gradient King

🧐 Features

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 own gradients
Search for colors or authors
Seperate page for each gradient
Copy 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. ✨️

🛠️ Installation Steps

Clone the repository

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

Change the working directory

cd gradientking

Install dependencies

npm install

Run the app

npm start

🌟 You are all set!

🍰 Contributing

Head over to public/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

{
  "id": 104,
  "githubUsername": "saviomatin",
  "colors": [
    "#3CA55C",
    "#B5AC49"
  ]
},

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.

💻 Built with

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

🌈 What's next

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

Voting (user can upvote a gradient)
User authentication
Comments
Generate gradient from a website URL (in progress ⚠️)
Generate gradient from a word, eg: love - red gradient
Download Gradient (in progress ⚠️)
Chrome extension which does all the features

🛡️ License

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

🦄 Deploy

🙏 Support

This project needs a 🌟 from you

Developed with ❤️ in India 🇮🇳

andaviaco/gradientking