--- title: Getting Started with Mitosis: Creating a Cross-Framework... description: Mitosis is an open-source tool that allows developers to create a single source of truth for reusable components in design systems. It supports multiple web... canonical: https://daily.dev/posts/getting-started-with-mitosis-creating-a-cross-framework-design-system-g88lemm4v twitter:card: summary_large_image twitter:site: @dailydotdev og:type: website og:site_name: daily.dev og:title: Getting Started with Mitosis: Creating a Cross-Framework Design System | daily.dev og:description: Mitosis is an open-source tool that allows developers to create a single source of truth for reusable components in design systems. It supports multiple web... og:url: https://daily.dev/posts/getting-started-with-mitosis-creating-a-cross-framework-design-system-g88lemm4v og:image: https://api.daily.dev/og/posts/G88LEMM4V.png og:image:alt: Getting Started with Mitosis: Creating a Cross-Framework Design System 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. # Getting Started with Mitosis: Creating a Cross-Framework Design System **[builder.io](https://daily.dev/sources/builderio)** · 1 min read · 29 upvotes · 0 comments ## Summary Mitosis is an open-source tool that allows developers to create a single source of truth for reusable components in design systems. It supports multiple web frameworks and eliminates the need to rewrite code for each framework, promoting consistent design and enhancing productivity. ## Full article daily.dev links to this article rather than hosting it. Read it at the original source: ## 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 - [CNCF Unveils Schedule for KubeCon \+ CloudNativeCon Europe 2026](https://daily.dev/posts/cncf-unveils-schedule-for-kubecon-cloudnativecon-europe-2026-ikhcoa5cb) · CNCF · 2 upvotes · 0 comments - [CNCF Debuts KubeCon \+ CloudNativeCon Japan 2026 Schedule](https://daily.dev/posts/cncf-debuts-kubecon-cloudnativecon-japan-2026-schedule-xp5pyudub) · CNCF · 1 upvotes · 0 comments --- Tags: [#react](https://daily.dev/tags/react), [#design-systems](https://daily.dev/tags/design-systems), [#jsx](https://daily.dev/tags/jsx) [View this post on daily.dev](https://daily.dev/posts/getting-started-with-mitosis-creating-a-cross-framework-design-system-g88lemm4v) ```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":"Getting Started with Mitosis: Creating a Cross-Framework Design System","url":"https://daily.dev/posts/getting-started-with-mitosis-creating-a-cross-framework-design-system-g88lemm4v","mainEntityOfPage":{"@type":"WebPage","@id":"https://daily.dev/posts/getting-started-with-mitosis-creating-a-cross-framework-design-system-g88lemm4v"},"datePublished":"2024-05-07T17:07:04.864Z","dateModified":"2024-05-09T09:28:18.744Z","description":"Mitosis is an open-source tool that allows developers to create a single source of truth for reusable components in design systems. It supports multiple web...","image":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/1400c5e878fb2e564971783b8927d574?_a=AQAEuiZ","thumbnailUrl":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/1400c5e878fb2e564971783b8927d574?_a=AQAEuiZ","isAccessibleForFree":true,"articleSection":"builder.io","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":"builder.io","logo":"https://media.daily.dev/image/upload/s--jap1dv3o--/f_auto/v1721914613/squads/builderio","url":"https://daily.dev/squads/builderio"},"commentCount":0,"discussionUrl":"https://daily.dev/posts/getting-started-with-mitosis-creating-a-cross-framework-design-system-g88lemm4v","interactionStatistic":[{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":29},{"@type":"InteractionCounter","interactionType":{"@type":"CommentAction"},"userInteractionCount":0}],"keywords":"react,design-systems,jsx","timeRequired":"PT1M"} {"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"builder.io","item":"https://daily.dev/squads/builderio"},{"@type":"ListItem","position":3,"name":"Getting Started with Mitosis: Creating a Cross-Framework Design System"}]} ```