diff --git a/content/roadmaps/100-frontend/content/114-css-frameworks/114-js-first/104-mantine.md b/content/roadmaps/100-frontend/content/114-css-frameworks/114-js-first/104-mantine.md
index 5b25573a2..8994ac5c5 100644
--- a/content/roadmaps/100-frontend/content/114-css-frameworks/114-js-first/104-mantine.md
+++ b/content/roadmaps/100-frontend/content/114-css-frameworks/114-js-first/104-mantine.md
@@ -1 +1,8 @@
 # Mantine
+
+Mantine is a React components library with more than 100 customizable components and 40 hooks to cover you in any situation.
+
+<ResourceGroupTitle>Free Content</ResourceGroupTitle>
+<BadgeLink colorScheme='blue' badgeText='Official Website' href='https://mantine.dev/'>Mantine Website</BadgeLink>
+<BadgeLink colorScheme='blue' badgeText='Official Docs' href='https://mantine.dev/guides/cra/'>Usage with Create React App</BadgeLink>
+<BadgeLink colorScheme='yellow' badgeText='Read' href='https://blog.logrocket.com/5-mantine-hooks-simplifying-ui-management-react/'>5 Mantine Hooks for UI management</BadgeLink>
\ No newline at end of file