toly1994328/flutterunit

★ 8,826DartAudience · developerComplexity · 2/5LicenseSetup · easy

Mindmap

mindmap
  root((flutterunit))
    What it does
      306 widget catalog
      Live interactive demos
      Code copy and share
    Platforms
      Android iOS
      macOS Windows
      Web
    Features
      Syntax highlighting
      8 color themes
      Widget linking
    Audience
      Flutter learners
      UI developers

mindmap root((flutterunit)) What it does 306 widget catalog Live interactive demos Code copy and share Platforms Android iOS macOS Windows Web Features Syntax highlighting 8 color themes Widget linking Audience Flutter learners UI developers

Click or tap to explore — scroll the page freely

Things people build with this

USE CASE 1

Browse all 306 Flutter widgets in a live catalog to quickly find the right component for your UI without reading documentation.

USE CASE 2

Tap any widget to see its properties, interact with a live demo, and copy the source code into your own project.

USE CASE 3

Use as a companion reference app while following Flutter learning books or courses.

USE CASE 4

Test Flutter widget behavior across multiple platforms from a single downloadable app.

Tech stack

DartFlutter

Getting it running

Difficulty · easy Time to first run · 5min

Download the prebuilt APK, DMG, or EXE from GitHub releases, no build step or Flutter install required.

GPL-3.0, you can use and modify this freely, but any software you distribute that includes this code must also be released as open source under the same license.

In plain English

FlutterUnit is a demo app that runs on Android, iOS, macOS, Windows, and the web, built entirely with Flutter. Its main purpose is to give developers a hands-on way to explore the UI building blocks that Flutter ships with. Rather than reading documentation alone, you open the app, browse a catalog of over 300 components, and see each one running live on your device. The catalog currently covers 306 Flutter widgets. For 213 of those, there is a dedicated detail page that shows the widget in action, lists its configurable properties, and lets you interact with it directly. All the visual previews are built from real Flutter code, not screenshots, which means you can poke at them rather than just look at them. Related widgets are linked together so you can jump between similar components while exploring. The app also lets you read and share the code that produces each demo. Syntax highlighting is included, and the color scheme for code display is customizable. There are eight built-in color themes for the overall app interface, and you can change the font as well. The README is written mostly in Chinese and links to a series of paid and free Flutter learning books published on the Juejin platform. Those books cover Flutter fundamentals, drawing, animations, scrolling, layout, and the rendering system. The author appears to be the same person who wrote those books, and FlutterUnit serves as a companion reference app for learners following that material. The project is licensed under GPL-3.0 and downloadable directly from the GitHub releases page as an APK for Android, a DMG for macOS, or an EXE for Windows. There is also a hosted web version available.

Copy-paste prompts

Prompt 1

I'm building a Flutter list UI and I don't know which widget to use. Which FlutterUnit category shows ListView, GridView, and CustomScrollView side by side?

Prompt 2

How do I install FlutterUnit on Android from the GitHub releases page without building from source?

Prompt 3

I found a widget I like in FlutterUnit. How do I copy its demo code into my own Flutter project?

Prompt 4

How do I change the color theme in FlutterUnit and is the theme preference saved between sessions?

Prompt 5

Show me how to navigate from one widget to a related widget in FlutterUnit using the linked widget feature.

Open on GitHub → Explain another repo

← toly1994328 on gitmyhub — every repo by this author, as a profile.

Verify against the repo before relying on details.