From 1d509b0ed25e98ce028359fa7f733c1e6e21ff38 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C3=81lvaro=20Emanuel?=
 <90700097+AlvaroEmanuel20@users.noreply.github.com>
Date: Fri, 7 Oct 2022 08:41:55 -0300
Subject: [PATCH] Add content for Mantine JS first CSS framework (#2233)

---
 .../content/114-css-frameworks/114-js-first/104-mantine.md | 7 +++++++
 1 file changed, 7 insertions(+)

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