https://github.com/zobayerdev/glassmorphism_flutter_package
https://github.com/zobayerdev/glassmorphism_flutter_package
Last synced: 3 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/zobayerdev/glassmorphism_flutter_package
- Owner: zobayerdev
- License: mit
- Created: 2025-08-04T06:11:14.000Z (6 months ago)
- Default Branch: main
- Last Pushed: 2025-08-04T08:01:02.000Z (6 months ago)
- Last Synced: 2025-10-22T22:56:00.290Z (3 months ago)
- Language: Dart
- Size: 12.7 KB
- Stars: 2
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
Awesome Lists containing this project
README
# 🌫️ 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`:
```yaml
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 |
