explaingit

flutterchina/flukit

5,940DartAudience · developerComplexity · 2/5Setup · easy

TLDR

Flukit is a Flutter widget library for Dart that adds ready-to-use UI components, image carousels, animated buttons, pull-to-refresh, elastic stretch headers, and in-app log viewers, to your mobile app.

Mindmap

mindmap
  root((flukit))
    UI Widgets
      Image carousel
      Pinch-to-zoom view
      Gradient button
      WaterMark overlay
    Scroll Components
      Elastic stretch header
      Sticky header helper
      Pull-to-refresh
    Debug Tools
      Log panel in UI
      Layout constraint printer
      AfterLayout callback
    Audience
      Flutter developers
      Mobile app builders
Click or tap to explore — scroll the page freely

Code map

Detail Auto

An interactive map of this repo's files and how they connect — its source is parsed live in your browser. Click Visualize to build it.

filefunction / class

Things people build with this

USE CASE 1

Add a pinch-to-zoom photo viewer and image carousel to a Flutter app without building them from scratch.

USE CASE 2

Display debug log output directly in your Flutter app UI during development instead of switching to a terminal.

USE CASE 3

Build a social-style profile page with a spring-stretch header that responds elastically to pull-down gestures.

Tech stack

DartFlutter

Getting it running

Difficulty · easy Time to first run · 30min

Documentation is primarily in Chinese, which may slow setup for non-Chinese readers.

In plain English

Flukit is a Flutter UI widget library written in Dart, published as a package on pub.dartlang.org. It provides a set of ready-made widgets and utility classes that address common UI needs in Flutter applications, covering animation, layout, scrollable views, and debugging. On the visual side, the library includes gradient-background buttons, a circular progress indicator that supports gradient colors along its arc, a pinch-to-zoom view that also responds to double taps, an image carousel or swiper, a draggable scrollbar for long lists, and a pull-to-refresh component that triggers a refresh animation after the user lifts their finger. A TurnBox widget rotates its child to any angle with a smooth animation, and a WaterMark widget tiles a text or image pattern across a view. For scrollable content built with CustomScrollView, Flukit adds a SliverFlexibleHeader whose height stretches elastically as the user pulls down, similar to the spring effect seen on profile pages in some mobile apps. A SliverPersistentHeaderToBox variant simplifies setting up a sticky header by accepting a regular Box widget child without the usual delegate boilerplate. Several widgets help during development. LayoutLogPrint prints the layout constraints a parent passes to its child, which is useful when debugging unexpected widget sizing. LogListenerScope, VerticalLogPanel, and LogPanel intercept print output from anywhere in the app and display it in the UI itself, so developers can read logs without switching to a terminal. The AfterLayout widget provides access to a widget's RenderObject immediately after its first layout pass. The README and documentation are written primarily in Chinese. A contribution guide is included for developers who want to add new widgets.

Copy-paste prompts

Prompt 1
Using the Flukit package in Flutter, add a WaterMark widget that tiles my company logo across a view as a transparent background pattern.
Prompt 2
Show me how to use Flukit SliverFlexibleHeader to create a profile page with a stretchy header that springs back on scroll.
Prompt 3
Add Flukit VerticalLogPanel to my Flutter debug build so I can see print output without opening the terminal.
Prompt 4
Using Flukit, add a gradient-colored circular progress indicator and a TurnBox that rotates an icon widget smoothly.
Open on GitHub → Explain another repo

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

Verify against the repo before relying on details.