Skip to content

Latest commit

 

History

5 Commits

Folders and files

NameName
Last commit message
Last commit date
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🖌️ Button Maker A Button Maker Web App that allows users to dynamically customize button styles, including background color, font color, font size, font weight, padding, and border radius, and view changes in real time. 🚀 Features • ✅ Change background color of the button • ✅ Change font color and font size • ✅ Adjust font weight dynamically • ✅ Set padding and border radius • ✅ Real-time preview of your customized button • ✅ Clean, responsive UI using Bootstrap • ✅ Simple, beginner-friendly HTML, CSS, JavaScript structure 🛠️ Tech Stack

  • HTML

  • CSS

  • JavaScript

  • Bootstrap 4

  • Google Fonts for clean typography

    Screen shots :

Screenshot 2025-07-23 203957 Screenshot 2025-07-23 204401

Sample Domain Hosted: https://remarkable-cocada-064876.netlify.app/

⚙️ How to Run Locally 1️⃣ Clone the Repository git clone https://github.com/itzsaravanan/button-maker.git cd button-maker 2️⃣ Open index.html in your browser. ✅ Done! You can now use your Button Maker locally.

📂 Folder Structure button-maker/ ├── index.html ├── style.css └── script.js

(Currently, your CSS and JS are embedded in HTML. You may separate them for clarity if deploying or maintaining for future learning.) 🧑‍💻 Author Saravanan Email: itssaravanan03@gmail.com GitHub: https://github.com/itzsaravanan 📄 License This project is open-source and free to use for learning and personal projects.

About

Here we can build a button easily

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors