https://github.com/kishan-dhankecha/blurrycontainer

A Flutter package to create a frosted glass effect on a container.
https://github.com/kishan-dhankecha/blurrycontainer

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

Last synced: about 1 month ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/kishan-dhankecha/blurrycontainer
• Owner: kishan-dhankecha
• License: mit
• Created: 2020-05-14T15:36:17.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2024-05-04T08:52:36.000Z (8 months ago)
• Last Synced: 2024-11-15T06:37:10.484Z (about 2 months ago)
• Topics: blur, blurry-container, container, flutter, flutter-package, frosted-glass, package, ui
• Language: Dart
• Homepage: https://pub.dev/packages/blurrycontainer
• Size: 2.32 MB
• Stars: 38
• Watchers: 4
• Forks: 10
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# blurrycontainer

[![pub package](https://img.shields.io/pub/v/blurrycontainer.svg)](https://pub.dev/packages/blurrycontainer)

[![likes](https://img.shields.io/pub/likes/blurrycontainer)](https://pub.dev/packages/blurrycontainer/score)

[![popularity](https://img.shields.io/pub/popularity/blurrycontainer)](https://pub.dev/packages/blurrycontainer/score)

[![pub points](https://img.shields.io/pub/points/blurrycontainer)](https://pub.dev/packages/blurrycontainer/score)

# Introduction

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

# Screenshots



# Installation

```yaml

dependencies:

  blurrycontainer: 2.1.0

```

```dart

import 'package:blurrycontainer/blurrycontainer.dart';

```

# Example

### Using `BlurryContainer` widget

```dart

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)),

),

```

```dart

BlurryContainer.square(

  child: YOUR_WIDGET(),

  dimension: 200,

),

```

```dart

BlurryContainer.expand(

  child: YOUR_WIDGET(),

),

```

### Using `blurry` extension method on 

```dart

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](https://github.com/kishan-dhankecha/blurrycontainer).

Like on [pub.dev](https://pub.dev/packages/blurrycontainer).