flare_sheet 1.0.0
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 #

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