Skip to content

A Flutter widget that draws a matrix of colors like gradients also with simple animation.

License

Notifications You must be signed in to change notification settings

Flutter-Italia-Developers/blur_matrix

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

BlurMatrix

A Flutter widget that draws a matrix of colors like gradients also with simple animation.

Image Image

How to use

Define a List of List of colors like this:

colors = [
      [Colors.red,            Colors.blue,             Colors.yellowAccent],
      [Colors.green,          Colors.black,            Colors.cyanAccent],
      [Colors.yellowAccent,   Colors.deepPurpleAccent, Colors.white],
      [Colors.red,            Colors.blue,             Colors.yellowAccent],
    ];

or maybe like this for a Shimmer effect like result:

colors = [
  [Colors.black.withOpacity(0.6),      Colors.white.withOpacity(0.8)],
];

Then use BlurMatrix or BlurMatrixAnimate:

Container(
  width: 250,
  height: 250,
  child: BlurMatrixAnimate(
    colors: colors,
  ),
),

This widget could be a start for nice effects, so if you have some nice idea, please le me know!

About

A Flutter widget that draws a matrix of colors like gradients also with simple animation.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • Dart 35.0%
  • CMake 28.9%
  • C++ 16.2%
  • HTML 14.8%
  • C 2.7%
  • Swift 1.6%
  • Other 0.8%