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

Get the package

To use this package as a library, pub.dev

Font family

Google UI use Poppins as main font family.

• Download 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

import 'package:google_ui/google_ui.dart';
...
class App extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Google UI',
      theme: GoogleThemeGenerator.generate(),
      darkTheme: GoogleThemeGenerator.generateDark(),
      home: const HomePage(),
    );
  }
}

Usage

All Google UI class has Google prefix e.g GoogleButton

Available class

• GoogleTheme (Deprecated)
• GoogleThemeGenerator

Available widget

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

Available util

• GoogleColorUtil