emergentbit / gwt-material-patterns

A pattern layouts to build gwt-material applications rapidly

##gwt-material-patterns [](https://travis-ci.org/GwtMaterialDesign/gwt-material-patterns)

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-rc4</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 #2

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 #2

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