hornbill 1.3.1 copy "hornbill: ^1.3.1" to clipboard
hornbill: ^1.3.1 copied to clipboard

A lightweight, beautify Flutter UI component package inspired by Material Design 3 Expressive, with a focus on simplicity, elegance, and ease of use.

Hornbill UI is a lightweight Flutter component package starter for building a consistent design system. Check out the example app for a demo of the components in action. Documentation coming soon.

Features #

  • Material 3 theme helper with a seeded color palette.
  • Reusable button variants for primary, secondary, and text-style actions.
  • A simple card wrapper for content sections and surfaces.

Installation #

Add the following to your pubspec.yaml file:

dependencies:
  hornbill: ^1.1.0

Components #

Buttons #

You can use normal buttons, icon buttons, or buttons with icons and text. The buttons are designed to be consistent with Material 3 design principles.

Cards #

The HornbillCard widget is a simple wrapper for content sections and surfaces. It provides a consistent look and feel for your app's UI.

ListView #

Warning

If you are updating to 1.2.0, please note that the MListView widget has been renamed to HListView. Please update your imports accordingly.

Material 3 ListView with headers and spacing. The HListHeader widget can be used to create section headers in your list. HListView is a wrapper around ListView that provides a consistent look and feel for your app's UI.

TextInputField #

Warning

If you are updating to 1.2.0, please note that the TextInputField widget has been renamed to HornbillTextField. Please update your imports accordingly.

The HornbillTextField widget provides a simpler way to create text input fields with consistent styling and behavior. It supports various input types, validation, and customization options.

Scaffold #

The HornbillScaffold widget is a wrapper around the standard Scaffold widget which uses CustomScrollView and Slivers to provide a consistent look and feel for your app's UI. It also provides a simple way to create a consistent app bar and bottom navigation bar.

Caution

You have to use Sliver based widgets inside the HornbillScaffold body. For example, you can use SliverToBoxAdapter to wrap non-sliver widgets.

Additional information #

The package is intentionally small so you can extend it with your own tokens, widgets, and layout primitives.

0
likes
0
points
280
downloads

Publisher

unverified uploader

Weekly Downloads

A lightweight, beautify Flutter UI component package inspired by Material Design 3 Expressive, with a focus on simplicity, elegance, and ease of use.

Homepage
Repository

License

unknown (license)

Dependencies

flutter, flutter_highlight, material_symbols_icons, plugin_platform_interface

More

Packages that depend on hornbill

Packages that implement hornbill