Overview
BlurryContainer is a Flutter package that enables developers to easily implement a frosted glass effect on containers, creating modern, translucent UI elements. It leverages platform-specific blur techniques to deliver smooth, visually appealing glassmorphic designs across Android, iOS, Web, macOS, Windows, and Linux. The package simplifies the process of applying blur effects without requiring complex custom rendering. Ideal for overlays, cards, modals, and floating UI components, it enhances visual depth and aesthetic appeal in contemporary app interfaces.
Use cases
- Creating frosted glass overlays
- Designing translucent cards and modals
- Building modern UI with glassmorphism
- Enhancing app splash screens
- Implementing floating action buttons with blur
- Adding depth to navigation bars
Key features
- Cross-platform blur support
- Simple API for container blur
- Built-in transparency controls
- Optimized performance
- Customizable blur intensity
- Supports shadows and borders
Suitable for
- UI designers seeking glassmorphic effects
- Developers building modern Flutter apps
- Apps with dark mode or translucent themes
- Projects emphasizing visual polish
- Teams using Material 3 design principles
Considerations
- Performance impact on low-end devices
- Limited customization beyond blur and opacity
- May require additional styling for edge cases
- Not suitable for high-contrast accessibility needs
- Blur quality varies slightly by platform