style: very good analysis

Nomo UI Kit Flutter

See the api-docs for a list of individual functions. Check out the example app!

Originally created for the Nomo App, this Flutter UI package offers a collection of reusable widgets, such as buttons and cards. By seamlessly integrating as a submodule, it encourages modular design and ensures a cohesive user experience throughout. Simplify UI development without locking yourself into a fixed system.

Why Nomo UI Kit?

Compared to Kits like Material UI, Nomo UI Kit offers a few outstanding features:

  • Extremely lightweight: Nomo UI Kit has almost zero runtime-dependencies and can fit easily into any web app or native app.
  • Highly customizable: Although Nomo UI Kit has its opinion on how a UI should look, it allows to customize almost every detail.
  • Highly extensible: By subclassing Nomo UI widgets, it is easy to adopt for a wide range of design languages.

Features

  • Versatile Buttons: Our UI package includes a variety of buttons designed to suit different use cases. From primary action buttons to subtle secondary options, these customizable buttons seamlessly adapt to your app's design language, ensuring a consistent and polished look across the board.

  • Interactive Cards: Elevate your app's content presentation with interactive cards. These versatile components provide an organized and visually appealing way to showcase information. With options for media integration and customizable layouts, our cards offer a dynamic user experience.

  • Text Elements with Style: Enhance your app's typography with our carefully crafted text elements. Whether it's headings, paragraphs, or labels, our UI package provides consistent text styling that complements your design principles. Maintain readability and visual harmony throughout your app's interface.

  • Intuitive Dialogs: Seamlessly engage users with intuitive dialogs powered by our UI package. Whether it's capturing user input or conveying important information, our dialogs ensure a smooth and coherent interaction flow. Customize dialog content, appearance, and behavior to create a seamless extension of your app's functionality.

Each feature within our UI package is thoughtfully crafted; streamlining the creation of a cohesive and user-friendly app experience.

  • More Widgets Coming Soon!

Libraries

animations/implicit/animated_nomo_default_textstyle
app/animator
app/metric_reactor
app/nomo_app
app/notifications/app_notification
components/app/app
components/app/app_bar/layout/appbar_layout_delegate
components/app/app_bar/layout/appbar_layout_renderbox
components/app/app_bar/nomo_app_bar
components/app/bottom_bar/nomo_bottom_bar
components/app/bottom_bar/nomo_horizontal_tile
components/app/routebody/nomo_route_body
components/app/scaffold/nomo_scaffold
components/app/scaffold/nomo_scaffold_layout
components/app/sider/nomo_sider
components/buttons/base/nomo_button
components/buttons/primary/nomo_primary_button
components/buttons/secondary/nomo_secondary_button
components/buttons/text/nomo_text_button
components/card/card_const
components/card/nomo_card
components/context_menu/context_menu
components/data/nodata/no_data
components/dialog/nomo_dialog
components/divider/nomo_divider
components/dropdown_button/nomo_dropdown_button
components/elevatedBox/elevated_box
components/expandable/expandable
components/info_item/nomo_info_item
components/input/cupertino_text_input
components/input/form/nomo_form
components/input/textInput/nomo_input
components/input/textInput/text_layout
components/layout/dynamic_row/dynamic_row
components/loading/fade_in
components/loading/loading
components/loading/shimmer/loading_container
components/loading/shimmer/loading_shimmer
components/loading/shimmer/shimmer
components/nomo_elevation/nomo_elevation
components/notification/nomo_notification
components/outline_container/nomo_outline_container
components/snackbar/nomo_snackbar
components/text/nomo_text
components/vertical_menu/nomo_vertical_menu
components/vertical_menu/nomo_vertical_tile
entities/nomo_decoration
icons/icon_data
icons/nomo_icons
nomo_ui_kit_base
theme/nomo_theme
theme/sub/nomo_color_theme
theme/sub/nomo_constants
theme/sub/nomo_sizing_theme
theme/theme_provider
utils/extensions
utils/layout_extensions
utils/multi_wrapper
utils/platform_info/platform_info
utils/platform_info/platform_info_base
utils/platform_info/platform_info_io
utils/platform_info/platform_info_unsupported
utils/platform_info/platform_info_web
utils/tweens