uikit

pub package GitHub stars license

Language: English | 简体中文

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:

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:

Radar Components (5-N Dimensions):

radar radar

Date Components:

Minimal Input Field supports all TextField and TextFormField properties, with real-time validation

Bottom Navigation Menu:

CustomAnimatedBottomBar )

City Picker:

Customizable Toast:

Shimmer: Shimmer loading effect:

Customizable Tooltip:

Highly Customizable Dropdown Menu:

Infinite-Level Menu

Infinite-Level Multi-Select Menu!

Table Component

Pagination Component

Special note: Support compilation to HarmonyOS

Libraries

animation/splash_bobble_animation
behavior/new_scroll_behavior
behavior/overscrollbehavior
blur/blur
bubble/bubble
bubble/bubble_lib
button/button_lib
button/float_expend_button
card/stack_card
checkbox/kit_checkbox
dialog/global_dialog
drag/drag_box
drawer/drawer_lib
drawer/drawer_router
drawer/drawer_router_stack
drawer/smart_drawer
ext/top_view
infinite/infinite_levels_menus
input/input_lib
input/style/inline_style
input/style/outline_input_text_border
input/validate/input_validation
input/view/input_extend
input/view/input_text
line/dashed_border
line/dashedrect
line/line_lib
line/separator_view
loading/shimmer
nav/bottom_bar_lib
nav/custom_animated_bottom_bar
pager/pager
picker/date_picker/date_picker
picker/local_picker/city_picker
picker/picker_lib
pop/mouse_popup_button
pop/pop_box
pop/pop_lib
pop/pop_route
progress/cycle_progress_bar
progress/linear_progress_bar
progress/progress_lib
radar/radar_5dimensions_chart
radar/radar_chart
radar/radar_lib
ratingbar/rating_bar
select/bean/multi_selector_entity
select/drop_position
select/multi_selector
select/select_able_group
select/select_fun
select/select_lib
select/selection_menu
select/selection_menu_form
switch/image_switch
switch/kit_switch
switch/switch_lib
table/table_extend
table/tableview_lib
textview/marquee_view
textview/text_extend
textview/textview_lib
toast/toast_lib
toast/toast_utils
tooltip/ztooltip
uikit_lib
utils/cache_manager
author:郑再红 email:1096877329@qq.com date: 2021/6/14 time: 16:10 describe: 缓存工具 - 支持多平台(包括 Web)
utils/cache_manager_io
utils/cache_manager_web
utils/color_utils
utils/data_sugar
utils/event
utils/input_ext
utils/keyboard
utils/kit_math
utils/measure_utils
utils/num_utils
utils/responsive
utils/route_utils
utils/str_utils
utils/utils_lib
widgets/often_lib
widgets/rotate_view
widgets/rotating_view
widgets/time_view