KO | EN

GitLite

Minimalist Open Source Repository Search Engine

gitlite — search

#dsh #dsh-plugin #developer-tools #ai-agent #claude-code #codex #typescript #ai-agents #deepseek-harness #mcp #cli #rust

uikit

★ 51 Open GitHub ↗

基于 Dart 实现的 UI 组件库，支持 Android、iOS、Web、Windows、macOS、Linux 、 HarmonyOS（SDK ≥ 3.29）等多平台编译，持续维护更新

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# uikit

[![pub package](https://img.shields.io/pub/v/uikit_plus.svg)](https://pub.dev/packages/uikit_plus)
[![GitHub stars](https://img.shields.io/github/stars/zhengzaihong/uikit.svg?style=social)](https://github.com/zhengzaihong/uikit)
[![license](https://img.shields.io/github/license/zhengzaihong/uikit)](https://raw.githubusercontent.com/zhengzaihong/uikit/master/LICENSE)

Language: English | [简体中文](README-ZH.md)

A fully **Dart-based** cross-platform **Flutter UI component library**, supporting compilation to **HarmonyOS (SDK ≥ 3.29)**. It provides high-quality, extensible UI components to make your project development more efficient!

---

## 🌟 Highlights
- 📦 Rich UI components: input fields, pickers, tables, menus, animation effects, etc.
- 🔗 **Zero dependencies**, fully implemented in Dart, ready to use out of the box.
- 🎨 Highly customizable, supporting style extensions and secondary encapsulation.
- 🌍 Multi-platform support: **Android / iOS / Web / Windows / MacOS / Linux / HarmonyOS**
- 🔥 Continuously updated, already providing **20+ commonly used components**

---

## 📦 Installation
Add dependency in `pubspec.yaml`:
```yaml
dependencies:
  uikit_plus: ^0.4.3   //The old version is not maintained, and the old version last relies on the address： flutter_uikit_forzzh:0.3.1
```

# 📚 Component Catalog

## Input & Form Components
- **InputText**: Minimal input field with real-time validation, supports all TextField/TextFormField properties
- **InputValidation**: 10+ built-in validators (email, phone, URL, ID card, number, etc.) with combination validation
- **InputExtend**: Search component with all TextField properties
- **KitCheckBox**: Checkbox with tri-state support, haptic feedback, and custom icons
- **KitSwitch**: Switch component supporting Android/iOS styles with haptic feedback
- **ImageSwitch**: Highly customizable switch button

## Progress & Rating
- **LinearProgressBar**: Linear progress bar with customizable colors and animations
- **CycleProgressBar**: Circular progress bar with gradient support
- **RatingBar**: Rating component with value formatter and custom star styles
- **TimeView**: Countdown timer with pause/resume, progress tracking, and auto-restart

## Pickers & Selectors
- **CityPickerView**: City picker with province/city/district selection
- **DatePicker**: Date picker with multiple modes
- **SelectionMenu**: Dropdown menu with smart positioning
- **SelectionMenuForm**: Dropdown with real-time validation
- **InfiniteLevelsMenus**: Infinite-level menus with simplified logic
- **MultiSelector**: Infinite-level collapsible menu with multi-select

## Display Components
- **Toast**: Fully customizable toast (style, position, queue support)
- **ZTooltip**: Tooltip for any widget with custom content
- **Shimmer**: Shimmer loading effect
- **MarqueeView**: Marquee component with pause/resume control
- **Bubble**: Bubble component with multiple arrow styles
- **GlobalDialog**: Global dialog with auto-dismiss and singleton management

## Layout & Navigation
- **TableView**: Table layout with horizontal and vertical scrolling
- **Pager**: Pagination with theme system (4 built-in themes)
- **CustomAnimatedBottomBar**: Bottom navigation with badge support and haptic feedback
- **StackCard**: Stacked card component with swipe gestures
- **FloatExpendButton**: Expandable menu button (up/down/left/right)
- **DrawerRouterStack**: Multi-level drawer navigation
- **SmartDrawer**: Flexible drawer with custom width

## Animation & Effects
- **SplashBobbleAnimation**: Splash bubble animation with custom colors and curves
- **TextExtend**: Text with web-style effects and elastic animations

## Charts
- **Radar5DimensionsChart**: 5-dimensional radar chart
- **RadarChart**: N-dimensional radar chart

...continuously updating....

## 🎨 Component Showcase --- See source code for more examples

### Common Widgets:
![](https://github.com/zhengzaihong/uikit/blob/master/images/widgets1.gif)

### Radar Components (5-N Dimensions):
![radar](https://github.com/zhengzaihong/uikit/blob/master/images/radar-n.png )
![radar](https://github.com/zhengzaihong/uikit/blob/master/images/radar-n2.png)

### Date Components:
![](https://github.com/zhengzaihong/uikit/blob/master/images/date_picker.gif)

### Minimal Input Field supports all TextField and TextFormField properties, with real-time validation
![](https://github.com/zhengzaihong/uikit/blob/master/images/input_text.gif)
![](https://github.com/zhengzaihong/uikit/blob/master/images/input_text_pop.gif)

### Bottom Navigation Menu:
![CustomAnimatedBottomBar](https://github.com/zhengzaihong/uikit/blob/master/images/bottom_bar.gif) )

### Input Field Extension with Search:

![](https://github.com/zhengzaihong/uikit/blob/master/images/inputextentd.gif)

### City Picker:
![](https://github.com/zhengzaihong/uikit/blob/master/images/citypicker.gif)

### Customizable Toast:
![](https://github.com/zhengzaihong/uikit/blob/master/images/toast.gif)
![](https://github.com/zhengzaihong/uikit/blob/master/images/toast_point.png)
![](https://github.com/zhengzaihong/uikit/blob/master/images/toast_queue.gif)

### Shimmer: Shimmer loading effect：
![](https://github.com/zhengzaihong/uikit/blob/master/images/shimmer1.gif)

### Customizable Tooltip:
![](https://github.com/zhengzaihong/uikit/blob/master/images/ztooltip.gif)

### Highly Customizable Dropdown Menu:
![](https://github.com/zhengzaihong/uikit/blob/master/images/SelectionMenu2.jpg)

### Infinite-Level Menu
![](https://github.com/zhengzaihong/uikit/blob/master/images/one_expand.gif)
### Infinite-Level Multi-Select Menu!
![](https://github.com/zhengzaihong/uikit/blob/master/images/selector.png)

### Table Component
![](https://github.com/zhengzaihong/uikit/blob/master/images/table_scroller.gif)

### Pagination Component
![](https://github.com/zhengzaihong/uikit/blob/master/images/pager_image.png)

### Special note: Support compilation to HarmonyOS
![](https://github.com/zhengzaihong/uikit/blob/master/images/HarmonyOS-example.gif)

uikit

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README