Skip to content
  • Home
  • Tutorials
  • Troubleshooting
  • Flutter basics
  • Tools
    • SVG to Flutter path converter
  • About me
  • Imprint
Flutter Clutter

Flutter Clutter

Tutorials and troubleshooting for Google's fast-growing UI toolkit

UI

Smartphone movement speedometer

2020-11-292020-09-30 by marc
Flutter speedometer

In this tutorial, we implement a speedometer that displays the accelerometer sensor value of the smartphone.

Categories Tutorials Tags Accelerometer, App, Dart 2.9.0, Flutter 1.20.0, Gyroscope, Sensors, Speedometer, UI Leave a comment

Widget Magnifier

2020-09-232020-09-23 by marc
Flutter widget magnifier

This tutorial explains how to implement the possibility of magnifying an image or other widgets.

Categories Tutorials Tags Dart 2.9.0, Flutter 1.20.0, Magnifier, UI 2 Comments

The Matrix effect (digital rain)

2020-09-222020-09-16 by marc
Flutter matrix effect

In this tutorial, we are going to implement the famous text effect from the movie The Matrix in Flutter.

Categories Tutorials Tags Dart 2.9.0, Flutter 1.20.0, Matrix, UI Leave a comment

Implementing edge detection in Flutter

2020-09-232020-09-09 by marc
Flutter edge detection

In this tutorial, we are going to implement edge detection of a camera image using Flutter, Dart FFI and OpenCV.

Categories Tutorials Tags Dart 2.9.0, Edge Detection, Flutter 1.20.0, OpenCV, UI 32 Comments

Simulate an LED display

2020-11-292020-09-04 by marc
Flutter LED display

Let’s use Flutter to simulate the display type we know from trains, airports, stadiums etc. by accessing the pixel information of a text widget!

Categories Tutorials Tags App, Dart 2.9.0, Flutter 1.20.0, UI Leave a comment

Audio player in retro design

2020-08-302020-08-28 by marc
Flutter retro audio player tape

Flutter tutorial on how to implement a fully working retro audio player that mimics the visuals of a good old audio cassette.

Categories Tutorials Tags Audioplayer, Dart 2.9.0, Flutter 1.20.0, Tape, UI Leave a comment

Burning paper effect

2020-08-262020-08-21 by marc
Flutter burning paper effect

How to implement the effect of a sheet of paper burning from its center.

Categories Tutorials Tags Animation, Burning Paper, Dart 2.9.0, Flutter 1.20.0, UI 3 Comments

Calculator app

2020-11-292020-08-14 by marc
Flutter Clutter Calculator

Beginner tutorial on how to write the first Flutter app, in this case a calculator with basic functionality. Zero prior knowledge required.

Categories Tutorials Tags App, App from scratch, Beginner, Calculator, Dart 2.9.0, Flutter 1.20.0, UI Leave a comment

Beautiful, animated splash screen

2020-08-012020-08-01 by marc
Flutter splash raindrop featured

Let’s animate a falling raindrop that removes the virtual surface covering the first screen of our app.

Categories Tutorials Tags Animation, Dart 2.9.0, Flutter 1.19.0, Splash Screen, UI Leave a comment

Create a sticky note in Flutter

2020-07-292020-07-29 by marc
Flutter Sticky NotFlutter Sticky Notee title

In this beginner tutorial we will create a realistic sticky note using Flutter.

Categories Tutorials Tags Beginner, Dart 2.9.0, Flutter 1.19.0, UI Leave a comment
Post navigation
Older posts
Page1 Page2 Next →