Elisabitao/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

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