ducafecatFlutter ecosystem guide
FLUTTER ECOSYSTEM

kishan-dhankecha/blurrycontainer

A Flutter package to create a frosted glass effect on a container.

View on GitHub ↗
blurrycontainer project cover
Stars
47
Forks
11
Last push (UTC)
Feb 5, 2025
Project status
Active
Kishan Dhankecha GitHub avatar
GITHUB User

Kishan Dhankecha ↗

Dart | Flutter | Laravel | NodeJS | Android | iOS

Gujarat, India.
LanguagesDart

Technical topics

# blur# flutter# flutter-package# package# container# frosted-glass# ui# blurry-container

Packages published by this repository

Dependencies used

Dependency list 3 items
  • flutter{"sdk":"flutter"}
  • flutter_lintsDevelopment^3.0.0
  • flutter_testDevelopment{"sdk":"flutter"}

Original README

English project snapshot. Visit GitHub for the latest content.

Expand / collapse project README

blurrycontainer

pub package

likes popularity pub points

Introduction

A Flutter package to create a frosted glass effect on a container.

Screenshots

Screenshot

Installation

dependencies:
  blurrycontainer: 2.1.0

import 'package:blurrycontainer/blurrycontainer.dart';

Example

Using BlurryContainer widget
BlurryContainer(
  child: YOUR_WIDGET(),
  blur: 5,
  width: 200,
  height: 200,
  elevation: 0,
  color: Colors.transparent,
  padding: const EdgeInsets.all(8),
  borderRadius: const BorderRadius.all(Radius.circular(20)),
),

BlurryContainer.square(
  child: YOUR_WIDGET(),
  dimension: 200,
),

BlurryContainer.expand(
  child: YOUR_WIDGET(),
),
Using blurry extension method on
YOUR_WIDGET().blurry(
  blur: 5,
  width: 200,
  height: 200,
  elevation: 0,
  color: Colors.transparent,
  padding: const EdgeInsets.all(8),
  borderRadius: const BorderRadius.all(Radius.circular(20)),
),

Support :heart:

Star project on github.com.

Like on pub.dev.