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