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.
- π¨ 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.
- HTML5 β Structure of the webpage
- CSS3 β Styling and layout
- JavaScript (Vanilla JS) β Handles dynamic background updates
. βββ index.html # Main HTML file βββ style.css # Stylesheet for UI styling βββ script.js # JavaScript logic for dynamic gradient generation
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
.