Gradientify is a web-based all-in-one gradient editor that gives you access to 100+ trendy and beautiful gradients for your next projects, Copy CSS Snippet, Download PNGs, generates gradient from an image, and easily make tints and shades of a single color.
Gradientify offers a huge collection of elegant gradients. you can use it for free without attribution.
- ๐ 100+ trendy gradients
- โก Make tints and Shades
- ๐ Generate Gradient
- โ Add new Gradient
- โจ Save Gradients
- ๐ Rotate Gradients
- โฌ Download PNGs
- ๐ฉโ๐ป Copy CSS Snippets, CSS text Snippets
- ๐ Search by Hex
- ๐ฌ Contributor's page
- ๐ป Progressive Web App Support, Installable app
- ๐ Dark mode
- ๐ฑ Use on Any Device
- ๐ฒ Smooth animations
- Clone the repository
git clone https://github.com/singhnitin77/gradientify.git
- Change the working directory
cd gradientify
- Install dependencies
npm install
- Run the app
npm start
Adding a gradient to gradientify is easy. All gradients are read from a gradients.json
file which is available in this project's repo. Simply add your gradient details to it and submit a pull request.
Add your gradient colors in the HEX format along with a id to the end of the js file and submit a pull request
{
colors: ["#F86BDF", "#6B6BF8"],
id: 1,
},
After your PR gets merged, you'll be automatically appeared on contributors page. 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
- Tailwind CSS: For complete styling
- Material UI: For Component Styling
- Animate.css: for smooth Animations
- AOS: For scroll animations
- react-router-dom: For routing
- react-icons: For Icons
- react-hot-toast: For toasts
- Vercel: For frontend and Backend Hosting
- Node Js:
- Express Js:
- Mongo DB: For Storing Gradients Database
This project is licensed under the MIT License - see the LICENSE
file for details.
Gradientify is empowered by various contributors. A big thanks to all the amazing contributors who helped gradientify! Thank you! We thank all of them wholeheartedly.
Feel free to contribute in the project ๐ Keep help us grow
This project needs a ๐ from you