🌫️ glossy_morphism
A highly customizable Flutter widget to create beautiful glass morphism (frosted glass) UI effects with blur, transparency, shadows, and border control.
✨ Features
- ✅ Realistic glass morphism effect using blur + transparency
- 🎨 Customizable blur, opacity, borderRadius
- 🟦 Add beautiful box shadows
- 🟢 Customize height and width
- ⚪ Optional solid color or gradient background
- 🔳 Control border color and width
- 🧩 Fully compatible with any layout
🚀 Installation
Add this line to your pubspec.yaml under dependencies:
dependencies:
glossy_morphism:
git:
url: https://github.com/your_username/glassmorphism_ui.git
| Property | Default Value | You can use it |
|---|---|---|
blur |
15.0 |
✅ Yes |
opacity |
0.5 |
✅ Yes |
borderRadius |
Radius.circular(20) |
✅ Yes |
height |
null |
✅ Yes |
width |
null |
✅ Yes |
color |
Colors.white |
✅ Yes |
borderColor |
Colors.white.withOpacity(0.2) |
✅ Yes |
borderWidth |
1.5 |
✅ Yes |
shadow |
Default soft black shadow | ✅ Yes |