-
Notifications
You must be signed in to change notification settings - Fork 0
Home
#📚 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
🚀 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.