🧊 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.

Libraries

liquid_glassmorphism