--- title: The Art of Micro Frontends | daily.dev description: The Art of Micro Frontends is a modular architecture design for web. The concept of micro frontends is an extension of the micro services used in backend.... canonical: https://daily.dev/posts/the-art-of-micro-frontends-spu9tdp5s twitter:card: summary_large_image twitter:site: @dailydotdev og:type: website og:site_name: daily.dev og:title: The Art of Micro Frontends | daily.dev og:description: The Art of Micro Frontends is a modular architecture design for web. The concept of micro frontends is an extension of the micro services used in backend.... og:url: https://daily.dev/posts/the-art-of-micro-frontends-spu9tdp5s og:image: https://api.daily.dev/og/posts/spU9tdP5s.png og:image:alt: The Art of Micro Frontends og:image:width: 1200 og:image:height: 630 og:locale: en --- > ## Documentation Index > Fetch the complete documentation index at: https://daily.dev/llms.txt > Use this file to discover all available pages before exploring further. # The Art of Micro Frontends **[Sysco LABS Sri Lanka](https://daily.dev/sources/syscolabssl)** · 3 min read · 135 upvotes · 2 comments ## Summary The Art of Micro Frontends is a modular architecture design for web. The concept of micro frontends is an extension of the micro services used in backend. Companies such as Netflix, Zalando and Capital One have pushed the pattern to the front, preparing the groundwork for micro-frontends. ## Full article daily.dev links to this article rather than hosting it. Read it at the original source: ## Community discussion Top comments from developers on daily.dev. **@anasfaz** · 0 upvotes > very useful **@devwise** · 0 upvotes > We have recently migrated our mobile-web from a monolith to a micro-frontend architecture. One of the major motivation was to enable easier ownership by distributed teams. > This design increases the maintenance cost. But, it can be lowered by better tooling and automations. However, in our case the benefits out-weigh the cons. ## Similar posts on daily.dev - [Don’t just attend KubeCon \+ CloudNativeCon, Merge Forward your experience\!](https://daily.dev/posts/don-t-just-attend-kubecon-cloudnativecon-merge-forward-your-experience--l0rpp73x8) · CNCF · 1 upvotes · 0 comments - [Announcing H2 2026 KCDs](https://daily.dev/posts/announcing-h2-2026-kcds-m96goajm1) · CNCF · 1 upvotes · 0 comments - [Two months of Open Community Groups](https://daily.dev/posts/two-months-of-open-community-groups-asf52zhbs) · CNCF · 0 upvotes · 0 comments --- Tags: [#dom](https://daily.dev/tags/dom), [#domain-driven-design](https://daily.dev/tags/domain-driven-design), [#html](https://daily.dev/tags/html), [#javascript](https://daily.dev/tags/javascript), [#web-components](https://daily.dev/tags/web-components), [#webdev](https://daily.dev/tags/webdev) [View this post on daily.dev](https://daily.dev/posts/the-art-of-micro-frontends-spu9tdp5s) ```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":"The Art of Micro Frontends","url":"https://daily.dev/posts/the-art-of-micro-frontends-spu9tdp5s","mainEntityOfPage":{"@type":"WebPage","@id":"https://daily.dev/posts/the-art-of-micro-frontends-spu9tdp5s"},"datePublished":"2023-05-22T09:20:24.775Z","dateModified":"2024-02-17T02:14:42.723Z","description":"The Art of Micro Frontends is a modular architecture design for web. The concept of micro frontends is an extension of the micro services used in backend....","image":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/4f87c36e04cb7ec31e10e7ac5a3f35ff?_a=AQADKdt","thumbnailUrl":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/4f87c36e04cb7ec31e10e7ac5a3f35ff?_a=AQADKdt","isAccessibleForFree":true,"articleSection":"Sysco LABS Sri Lanka","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":"Sysco LABS Sri Lanka","logo":"https://media.daily.dev/image/upload/t_logo,f_auto/v1/logos/176c071356a54b90801257cca6d81ba4","url":"https://daily.dev/sources/syscolabssl"},"commentCount":2,"discussionUrl":"https://daily.dev/posts/the-art-of-micro-frontends-spu9tdp5s","interactionStatistic":[{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":135},{"@type":"InteractionCounter","interactionType":{"@type":"CommentAction"},"userInteractionCount":2}],"keywords":"dom,domain-driven-design,html,javascript,web-components,webdev","timeRequired":"PT3M"} {"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"Sysco LABS Sri Lanka","item":"https://daily.dev/sources/syscolabssl"},{"@type":"ListItem","position":3,"name":"The Art of Micro Frontends"}]} {"@context":"https://schema.org","@type":"WebPage","@id":"https://daily.dev/posts/the-art-of-micro-frontends-spu9tdp5s","comment":[{"@type":"Comment","text":"very useful","datePublished":"2023-05-23T13:17:36.159Z","url":"https://daily.dev/posts/spU9tdP5s#c-of0YnYS1c","author":{"@type":"Person","name":"Anas pk","url":"https://daily.dev/anasfaz","image":"https://media.daily.dev/image/upload/v1677148713/avatars/avatar_X9MjPEwCV6eo920RGt9S1.jpg"}},{"@type":"Comment","text":"We have recently migrated our mobile-web from a monolith to a micro-frontend architecture. One of the major motivation was to enable easier ownership by distributed teams.\nThis design increases the maintenance cost. But, it can be lowered by better tooling and automations. However, in our case the benefits out-weigh the cons.","datePublished":"2023-05-23T15:47:15.296Z","url":"https://daily.dev/posts/spU9tdP5s#c-OGQtHvyJ6","author":{"@type":"Person","name":"Rahul Kumar","url":"https://daily.dev/devwise","image":"https://media.daily.dev/image/upload/v1683268027/avatars/avatar_lEKG10oeBepcREZbuuQrB.jpg"}}]} ```