diff --git a/content/roadmaps/100-frontend/content/112-modern-css/103-emotion.md b/content/roadmaps/100-frontend/content/112-modern-css/103-emotion.md
index 39a6aa202..0f846c436 100644
--- a/content/roadmaps/100-frontend/content/112-modern-css/103-emotion.md
+++ b/content/roadmaps/100-frontend/content/112-modern-css/103-emotion.md
@@ -1 +1,8 @@
-# Emotion
\ No newline at end of file
+# Emotion
+
+Emotion is a library designed for writing css styles with JavaScript. It provides powerful and predictable style composition in addition to a great developer experience with features such as source maps, labels, and testing utilities. Both string and object styles are supported.
+
+<ResourceGroupTitle>Free Content</ResourceGroupTitle>
+
+<BadgeLink colorScheme='blue' badgeText='Read' href='https://emotion.sh/docs/introduction'>Official Website and Docs</BadgeLink>
+<BadgeLink badgeText='Watch' href='https://www.youtube.com/watch?v=yO3JU2bMLGA'>Styled components using emotion in React</BadgeLink>