#📚 UI Styling Tool

Welcome to the official documentation for the Effortless UI Styling Tool — a developer-friendly kit to copy, customize, and reuse stylish UI components like box shadows, checkboxes, radios, glassmorphism effects, and more.

📖 Table of Contents Getting Started

Component Library

Copy Functionality

Customizing Components

Using via CDN

FAQs

Upcoming Features

Contributing

License

🚀 Getting Started Learn how to set up the UI Styling Tool and get your first component copied into your project.

👉 Go to Getting Started

🎨 Component Library Browse all available UI elements:

Box Shadows

Checkboxes

Radio Buttons

Glassmorphism Cards

Icons (coming soon)

👉 Go to Component Library

📋 Copy Functionality How the one-click copy mechanism works:

Smart event handling

Prevents accidental copying when clicking labels

Toast notifications via Notyf

👉 Go to Copy Functionality

⚙️ Customizing Components Each component is lightweight and easy to modify. You can:

Edit styles inline or via CSS

Swap out icons or colors

Add animations or transitions

👉 Go to Customizing Components

🌐 Using via CDN Coming soon in v1.1.0 — load everything instantly using a single tag:

No local installation

Perfect for CodePen, JSFiddle, or quick prototypes

👉 Go to Using via CDN

❓ FAQs Common questions about usage, browser support, and customization.

👉 Go to FAQs

🛠️ Upcoming Features Extended box shadow collections

Animated and neumorphic checkboxes

Icons library

CDN delivery

Drag-and-drop UI builder (future)

👉 Go to Upcoming Features

🤝 Contributing Want to add new styles or components? Help us grow!

Fork the repo

Follow the contribution guide

Submit a pull request

👉 Go to Contributing

📄 License This project is licensed under the MIT License.