liquid_glass_container

A beautiful Apple-style liquid glass container for Flutter, featuring refraction and distortion effects. Lightweight, customizable, and perfect for modern UI design.


Flutter liquid glass container example showing Apple-style glassmorphism UI

Features

  • 💧 Apple-style liquid glass effect

  • 🌫️ Realistic refraction, blur, and distortion

  • 📱 Fully responsive and GPU-accelerated using shaders

  • ⚡ Lightweight, smooth performance


Getting started

Add the dependency:

dependencies:
  liquid_glass_container: <latest_version>

Import it:

import 'package:liquid_glass_container/liquid_glass_container_plus.dart';

Usage

LiquidGlassContainer(
  width: 250,
  height: 250,
  borderRadius: BorderRadius.circular(30),
  backgroundColor: Colors.white,
  child: Center(
    child: Text(
      "Liquid Glass",
      style: TextStyle(
        fontSize: 20,
        fontWeight: FontWeight.bold,
      )
    )
  )
)

Additional information

liquid_glass_container aims to replicate the premium liquid glass effect widely seen in modern Apple UI. This widget is built with Flutter’s shader support and offers high customizability while staying lightweight.

Use it for:

  • Cards
  • Dialogs
  • Profile sections
  • Modern dashboard components
  • Decorative UI blocks

If you need enhancements — feel free to open an issue or request on GitHub!

Contribution

Contributions are highly appreciated! Want to add improvements or fix something?

Follow these steps:

  1. Fork the repository
  2. Create a branch for your feature or bug fix
  3. Implement your changes with clean commit messages
  4. Submit a Pull Request describing what you changed and why
  5. Your PR will be reviewed and merged after approval