diff --git a/content/roadmaps/100-frontend/content/111-pick-a-framework/103-svelte.md b/content/roadmaps/100-frontend/content/111-pick-a-framework/103-svelte.md
index c31022065..32a422416 100644
--- a/content/roadmaps/100-frontend/content/111-pick-a-framework/103-svelte.md
+++ b/content/roadmaps/100-frontend/content/111-pick-a-framework/103-svelte.md
@@ -1 +1,8 @@
 # Svelte
+
+Svelte is a javascript framework that unlike Vue and React does not use vertical DOM diffing but instead knows exactly what and where to update when the state changes. It's mainly focused on frontend and building user interfaces.
+
+<ResourceGroupTitle>Free Content</ResourceGroupTitle>
+<BadgeLink colorScheme='blue' badgeText='Official Website' href='https://svelte.dev/'>Svelte Website</BadgeLink>
+<BadgeLink colorScheme='blue' badgeText='Official Guide' href='https://svelte.dev/docs'>Svelte Documentation</BadgeLink>
+<BadgeLink badgeText='Watch' href='https://www.youtube.com/playlist?list=PL4cUxeGkcC9hlbrVO_2QFVqVPhlZmz7tO'>Svelte Course Playlist for beginners</BadgeLink>