https://github.com/abh3shek/gradient_generator_vanillajs
This is a basic gradient generator built using pure HTML, CSS, JS
https://github.com/abh3shek/gradient_generator_vanillajs
css deployed html javascript surge
Last synced: 3 months ago
JSON representation
This is a basic gradient generator built using pure HTML, CSS, JS
- Host: GitHub
- URL: https://github.com/abh3shek/gradient_generator_vanillajs
- Owner: Abh3shek
- License: mit
- Created: 2025-06-13T17:09:05.000Z (11 months ago)
- Default Branch: main
- Last Pushed: 2025-06-13T17:37:35.000Z (11 months ago)
- Last Synced: 2025-06-13T18:27:58.960Z (11 months ago)
- Topics: css, deployed, html, javascript, surge
- Language: CSS
- Homepage: https://gradient-generator-abh3shek.surge.sh
- Size: 3.91 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: readme.md
- License: LICENSE
Awesome Lists containing this project
README
# Gradient Generator
A minimal and responsive gradient background generator built using HTML, CSS, and JavaScript. The app allows users to generate random linear gradients, customize their own, and copy the resulting CSS code for use in other projects.
## Live Demo
https://gradient-generator-abh3shek.surge.sh
## Tech Stack
- HTML5
- CSS3
- JavaScript (Vanilla)
## Features
- Generate random linear gradients
- Manually choose two colors
- Copy generated CSS to clipboard
- Live preview of gradient
- Responsive design for all screen sizes
## Project Structure
gradient-generator/
├── index.html
├── styles/
│ └── style.css
├── scripts/
│ └── script.js
├── LICENSE
└── README.md
## How to Run Locally
1. Clone the repository:
```bash
git clone https://github.com/your-username/gradient-generator.git
```
2. Navigate into the project folder:
```bash
cd gradient_generator
```
3. Open index.html in your browser (live server)
## Example Output
background: linear-gradient(to right, #3498db, #8e44ad);
## License
This project is licensed under the MIT License.
## Author
Built by abh3shek
github: https://github.com/Abh3shek