liquid_glassmorphism 0.0.1
liquid_glassmorphism: ^0.0.1 copied to clipboard
Fully customizable iOS 18-style Liquid Glass widget for Flutter, replicating Apple's latest translucent glass aesthetic with adjustable blur, opacity, and tint settings.
๐ง LiquidGlass iOS 18 Widget for Flutter #
A beautiful and customizable iOS 18-style Liquid Glass widget for Flutter. This package brings Appleโs elegant translucent glass effect to your Flutter apps, with full control over blur, opacity, and tint color โ helping you create modern and immersive UI components.
โจ Features #
- ๐ iOS 18-style frosted glass design
- ๐๏ธ Fully customizable: blur, opacity, tint color
- ๐ Supports light and dark mode
- โก Lightweight and easy to integrate
๐ธ Preview #
(Add screenshots or GIFs here to show how it looks in your app)
๐ Getting Started #
Add the dependency to your pubspec.yaml:
dependencies:
liquid_glass: ^1.0.0
Then run:
bash
Copy
Edit
flutter pub get
๐งช Usage
dart
Copy
Edit
import 'package:liquid_glass/liquid_glass.dart';
LiquidGlass(
blur: 20.0,
opacity: 0.3,
tintColor: Colors.white,
borderRadius: BorderRadius.circular(16),
child: Text(
'iOS 18 Style',
style: TextStyle(color: Colors.black),
),
)
Parameters
Property Type Description
blur double Amount of background blur (default: 20.0)
opacity double Opacity of the glass layer (default: 0.3)
tintColor Color Tint color overlay (default: Colors.white)
child Widget? Widget to display inside the glass
borderRadius BorderRadius? Optional border radius for rounded corners
๐ก Example Use Cases
iOS-style modals
Glass cards or backgrounds
Frosted navbars or toolbars
Custom UI overlays
๐ฆ Example
Check out the full example in the /example folder to see how to use the widget in different layouts.
โ๏ธRequirements
Flutter 3.7 or higher
iOS 11+ / Android 9+ for blur support
๐ ๏ธ Contributing
Contributions, issues and feature requests are welcome!
Feel free to open an issue or submit a PR.
๐ License
This project is licensed under the MIT License.
vbnet
Copy
Edit
Let me know if you want to auto-generate a `pubspec.yaml`, add GitHub Actions for publishing, or include Pub.dev badges.