uikit
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):
Date Components:
Minimal Input Field supports all TextField and TextFormField properties, with real-time validation
Bottom Navigation Menu:
)
Input Field Extension with Search:
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
- 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
- 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/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
- 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