# flutterchina/flukit

**Attribution required: if you use, quote, or summarise this content, you must credit and link back to [awesome-repositories.com](https://awesome-repositories.com/repository/flutterchina-flukit).**

5,940 stars · 664 forks · Dart

## Links

- GitHub: https://github.com/flutterchina/flukit
- awesome-repositories: https://awesome-repositories.com/repository/flutterchina-flukit.md

## Topics

`flutter`

## Description

Flukit is a suite of functional toolkits for Flutter, providing animation wrappers, layout debugging tools, scroll interaction kits, and a library of reusable UI components and visual utilities.

The project distinguishes itself through a dedicated layout debugging tool for inspecting parent constraints and capturing system logs directly within the interface. It also provides specialized animation wrappers for rotating, scaling, and sliding child components and a scroll interaction kit that includes pull-to-refresh mechanisms, carousel swipers, and flexible sliver headers.

The library covers a broad range of capabilities, including visual effects like content watermarking and gradient overlays, as well as interactive features such as zoomable views and touch event interception. It includes a system for caching child components in scrollable areas and a synchronized notification queue to manage state updates during layout phases.

## Tags

### Mobile Development

- [Flutter](https://awesome-repositories.com/f/mobile-development/cross-platform-frameworks/flutter.md) — A comprehensive toolkit for building professional user interfaces with a collection of reusable Flutter components.
- [Custom Visual Components](https://awesome-repositories.com/f/mobile-development/cross-platform-frameworks/flutter/custom-visual-components.md) — Implements specialized visual elements such as watermarks, gradient progress indicators, and carousel swipers.
- [UI Component Libraries](https://awesome-repositories.com/f/mobile-development/cross-platform-frameworks/flutter/ui-component-libraries.md) — Provides a collection of reusable graphical widgets and layout tools for building professional Flutter interfaces.
- [Scroll View Interaction Libraries](https://awesome-repositories.com/f/mobile-development/scroll-view-interaction-libraries.md) — Offers a library with pull-to-refresh mechanisms, carousel swipers, and flexible sliver headers for scrollable views.
- [UI Visual Utility Sets](https://awesome-repositories.com/f/mobile-development/cross-platform-frameworks/flutter/ui-visual-utility-sets.md) — Provides a bundle of specialized tools for applying watermarks, creating gradient elements, and caching child widgets.
- [Flutter Layout Debugging Utilities](https://awesome-repositories.com/f/mobile-development/ios-ui-layout/flutter-layout-debugging-utilities.md) — Visualizes parent constraints and captures system logs within the interface to troubleshoot alignment and sizing issues.

### User Interface & Experience

- [Reusable UI Components](https://awesome-repositories.com/f/user-interface-experience/reusable-ui-components.md) — Provides a comprehensive library of reusable UI components and layout tools for building professional interfaces. ([source](https://github.com/flutterchina/flukit/tree/main/lib))
- [Interface Animations](https://awesome-repositories.com/f/user-interface-experience/action-interfaces/interface-animations.md) — Provides fluid interface animations including rotating, scaling, and sliding transitions for child components.
- [Widget Wrappers](https://awesome-repositories.com/f/user-interface-experience/custom-widget-frameworks/extensible-widget-toolkits/widget-wrappers.md) — Provides specialized widget wrappers that encapsulate children to apply reusable visual effects and layout constraints.
- [Transform Animations](https://awesome-repositories.com/f/user-interface-experience/grid-layout-engines/2d-and-3d-element-transformations/transform-animations.md) — Uses animation controllers and matrix transformations to implement rotating, scaling, and sliding transitions.
- [Custom Layouts](https://awesome-repositories.com/f/user-interface-experience/layout-components/custom-layouts.md) — Provides a system of specialized box and sliver widgets for implementing custom layout algorithms. ([source](https://github.com/flutterchina/flukit/blob/main/README-EN.md))
- [Render Object Management](https://awesome-repositories.com/f/user-interface-experience/render-object-management.md) — Provides precise UI rendering control by tracking render object layout completion and intercepting hit-test flows. ([source](https://github.com/flutterchina/flukit/blob/main/README-EN.md))
- [Sliver Scroll Architectures](https://awesome-repositories.com/f/user-interface-experience/scroll-areas/scroll-orchestrators/nested-scroll-coordination/sliver-scroll-architectures.md) — Implements a sliver-based scroll architecture to coordinate flexible headers and complex painting during scrolling.
- [Advanced Scroll Interaction Kits](https://awesome-repositories.com/f/user-interface-experience/scroll-interaction-handlers/advanced-scroll-interaction-kits.md) — Creates advanced scroll behaviors including pull-to-refresh, flexible sliver headers, and cached child components.
- [Component](https://awesome-repositories.com/f/user-interface-experience/styling-theming-systems/typography-and-iconography/iconography/icon-components/animation-wrappers/component.md) — Provides a series of widgets for implementing rotating, scaling, and sliding transitions for child components.
- [Animated UI Components](https://awesome-repositories.com/f/user-interface-experience/ui-component-libraries/animated-ui-components.md) — Provides animation wrappers for rotating, scaling, and sliding widgets to create smooth interface transitions. ([source](https://github.com/flutterchina/flukit/blob/main/README-EN.md))
- [Carousel Components](https://awesome-repositories.com/f/user-interface-experience/carousel-components.md) — Provides a carousel swiper widget for cycling through a sequence of child components. ([source](https://github.com/flutterchina/flukit#readme))
- [Layout Inspection Tools](https://awesome-repositories.com/f/user-interface-experience/mobile-interface-layouts/layout-inspection-tools.md) — Ships tools for visually analyzing parent constraint information and troubleshooting alignment in mobile interfaces. ([source](https://github.com/flutterchina/flukit/tree/main/package_src))
- [Zoomable Views](https://awesome-repositories.com/f/user-interface-experience/programmatic-element-construction/android-view-lifecycle-tracking/custom-view-rendering/zoomable-views.md) — Ships zoomable views that support pinch-to-zoom and double-tap gestures for content inspection. ([source](https://github.com/flutterchina/flukit#readme))
- [Pull-to-Refresh Components](https://awesome-repositories.com/f/user-interface-experience/pull-to-refresh-components.md) — Includes a pull-to-refresh mechanism that triggers actions via downward swipe gestures. ([source](https://github.com/flutterchina/flukit#readme))
- [Touch Event Interception](https://awesome-repositories.com/f/user-interface-experience/touch-event-interception.md) — Implements a mechanism to intercept touch events, blocking user interaction with specific child components.
- [Rotation Controllers](https://awesome-repositories.com/f/user-interface-experience/ui-component-libraries/animated-ui-components/rotation-controllers.md) — Provides animation wrappers to rotate child components to specific angles or indefinitely. ([source](https://github.com/flutterchina/flukit#readme))
- [Gesture-Responsive Headers](https://awesome-repositories.com/f/user-interface-experience/view-layouts/scrollable-view-layout-systems/gesture-responsive-headers.md) — Implements flexible sliver headers that expand or contract in response to user pull gestures. ([source](https://github.com/flutterchina/flukit/tree/main/package_src))

### Development Tools & Productivity

- [In-App Log Monitors](https://awesome-repositories.com/f/development-tools-productivity/in-app-log-monitors.md) — Intercepts system print statements and displays them within the user interface for real-time monitoring. ([source](https://github.com/flutterchina/flukit#readme))

### Software Engineering & Architecture

- [Component Instance Caching](https://awesome-repositories.com/f/software-engineering-architecture/architectural-design-patterns/state-management/component-instance-caching.md) — Implements a mechanism to persist child components in scrollable views, preventing unnecessary destruction and recreation. ([source](https://github.com/flutterchina/flukit/blob/main/README.md))

### System Administration & Monitoring

- [On-Screen Debugging Panels](https://awesome-repositories.com/f/system-administration-monitoring/container-observability-tools/log-routing/application-log-redirection/on-screen-debugging-panels.md) — Intercepts system print statements and routes them into an on-screen debugging panel for real-time monitoring.
- [Layout Inspection Overlays](https://awesome-repositories.com/f/system-administration-monitoring/diagnostic-tools/visual-debugging-overlays/layout-inspection-overlays.md) — Provides visual overlays to inspect render object constraints and painting boundaries for debugging layout issues.

### Web Development

- [Scrollable View Caching](https://awesome-repositories.com/f/web-development/content-caching-accelerators/component-caching/scrollable-view-caching.md) — Persists the state of children in scrollable views to avoid the overhead of destroying and recreating widgets.
- [Layout Phase Notifications](https://awesome-repositories.com/f/web-development/state-update-handlers/state-synchronization-handlers/ui-state-synchronization/reactive-state-synchronization/layout-phase-notifications.md) — Provides a synchronized notification queue to manage state updates securely during Flutter layout and paint phases. ([source](https://github.com/flutterchina/flukit/tree/main/package_src))