glass_ui_flutter 0.0.2

Beautiful glassmorphism UI widgets for Flutter: cards, buttons, dialogs

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

To use this package, add glass_ui_flutter as a dependency in your pubspec.yaml file.

Usage

Minimal example:

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: Text('Glass Dialog'),
    content: Text('This is a beautiful glassmorphism dialog.'),
    actions: [
      TextButton(
        onPressed: () => Navigator.of(context).pop(),
        child: Text('Close'),
      ),
    ],
  ),
);