https://github.com/jyotsnaguntha/gradient-generator
The Gradient Generator is a visually interactive React application that allows users to create and preview linear CSS gradients in real-time by selecting direction and colors.
https://github.com/jyotsnaguntha/gradient-generator
colorpicker gradientgenerator reactjs styledcomponents
Last synced: 8 days ago
JSON representation
The Gradient Generator is a visually interactive React application that allows users to create and preview linear CSS gradients in real-time by selecting direction and colors.
- Host: GitHub
- URL: https://github.com/jyotsnaguntha/gradient-generator
- Owner: JyotsnaGuntha
- Created: 2025-08-03T08:10:23.000Z (9 months ago)
- Default Branch: main
- Last Pushed: 2025-08-03T08:15:23.000Z (9 months ago)
- Last Synced: 2025-08-03T10:09:54.538Z (9 months ago)
- Topics: colorpicker, gradientgenerator, reactjs, styledcomponents
- Language: JavaScript
- Homepage: http://jyogradinova.ccbp.tech/
- Size: 186 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 🎨 Gradient Generator
### Refer to the image below:
### Set Up Instructions
- Download dependencies by running `npm install`
- Start up the app using `npm start`
## 🌈 Features
- Pick gradient **direction** from a list
- Choose two **colors** via color pickers
- Instantly see the background **update**
- **Generate** button to apply selected styles
- Fully responsive design and custom-styled components