glass_ui_flutter 0.0.1

Beautiful glassmorphism UI widgets for Flutter: cards, buttons, dialogs, and more!

glass_ui_flutter

Beautiful, customizable glassmorphism widgets for Flutter! Easily add modern, frosted glass effects with blur, gradients, and glow to your app’s UI.

Features

GlassContainer: Core widget for building custom glassmorphism layouts.

GlassCard: Prebuilt card with glassy, frosted look.

GlassButton: Buttons with glassmorphism and smooth tap effect.

GlassDialog: Show dialogs with a beautiful glass effect.

Customizable blur, opacity, gradient, border, shadow, color, and more.

Works on Android, iOS, desktop, and web (where supported).

Getting started

dependencies: glass_ui_flutter: ^0.0.1

import 'package:glass_ui_flutter/glass_ui_flutter.dart';

Usage

GlassContainer( blur: 10, opacity: 0.5, gradient: LinearGradient( colors: [Colors.white.withOpacity(0.1), Colors.white.withOpacity(0.2)], begin: Alignment.topLeft, end: Alignment.bottomRight, ), child: Text('Hello, Glass!'), );

GlassCard( leading: Icon(Icons.star, color: Colors.white, size: 36), title: 'Glassmorphism Card', subtitle: 'Modern and beautiful.', onTap: () => print('Card tapped!'), )

GlassButton( child: Text('Press Me'), onTap: () => print('Button tapped!'), )

showDialog( context: context, builder: (context) => GlassDialog( title: 'Glass Dialog', content: Text('This is a beautiful glassmorphism dialog.'), actions: [ TextButton( onPressed: () => Navigator.of(context).pop(), child: Text('Close'), ), ], ), );

const like = 'sample';

Additional information

🛠 Customization Every widget exposes properties for:

Blur strength (blur)

Opacity (opacity)

Border radius (borderRadius)

Gradient background (gradient)

Shadow/glow (boxShadow)

Border/outline (border)

And more!

🤝 Contributing Issues, pull requests, and feedback are always welcome!

File issues or feature requests on the GitHub repo.

Pull requests are encouraged for bug fixes or new features.

License

This project is licensed under the MIT License - see the LICENSE file for details.