🎨 ButtonStyler

A lightweight tool to experiment with button styles interactively. Create gradients, adjust shadows, tweak typography, and copy the generated CSS.

---

📖 Overview

ButtonStyler was built as a frontend playground project to explore design tokens and CSS properties. It provides a simple interface for designers and developers to style buttons quickly and visually.

---

🛠 Tech Stack

• ⚡ JavaScript (ES6)
• 🎨 HTML5 & CSS3
• 💅 Sass (for modular styling)

---

🚀 Features

• Live preview of button styles
• Gradient background generator
• Shadow and border-radius controls
• Typography and padding adjustments
• One-click CSS copy to clipboard

---

🔧 Installation & Running

1. Clone the repository

git clone https://github.com/daidensacha/buttonStyler.git
cd buttonStyler

2. Open locally

Just open the index.html file in your browser. No build steps required.

---

📸 Screenshots

UI Font Style

UI Box Style

UI Border Style

UI Color Style

UI Hover Style

UI Copy to Clipboard

UI Instructions

---

🔮 Future Improvements

• Dark mode UI
• Export to Tailwind / SCSS snippets
• Gallery of pre-made button styles

---

📜 License

MIT License — feel free to fork and adapt.

---

---

“Design is intelligence made visible.”