📖 Step 4: Design - Research & Process#108 / 291
Material Design
Material Design
📖One-line summary
Google's design system, using shadows and depth to show hierarchy.
✨Example
Material Card
Elevated surface with shadow depth
+
⚡Vibe coding prompt examples
>_
Implement a FAB (Floating Action Button) that follows Material Design guidelines. When clicked, sub-actions should fan out.
>_
Build a Material Design-style dashboard layout with the MUI library. Include a side navigation and app bar.
Try these prompts in your AI coding assistant!