Added Gradient Background Generator tool 🌈

[connectwithvanshika]

🌈 Added New Tool: Gradient Background Generator

This PR introduces a Gradient Background Generator — an interactive web tool that helps designers and developers easily create, preview, and copy CSS gradient backgrounds for their projects.

✨ Features:

Generate random gradients instantly with one click

Manually pick custom colors using color pickers

Choose gradient direction (top, bottom, left, right, diagonal, etc.)

Live preview of the gradient background

One-click copy CSS code functionality

Smooth transitions and responsive layout for better UX

🧩 Files Added:

gradient-generator.html

💡 Purpose:

This tool adds creative functionality to the existing collection by providing a simple yet powerful way to design background gradients — useful for both developers and UI designers looking for quick inspiration.

🧠 Implementation Details:

Built using HTML, CSS, and Vanilla JavaScript

Includes event listeners for live updates on color and direction changes

Uses clipboard API for seamless CSS code copying

Maintains a consistent interface with the existing tool design

[echobash]

@connectwithvanshika The changes in the look good to me. Let's follow this standard -

Create a directory gradient_background
Add these files index.html, style.css, and script.js in that directory
Link tool in sidebar (final_sidebar.html / main_tools.txt) and in home (home.html).
Keep styling consistent as other tools in the codebase
Once we have done that, we are good to merge it.