Fancy background animations in Flutter

See a high-quality version on YouTube.
return Container(
decoration: BoxDecoration(
gradient: LinearGradient(
begin: Alignment.topCenter,
end: Alignment.bottomCenter,
colors: [color1, color2])),
Animated gradient.
  • speed: to control the animation duration of a wave pass
  • height: to set the area in which the wave acts
  • offset: a shift in the x-axis to give a wave different “start position”
It looks even more beautiful on a device with 60fps.




Software Developer,

Love podcasts or audiobooks? Learn on the go with our new app.

Recommended from Medium


Is AWS a good fit for your app!

Python: Getting Started

All about Snowflake and some Insights

Let’s Flutter Ep 3 — Guess my number — Introduction

Fat Protocols: Appian — Why Is This Low Code Automation Platform Becoming So Popular and Is $APPN…

Announcing the 30-in-30 Flux Community Event

What skills should a junior Ruby on Rails developer have?

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Felix Blaschke

Felix Blaschke

Software Developer,

More from Medium

Flutter Native Splash

How to hide app preview when switching apps, with Flutter.

Create A Better Flutter App.

Flutter ScrollPhysics Variations & Use Cases