liquid_glassmorphism 0.0.1 copy "liquid_glassmorphism: ^0.0.1" to clipboard
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.
1
likes
150
points
8
downloads

Documentation

API reference

Publisher

unverified uploader

Weekly Downloads

Fully customizable iOS 18-style Liquid Glass widget for Flutter, replicating Apple's latest translucent glass aesthetic with adjustable blur, opacity, and tint settings.

Repository (GitHub)
View/report issues

License

MIT (license)

Dependencies

flutter

More

Packages that depend on liquid_glassmorphism