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.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