https://github.com/adityakmr7/gradient-generator
Create your own gradient.
https://github.com/adityakmr7/gradient-generator
css gradient materialui reactjs
Last synced: 8 days ago
JSON representation
Create your own gradient.
- Host: GitHub
- URL: https://github.com/adityakmr7/gradient-generator
- Owner: adityakmr7
- License: mit
- Created: 2021-11-22T08:44:20.000Z (about 4 years ago)
- Default Branch: main
- Last Pushed: 2021-12-02T04:53:38.000Z (about 4 years ago)
- Last Synced: 2025-05-20T23:39:06.985Z (8 months ago)
- Topics: css, gradient, materialui, reactjs
- Language: JavaScript
- Homepage: https://css-generator-app.herokuapp.com/
- Size: 8.29 MB
- Stars: 0
- Watchers: 2
- Forks: 1
- Open Issues: 3
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- Funding: .github/FUNDING.yml
- License: LICENSE
Awesome Lists containing this project
README
Gradient Generator
View Demo
·
Report Bug
·
Request Feature
## 🛠️ Installation Steps
1. Clone the repository
```bash
git clone https://github.com/adityakmr7/gradient-generator.git
```
2. Change the working directory
```bash
cd gradient-generator
```
3. Install dependencies
```bash
yarn
```
4. Run the app
```bash
yarn start
```
🌟 You are all set!
## 🍰 Contributing
Head over to [`data/gradient.json`](https://github.com/adityakmr7/gradient-generator/blob/main/src/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
```json
{
"intialColor": "#1CB5E0 0%",
"finalColor": "#000851 100%",
"angle": "90"
}
```
Please contribute using [GitHub Flow](https://guides.github.com/introduction/flow). Create a branch, add commits, and [open a pull request](https://github.com/adityakmr7/gradient-generator/compare).
## 💻 Built with
- [React](https://reactjs.org/)
- [Material UI](http://material-ui.com/): for styling and Icons
- [react-router-dom](https://reactrouter.com/web/guides/quick-start): 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 🇮🇳