Skip to content

rajatsardesai/random-gradient

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

16 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Random Gradient - Background Gradient Generator

A simple and intuitive tool to generate beautiful background gradients for web development. Customize colors and instantly copy the CSS code for your projects.

Table of Contents

Features

  • Customizable Gradients: Choose your own primary and secondary colors.
  • Instant CSS Code: Copy the gradient CSS code directly.
  • Interactive Interface: Clean and responsive design for all devices.
  • No Dependencies: Pure HTML, CSS, and JavaScript.

Demo

👉 Live Demo

Installation

To set up the project locally:

  1. Clone the repository:
    git clone https://github.com/yourusername/random-gradient.git
  2. Navigate to the project folder:
    Navigate to the project folder:
  3. Open index.html in your browser:: No server setup required—just open the file to start using the tool.

Usage

  1. Open the project in your favorite browser.
  2. Select the primary and secondary colors using the buttons.
  3. View the generated gradient in real-time.
  4. Copy the CSS code for use in your projects.

Technologies Used

  1. HTML5: Markup for structuring the application.
  2. CSS3: Styling the user interface.
  3. JavaScript: Interactive features for gradient generation.

Contribution Guidelines

  1. Fork the repository.
  2. Create a new branch for your feature or bug fix: git checkout -b feature/my-feature
  3. Commit your changes: git commit -am 'Add new feature'
  4. Push to the branch: git push origin feature/my-feature
  5. Submit a pull request with a clear description of your changes.

Releases

No releases published

Packages

No packages published