/gwt-material-patterns

A pattern layouts to build gwt-material applications rapidly

Primary LanguageJavaApache License 2.0Apache-2.0

gwt-material-patterns

Build Status

A pattern layouts to build gwt-material applications rapidly

Maven Import

<dependency>
    <groupId>com.github.gwtmaterialdesign</groupId>
    <artifactId>gwt-material-patterns</artifactId>
    <version>2.0.1</version>
</dependency>

Pattern # 1

The Google Plus v1.0 Demo

This pattern is suitable for Social Network apps to provide a collection of posts displayed in cards.

Material Components

  • Navbar and Tabs
  • Float Sidenav
  • Cards displayed in Masonry
  • Chips as tags inside the post card
  • Collection Items for User comments

Desktop / Tablet View

Mobile View

Pattern #2

The Google Contacts v1.0 Demo

This pattern is suitable for Contact / User List apps to provide a collapsible lists of users.

Material Components

  • Fixed Navbar with link dropdown for Sorting
  • Card Sidenav
  • Search Nav to filter the collapsible items
  • Display all contacts into collapsible items
  • Overlay component to display more info about the contact

Desktop / Tablet View

Mobile View

Pattern #3

The Google Drive v1.0 Demo

This pattern is suitable for Document Management Systems.

Material Components

  • Fixed Navbar with link dropdown for Sorting
  • Float Sidenav
  • Search Nav to filter the files
  • Display all files into collapsible items
  • Added right panel to display file details / activities
  • Tabs for more details / activities
  • Chips as file tags
  • Circular user image for those who can view the file

Desktop / Tablet View

Mobile View

Pattern #4

The Google Inbox v1.0 Demo

This pattern is suitable for Email Systems.

Material Components

  • Fixed Navbar wit
  • Float Sidenav
  • Display all inbox into custom collapsible items with advance display
  • Added Horizontal Card child into Collapsible header
  • Added a hoverable icon panel on each item

Desktop / Tablet View

Mobile View