--- title: Launching MDN's new front end | daily.dev description: MDN Web Docs has launched a completely rebuilt front end, redesigned and reengineered from the ground up. The update focuses on modern web technologies... canonical: https://daily.dev/posts/launching-mdn-s-new-front-end-myf0tbav8 twitter:card: summary_large_image twitter:site: @dailydotdev og:type: website og:site_name: daily.dev og:title: Launching MDN's new front end | daily.dev og:description: MDN Web Docs has launched a completely rebuilt front end, redesigned and reengineered from the ground up. The update focuses on modern web technologies... og:url: https://daily.dev/posts/launching-mdn-s-new-front-end-myf0tbav8 og:image: https://api.daily.dev/og/posts/myF0TBav8.png og:image:alt: Launching MDN's new front end og:image:width: 1200 og:image:height: 630 og:locale: en --- [MDN Blog](https://daily.dev/sources/mdnblog) [Read post](https://api.daily.dev/r/myF0TBav8) # [Launching MDN's new front end](https://api.daily.dev/r/myF0TBav8 "Go to post") MDN Web Docs has launched a completely rebuilt front end, redesigned and reengineered from the ground up. The update focuses on modern web technologies following Baseline compatibility guidelines, featuring improved typography, consistent code rendering, refreshed icons using the Lucide library, a new search modal, and redesigned top navigation. The team used modern CSS and web components while ensuring wide browser compatibility through progressive enhancement. [#webdev](/tags/webdev "Check all #webdev posts")[#css](/tags/css "Check all #css posts")[#frontend](/tags/frontend "Check all #frontend posts")[#ui-ux](/tags/ui-ux "Check all #ui-ux posts")[#web-components](/tags/web-components "Check all #web-components posts") Aug 19, 2025•2m read time•From [developer.mozilla.org](https://api.daily.dev/r/myF0TBav8 "developer.mozilla.org") [](https://api.daily.dev/r/myF0TBav8 "Go to post") 83.7K Impressions30 Upvotes1 Comment Comment Bookmark Copy Share your thoughtsPost [](https://daily.dev/sources/mdnblog) [MDN Blog](https://daily.dev/sources/mdnblog "https://daily.dev/sources/mdnblog") MDN Blog is a platform or publication associated with Mozilla Developer Network (MDN), offering arti... Read more 373 Followers • 2.3K Upvotes #### Would you recommend this post? Copy link WhatsApp Facebook X New Squad Copy linkShare with your friends 30 1 ```json {"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180},"sameAs":["https://twitter.com/dailydotdev","https://github.com/dailydotdev","https://www.linkedin.com/company/daily-dev-ltd"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]} {"@context":"https://schema.org","@type":"TechArticle","headline":"Launching MDN's new front end","url":"https://daily.dev/posts/launching-mdn-s-new-front-end-myf0tbav8","mainEntityOfPage":{"@type":"WebPage","@id":"https://daily.dev/posts/launching-mdn-s-new-front-end-myf0tbav8"},"datePublished":"2025-08-19T17:55:17.807Z","dateModified":"2025-08-19T17:55:37.424Z","description":"MDN Web Docs has launched a completely rebuilt front end, redesigned and reengineered from the ground up. The update focuses on modern web technologies...","image":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/5e54d37ccaaec21a4756690acb1fa5c7?_a=AQAEulh","thumbnailUrl":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/5e54d37ccaaec21a4756690acb1fa5c7?_a=AQAEulh","isAccessibleForFree":true,"articleSection":"MDN Blog","inLanguage":"en","publisher":{"@type":"Organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180}},"author":{"@type":"Organization","name":"MDN Blog","logo":"https://media.daily.dev/image/upload/t_logo,f_auto/v1/logos/236034d60b694d00b5fb9a5a5d6b57ae","url":"https://daily.dev/sources/mdnblog"},"commentCount":1,"discussionUrl":"https://daily.dev/posts/launching-mdn-s-new-front-end-myf0tbav8","interactionStatistic":[{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":30},{"@type":"InteractionCounter","interactionType":{"@type":"CommentAction"},"userInteractionCount":1}],"keywords":"webdev,css,frontend,ui-ux,web-components","timeRequired":"PT2M"} {"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"MDN Blog","item":"https://daily.dev/sources/mdnblog"},{"@type":"ListItem","position":3,"name":"Launching MDN's new front end"}]} {"@context":"https://schema.org","@type":"WebPage","@id":"https://daily.dev/posts/launching-mdn-s-new-front-end-myf0tbav8","comment":[{"@type":"Comment","text":"Great job I don’t know where I’d be without those docs. Especially in the before LLMs times 😂","datePublished":"2025-09-16T14:39:24.684Z","url":"https://daily.dev/posts/myF0TBav8#c-nqKHfw089","author":{"@type":"Person","name":"Peter Cruckshank","url":"https://daily.dev/petecapecod","image":"https://media.daily.dev/image/upload/s--ZJhQyKws--/f_auto/v1721235024/avatars/avatar_A9xh33q0QoxtkGoJRCosp"}}]} ```