flare_sheet 1.0.0 copy "flare_sheet: ^1.0.0" to clipboard
flare_sheet: ^1.0.0 copied to clipboard

A premium, modern, and high-performance glassmorphism bottom sheet for Flutter. Part of the Flare ecosystem.

🌟 FlareSheet #

FlareSheet Demo

A premium, high-performance glassmorphism bottom sheet for Flutter. Part of the Flare ecosystem by ErsanQ.

Designed for modern, visually rich applications that require more than just a standard sheet. FlareSheet is a flagship UI component built for luxury, fluidity, and elegance.


✨ Features #

  • 🏙️ Floating Aesthetic: Never touches the edges. Built-in margins for a sophisticated, isolated look.
  • 🧊 Glassmorphism By Default: Integrated BackdropFilter with customizable blur, opacity, and borders.
  • 🌊 Spring Physics: Ultra-smooth interactions using real spring simulations for drag-to-dismiss.
  • Animated Grabber: A subtle, clean indicator that feels integrated into the sheet's motion.
  • 🌓 Stack Effect Ready: Designed to work with layered routes for depth and focus.
  • 💎 Premium Transitions: Custom fading and scaling entry/exit animations.

🚀 Getting Started #

Add to your pubspec.yaml:

dependencies:
  flare_sheet:
    git:
      url: https://github.com/ErsanQ/flare_sheet.git

🛠️ Usage #

Displaying a FlareSheet #

Use the showFlareSheet helper to trigger the experience.

import 'package:flare_sheet/flare_sheet.dart';

showFlareSheet(
  context: context,
  child: ProfileSettingsView(),
);

Full Customization #

showFlareSheet(
  context: context,
  blur: 30.0,
  opacity: 0.2,
  backgroundColor: Colors.blue.withOpacity(0.1),
  borderRadius: 40.0,
  horizontalMargin: 20.0,
  bottomMargin: 30.0,
  useStackEffect: true,
  child: YourMainContent(),
);

📐 Parameters #

Parameter Type Default Description
child Widget Required The main body of the sheet.
blur double 20.0 Intensity of the glass blur.
opacity double 0.25 Background color opacity level.
borderRadius double 32.0 Rounded corners of the sheet container.
horizontalMargin double 16.0 Gap between the sheet and screen sides.
bottomMargin double 24.0 Gap between the sheet and screen bottom.

🎨 Theme Support #

FlareSheet automatically inherits from your app's ThemeData, respecting both Light and Dark modes while maintaining its glass characteristics.


📜 License #

MIT License - Copyright (c) 2026 ErsanQ.

Built with passion by ErsanQ.

1
likes
160
points
102
downloads

Documentation

API reference

Publisher

unverified uploader

Weekly Downloads

A premium, modern, and high-performance glassmorphism bottom sheet for Flutter. Part of the Flare ecosystem.

Repository (GitHub)
View/report issues

License

MIT (license)

Dependencies

flutter

More

Packages that depend on flare_sheet