google_ui 1.0.0

Flutter UI library using Material Design 2.0.

Google UI

Flutter UI library using Material Design 2.0.

Google UI is Flutter open-source UI library using Material Design 2.0 with many pre-built widgets to make Flutter development easier and faster.

Screenshots

Light mode	Dark Mode

Getting Started

Font family

Google UI use Poppins as main font family.

• Donwload Poppins
• Import font to pubspec.yaml

fonts:
  - family: Poppins
    fonts:
      - 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

Apply the theme to the app

class App extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    const theme = GoogleTheme();

    return MaterialApp(
      title: 'Google UI',
      theme: theme.apply(),
      darkTheme: theme.apply(darkMode: true),
      home: const HomePage(),
    );
  }
}

Usage

All Google UI class has Google prefix e.g GoogleButton

Available widget

• GoogleAppBar
• GoogleBottomBar
• GoogleButton
• GoogleCalendar
• GoogleConditional
• GoogleDateTextFormField
• GoogleDialog
• GoogleDrawer
• GoogleErrorMessage
• GoogleGrid
• GoogleGridBuilder
• GoogleGroupedDrawer
• GoogleIconButton
• GooglePopupMenuButton
• GoogleSearchAppBar
• GoogleSectionTitle
• GoogleSelectBox
• GoogleSwitch
• GoogleTextFormField
• GoogleText

Available util

• GoogleColorUtil