diff --git a/content/roadmaps/100-frontend/content/114-css-frameworks/114-js-first/102-material-ui.md b/content/roadmaps/100-frontend/content/114-css-frameworks/114-js-first/102-material-ui.md
index 69b111191..aba1b9f96 100644
--- a/content/roadmaps/100-frontend/content/114-css-frameworks/114-js-first/102-material-ui.md
+++ b/content/roadmaps/100-frontend/content/114-css-frameworks/114-js-first/102-material-ui.md
@@ -1 +1,8 @@
-# Material ui
\ No newline at end of file
+# Material UI
+
+Material-UI is an open-source framework that features React components that implement Google’s Material Design.
+
+<ResourceGroupTitle>Free Content</ResourceGroupTitle>
+<BadgeLink colorScheme='blue' badgeText='Framework Website' href='https://mui.com/'>Official Website</BadgeLink>
+<BadgeLink colorScheme='blue' badgeText='Docs' href='https://mui.com/getting-started/installation/'>Official Documentation</BadgeLink>
+<BadgeLink badgeText='Watch' href='https://www.youtube.com/watch?v=vyJU9efvUtQ'>Material UI React Tutorial</BadgeLink>