Material Design UI Kit for the Gravit Designer Software
All the UI Kit is following the Google Material Design Guidelines
Download latest version here
- FAB
- Bottom Naigation View
- ToolBar
- Status
- Guides
- Material Colors Styles (Accent 200,500,700)
- Text Styles (Caption, Toolbar, Toast)
- Toast
- Checkbox
- SnackBar
- Device Buttons
- Keyboard
- Dialog
- Cards
- Button
- Radio Button
- Text Input
- Progress Bar
- Seek Bar
- Toggle Button
- Switch
- Chips
- Stepper
- Navigation Drawer
- Added Keyboard
- Added Checkbox
- Added Snackbar & Snackbar Texts
- Added Device Buttons
- Added Fab Variation (Open with 2 items)
- Added Shadow to FAB
- Added Shadow to ToolBar
- Added Toast
- Improved StatusBar
- FAB
- Navigation View
- ToolBar
- StatusBar
- Material Colors (200,500,700)
- Guides
- Sample Screen
- Caption Text
- Toolbar Text
- Choose a component
- Go to the style option (right menu) and choose the desired color (500,700,200, etc)
- Click on the Text tool and place your text
- Click on your text and change it's content
- Go to the style option (right menu) and choose the desired text style (Toolbar, Caption, etc)
Tip: The text styles are the last ones 😉
To import an icon, I will use the Material Design Icons library (you can use whatever library you want).
Obs.: It's better if the icon is in the SVG format
Follow the steps below:
- Download the icon as SVG Optimized from the site
- Click on Place/Import from the Gravit Designer and choose the icon that you downloaded
- Go to the area that says "Place Your Icon Here" and move the imported icon and change it's size to fill the squared area
- Done!