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.1   //The old version is not maintained, and the old version last relies on the address: flutter_uikit_forzzh:0.3.1

📚 Component Catalog

  • LinearProgressBar/CycleProgressBar: Progress bar components (linear and circular)

  • RatingBar: Rating component

  • Toast: Fully customizable toast component (supports style customization, fixed position, queue, etc.)

  • CityPickerView:CityPickerView: City picker

  • DatePicker:DatePicker: Date picker

  • TimeView:TimeView: Countdown under any widget

  • TableView:TableView: Table layout supporting both horizontal and vertical scrolling

  • MarqueeView: MarqueeView: Marquee component

  • InfiniteLevelsMenus: InfiniteLevelsMenus: Infinite-level menus with simplified logic

  • InputText: InputText: Minimal input field, supports real-time form validation, all TextField and TextFormField properties, and linked popups.

  • FloatExpendButton: (Up, down, left, right) Retractable menu buttons

  • InputExtend:Enter the search component, which supports all properties of TextField in Flutter

  • Pager:Pager: Pagination component

  • SelectionMenu:SelectionMenu: Dropdown menu without concern for data itself

  • SelectionMenuForm: SelectionMenuForm: Dropdown with real-time selection validation

  • TextExtend: TextExtend: Text extension component, supports web-style JS menu effects and elastic animations

  • MousePopupButton: MousePopupButton: Right-click popup component for web

  • Shimmer: Shimmer: Shimmer loading effect

  • ImageSwitch: ImageSwitch: Highly customizable switch button component

  • KitSwitch:KitSwitch: Switch component supporting Android and iOS

  • KitCheckBox:KitCheckBox: Simplified checkbox component

  • ZTooltip: ZTooltip: Tooltip component for any widget

  • Radar5DimensionsChart/RadarChart:Radar5DimensionsChart/RadarChart: 5D and ND radar components

  • CustomAnimatedBottomBar: CustomAnimatedBottomBar: Bottom animated menu

  • StackCard:StackCard: Stacked card component

  • MultiSelector:MultiSelector: Infinite-level collapsible menu

  • DrawerRouterStack: Component for implementing multi-level sub-drawers or peer content routing inside drawers (to be used with DrawerRouter)

    ...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

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
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/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_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
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/rotating_view
widgets/time_view