watt

Installation

Setup font

Watt uses poppins font family as default font family

  • Download the font
  • Import font to pubspec.yaml
fonts:
  - family: Poppins
    fonts:
      - asset: fonts/Poppins/Poppins-Thin.ttf
      - asset: fonts/Poppins/Poppins-ThinItalic.ttf
        weight: 100
      - asset: fonts/Poppins/Poppins-Light.ttf
      - asset: fonts/Poppins/Poppins-LightItalic.ttf
        weight: 300
      - asset: fonts/Poppins/Poppins-Regular.ttf
      - asset: fonts/Poppins/Poppins-Italic.ttf
        weight: 400
      - asset: fonts/Poppins/Poppins-Medium.ttf
      - asset: fonts/Poppins/Poppins-MediumItalic.ttf
        weight: 500
      - asset: fonts/Poppins/Poppins-Bold.ttf
      - asset: fonts/Poppins/Poppins-BoldItalic.ttf
        weight: 700
      - asset: fonts/Poppins/Poppins-Black.ttf
      - asset: fonts/Poppins/Poppins-BlackItalic.ttf
        weight: 900

Install Watt

  • Follow instalation instruction here

  • Initialize Watt

return Watt(
  builder: (context, theme, darkTheme) {
    return MaterialApp(
      title: "YOUR APP NAME",
      theme: theme,
      darkTheme: darkTheme,
      home: const HomePage(),
    );
  },
),

Features

  • Http client & http transaction
  • Responsive
  • Color palette
  • Reusable widgets

Widgets

  • Buttons
    • BigButton
    • OutlinedBigButton
    • TextBigButton
  • Infinite scroll
  • Inputs
    • FileInput
    • FilledInput
    • UnderlinedInput
    • OutlinedInput
  • Loader
    • LoaderNotifier
    • Loader
  • Message
    • ErrorMessage
    • NoDataMessage
    • NoInternetMessage
    • UnknownErrorMessage
  • Select
    • SelectList
    • MultiSelectList
  • Grid
    • Static Grid
    • Grid Builder
  • Utilities
    • ColorUtil
    • DateFormatUtil
    • DialogUtil
    • NumberFormatUtil
    • SnackbarUtil

Additional Information

This library is currently on experimental status and not ready for production. The API may change slightly when more features are added, and some use-cases may not be as simple as they could be.

Contributing

Contributions are welcomed!

Here is a curated list of how you can help:

  • Report bugs and scenarios that are difficult to implement
  • Report parts of the documentation that are unclear
  • Update the documentation / add examples
  • Implement new features by making a pull-request

Libraries

watt