{"id":13431352,"url":"https://github.com/saviomartin/gradientking","last_synced_at":"2025-03-16T11:31:34.448Z","repository":{"id":40782105,"uuid":"340017725","full_name":"saviomartin/gradientking","owner":"saviomartin","description":"Never again run out of gradients! 🌈","archived":false,"fork":false,"pushed_at":"2022-02-28T23:14:42.000Z","size":27991,"stargazers_count":347,"open_issues_count":10,"forks_count":35,"subscribers_count":1,"default_branch":"main","last_synced_at":"2024-10-28T11:54:44.063Z","etag":null,"topics":["css","gradient-generator","gradient-king","gradients","nature-inspired-gradients","react"],"latest_commit_sha":null,"homepage":"https://dev.di7tazxmp7xob.amplifyapp.com/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/saviomartin.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":".github/FUNDING.yml","license":"LICENSE","code_of_conduct":"CODE_OF_CONDUCT.md","threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null},"funding":{"custom":["https://www.buymeacoffee.com/saviomartin"]}},"created_at":"2021-02-18T10:44:03.000Z","updated_at":"2024-09-18T19:02:18.000Z","dependencies_parsed_at":"2022-07-11T03:00:32.131Z","dependency_job_id":null,"html_url":"https://github.com/saviomartin/gradientking","commit_stats":null,"previous_names":[],"tags_count":6,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/saviomartin%2Fgradientking","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/saviomartin%2Fgradientking/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/saviomartin%2Fgradientking/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/saviomartin%2Fgradientking/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/saviomartin","download_url":"https://codeload.github.com/saviomartin/gradientking/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":243862945,"owners_count":20360239,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["css","gradient-generator","gradient-king","gradients","nature-inspired-gradients","react"],"created_at":"2024-07-31T02:01:02.431Z","updated_at":"2025-03-16T11:31:32.100Z","avatar_url":"https://github.com/saviomartin.png","language":"JavaScript","funding_links":["https://www.buymeacoffee.com/saviomartin"],"categories":["JavaScript"],"sub_categories":[],"readme":"\u003cp align=\"center\"\u003e\n  \u003ca href=\"https://gradient-king.now.sh/\"\u003e\n    \u003cimg alt=\"Lofi Club\" src=\"public/assets/logo.gif\" width=\"150\" height=\"150\" /\u003e\n  \u003c/a\u003e\n\u003c/p\u003e\n\u003ch2 align=\"center\"\u003eGradient King\u003c/h1\u003e\n\u003ch4 align=\"center\"\u003eNever again run out of Gradients✨️\u003c/h4\u003e\n\n\u003cp align=\"center\"\u003e\n\u003ca href=\"https://github.com/saviomartin/gradientking/blob/master/LICENSE\" target=\"blank\"\u003e\n\u003cimg src=\"https://img.shields.io/github/license/saviomartin/gradientking?style=flat-square\" alt=\"gradientking licence\" /\u003e\n\u003c/a\u003e\n\u003ca href=\"https://github.com/saviomartin/gradientking/fork\" target=\"blank\"\u003e\n\u003cimg src=\"https://img.shields.io/github/forks/saviomartin/gradientking?style=flat-square\" alt=\"gradientking forks\"/\u003e\n\u003c/a\u003e\n\u003ca href=\"https://github.com/saviomartin/gradientking/stargazers\" target=\"blank\"\u003e\n\u003cimg src=\"https://img.shields.io/github/stars/saviomartin/gradientking?style=flat-square\" alt=\"gradientking stars\"/\u003e\n\u003c/a\u003e\n\u003ca href=\"https://github.com/saviomartin/gradientking/issues\" target=\"blank\"\u003e\n\u003cimg src=\"https://img.shields.io/github/issues/saviomartin/gradientking?style=flat-square\" alt=\"gradientking issues\"/\u003e\n\u003c/a\u003e\n\u003ca href=\"https://github.com/saviomartin/gradientking/pulls\" target=\"blank\"\u003e\n\u003cimg src=\"https://img.shields.io/github/issues-pr/saviomartin/gradientking?style=flat-square\" alt=\"gradientking pull-requests\"/\u003e\n\u003c/a\u003e\n\u003ca href=\"https://twitter.com/intent/tweet?text=Check%20out%20gradientking.now.sh%20by%20@SavioMartin7%E2%9A%A1%EF%B8%8F%0D%0A%0ANever%20Again%20run%20out%20of%20Gradients!%20%F0%9F%8E%A8%20Give%20it%20a%20try!%20You%27ll%20love%20it!%20%F0%9F%94%A5%0D%0A%0A%23DEVCommunity%20%23100DaysOfCode%20%23javascript\"\u003e\u003cimg src=\"https://img.shields.io/twitter/url?label=Share%20on%20Twitter\u0026style=social\u0026url=https%3A%2F%2Fgithub.com%2Fsaviomartin%2Fgradientking\"\u003e\u003c/a\u003e\n\n\u003c/p\u003e\n\n\u003cp align=\"center\"\u003e\u003cimg src=\"public/assets/app.gif\" alt=\"gradientking gif\" /\u003e\u003c/p\u003e\n\n\u003cp align=\"center\"\u003e\n    \u003ca href=\"https://gradient-king.now.sh/\" target=\"blank\"\u003eView Demo\u003c/a\u003e\n    ·\n    \u003ca href=\"https://github.com/saviomartin/gradientking/issues/new/choose\"\u003eReport Bug\u003c/a\u003e\n    ·\n    \u003ca href=\"https://github.com/saviomartin/gradientking/issues/new/choose\"\u003eRequest Feature\u003c/a\u003e\n\u003c/p\u003e\n\n### Fed up with searching gradients for your app?\n\nGradient 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 🙌\n\n[Read blog to understand better 📖](https://savio.xyz/introducing-gradient-king-never-again-run-out-of-gradients)\n\n## 🚀 Demo\n\n\u003ca href=\"https://gradient-king.now.sh/\" target=\"blank\"\u003e\n\u003cimg src=\"public/assets/banner.png\" /\u003e\n\u003c/a\u003e\n\nTry the tool: [Gradient King](https://gradient-king.now.sh/)\n\n## 🧐 Features\n\nProvides you a huge collection of awesome, elegant gradients. You can use it absolutely for free without attribution.\n\n\u003e Also provides a gradient generator which would help you generate gradients from your local image.\n\n- **100+ gradients**\n- **Generate your gradient local Images**\n- **Export Gradients as PNG**\n- **BookMark Gradients**\n- **Like Gradients ❤️**\n- **Search for colors**\n- **Seperate page for each gradient**\n- **Copy High Quality CSS code of gradients**\n- **Check for browser support**\n- **Contributor page, and see your name on the main page and all other pages**[ \u003e\u003eContributing](#-contributing)\n- **Elegant animations**\n- **PWA, Installable app**\n- **Dark mode**\n- **Minimal UI, Lightning Fast**\n- **Fully Responsive**\n\nGradient King is super productive enough to grab the best gradients for your next app. ✨️\n\n## 🛠️ Installation Steps\n\n1. Clone the repository\n\n```bash\ngit clone https://github.com/saviomartin/gradientking.git\n```\n\n2. Change the working directory\n\n```bash\ncd gradientking\n```\n\n3. Install dependencies\n\n```bash\nnpm install\n```\n\n4. Run the app\n\n```bash\nnpm start\n```\n\n🌟 You are all set!\n\n## 🍰 Contributing\n\nHead over to [`data.json`](data.json) and add your gradient at the bottom of the list. Here is an example contribution 👇\n\n\u003e Make sure that you have all the required items\n\n```json\n{\n  \"colors\": [\"#3CA55C\", \"#B5AC49\"]\n},\n```\n\nAfter your PR got merged, you'll be automatically appared on [contributors page](https://gradient-king.vercel.app/contributors). Works through Github API.\n\nPlease contribute using [GitHub Flow](https://guides.github.com/introduction/flow). Create a branch, add commits, and [open a pull request](https://github.com/saviomartin/gradientking/compare).\n\nPlease read [`CONTRIBUTING`](CONTRIBUTING.md) for details on our [`CODE OF CONDUCT`](CODE_OF_CONDUCT.md), and the process for submitting pull requests to us.\n\n## 💻 Built with\n\n- [React](https://reactjs.org/)\n- [Jquery](https://jquery.com/)\n- [Material UI](http://material-ui.com/): for styling and Icons\n- [Animate.css](https://animate.style/): for smooth Animations\n- [AOS](https://michalsnik.github.io/aos/): for scroll animations\n- [react-router-dom](https://reactrouter.com/web/guides/quick-start): for routing\n- [AWS Amplify](https://aws.amazon.com/amplify/): for hosting\n\n## 🌈 What's next\n\nI'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\n\n- Comments\n- Generate gradient from a website URL (in progress ⚠️)\n- Generate gradient from a word, eg: love - red gradient\n- Chrome extension which does all the features\n\n## 🛡️ License\n\nThis project is licensed under the MIT License - see the [`LICENSE`](LICENSE) file for details.\n\n## 🦄 Deploy\n\n[![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/new/project?template=https://github.com/saviomartin/loficlub)\n[![netlify](https://www.netlify.com/img/deploy/button.svg)](https://app.netlify.com/start/deploy?repository=https://github.com/saviomartin/loficlub)\n[![Deploy to DO](https://www.deploytodo.com/do-btn-blue.svg)](https://cloud.digitalocean.com/apps/new?repo=https://github.com/saviomartin/loficlub)\n\n## 👨‍💻 Thanks to the Awesome Contributors\n\nGradient King will not occur without you. Thanking all the amazing contributors. Feel free to contribute in the project 🙌\n\n\u003ca href=\"https://github.com/saviomartin/gradientking/graphs/contributors\"\u003e\n  \u003cimg src=\"https://contrib.rocks/image?repo=saviomartin/gradientking\" /\u003e\n\u003c/a\u003e\n\nAlso, check them on [gradient-king.now.sh/contributors](https://gradient-king.vercel.app/contributors)\n\n## 🙏 Support\n\nThis project needs a 🌟 from you\n\n\u003chr\u003e\n\u003cp align=\"center\"\u003e\nDeveloped with ❤️ in India 🇮🇳 \n\u003c/p\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsaviomartin%2Fgradientking","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsaviomartin%2Fgradientking","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsaviomartin%2Fgradientking/lists"}