https://github.com/devsethi3/random-gradient-generator
Creating a random color gradient generator and you can copy to your clipboard.
https://github.com/devsethi3/random-gradient-generator
Last synced: 4 months ago
JSON representation
Creating a random color gradient generator and you can copy to your clipboard.
- Host: GitHub
- URL: https://github.com/devsethi3/random-gradient-generator
- Owner: Devsethi3
- Created: 2023-11-02T12:10:19.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2023-12-08T12:26:39.000Z (over 2 years ago)
- Last Synced: 2025-06-17T21:44:05.836Z (12 months ago)
- Language: HTML
- Size: 582 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Random Gradient Generator
Welcome to the Random Gradient Generator repository! This project is a JavaScript-based web application designed to generate random gradients. Built with HTML, CSS, and JavaScript, it features a modern UI design and includes functionality to copy the generated gradient to the clipboard.
## Preview
## Features
- **Random Gradient Generation:** Create unique and visually appealing color gradients with a single click.
- **Copy to Clipboard:** Easily copy the generated gradient CSS code to use in your projects.
- **Copy Message:** Receive a confirmation message upon successful copy to enhance user experience.
- **Modern UI Design:** Sleek layout for an enjoyable and intuitive user interface.
## Getting Started
To run the Random Gradient Generator locally, follow these steps:
1. Clone the repository to your local machine:
```bash
git clone https://github.com/Devsethi3/Random-Gradient-Generator.git
```
2. Open the `index.html` file in your preferred web browser.
## Usage
1. Click the "Generate Gradient" button to create a random gradient.
2. Click the "Copy to Clipboard" button to copy the CSS code of the generated gradient.
3. Receive a confirmation message that the code has been copied.
## Customization
Feel free to customize this project to suit your preferences. Adjust styles, colors, and layout in the HTML and CSS files. You can also extend the functionality to include more advanced features or additional customization options.
## Contributing
If you'd like to contribute to this project, please follow these steps:
1. Fork the repository.
2. Create a new branch for your feature or improvement.
3. Make your changes and commit them with descriptive messages.
4. Push your changes to your forked repository.
5. Open a pull request to merge your changes into the main branch.
## License
Explore the Random Gradient Generator, generate beautiful gradients, and consider contributing to its development. Thank you for checking out the repository!