Skip to content

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

6 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

🎨 Background Generator

A simple and interactive web app that allows users to generate beautiful gradient backgrounds with two color pickers. The background updates in real-time, and the CSS code is displayed so you can easily copy and use it in your own projects.


✨ Features

  • 🎨 Gradient Background: Choose two colors and generate a linear gradient.
  • ⚑ Live Preview: Background updates instantly as you change colors.
  • πŸ“ CSS Output: Displays the current CSS background code for reuse.
  • πŸ“± Responsive Design: Works seamlessly across devices.
  • πŸ’‘ Lightweight: Built with only HTML, CSS, and vanilla JavaScript.

πŸ› οΈ Tech Stack

  • HTML5 β†’ Structure of the webpage
  • CSS3 β†’ Styling and layout
  • JavaScript (Vanilla JS) β†’ Handles dynamic background updates

πŸ“‚ Project Structure

. β”œβ”€β”€ index.html # Main HTML file β”œβ”€β”€ style.css # Stylesheet for UI styling └── script.js # JavaScript logic for dynamic gradient generation


πŸš€ Getting Started

1. Clone the Repository

git clone https://github.com/devmab24/background-generator.git
cd background-generator


🌟 Credits

This project was inspired by Andrei Neagoie’s Background Generator.(https://github.com/aneagoie/background-generator)

πŸ“œ License

This project is open source and available under the MIT License
.

About

A simple and interactive web app that allows users to generate beautiful gradient backgrounds with two color pickers. The background updates in real-time, and the CSS code is displayed so you can easily copy and use it in your own projects.

Resources

Stars

0 stars

Watchers

1 watching

Forks

Releases

Packages

Contributors

Languages