{"id":51223403,"url":"https://github.com/ch-bas/frontfamily-community","last_synced_at":"2026-06-28T09:00:53.810Z","repository":{"id":352359612,"uuid":"1214852824","full_name":"ch-bas/frontfamily-community","owner":"ch-bas","description":"Bug reports, feature requests, and component mapping contributions for FrontFamily","archived":false,"fork":false,"pushed_at":"2026-04-19T10:58:54.000Z","size":1227,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2026-06-01T01:08:08.126Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":null,"has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"apache-2.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/ch-bas.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2026-04-19T06:13:01.000Z","updated_at":"2026-04-20T18:29:52.000Z","dependencies_parsed_at":null,"dependency_job_id":null,"html_url":"https://github.com/ch-bas/frontfamily-community","commit_stats":null,"previous_names":["ch-bas/frontfamily-community"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/ch-bas/frontfamily-community","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ch-bas%2Ffrontfamily-community","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ch-bas%2Ffrontfamily-community/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ch-bas%2Ffrontfamily-community/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ch-bas%2Ffrontfamily-community/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ch-bas","download_url":"https://codeload.github.com/ch-bas/frontfamily-community/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ch-bas%2Ffrontfamily-community/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":34882751,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-26T15:22:16.424Z","status":"online","status_checked_at":"2026-06-28T02:00:05.809Z","response_time":54,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2026-06-28T09:00:38.165Z","updated_at":"2026-06-28T09:00:53.801Z","avatar_url":"https://github.com/ch-bas.png","language":null,"funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cdiv align=\"center\"\u003e\n\n# FrontFamily\n\n**Convert UI components between frameworks. Compare them side-by-side.**\n\n[Website](https://frontfamily.com) · [Converter](https://frontfamily.com/converter) · [Guides](https://frontfamily.com/guides) · [CLI on npm](https://www.npmjs.com/package/@frontfamily/cli) · [Report Bug](../../issues/new?template=bug_report.md) · [Request Feature](../../issues/new?template=feature_request.md)\n\n[![npm version](https://img.shields.io/npm/v/@frontfamily/cli.svg?style=flat-square)](https://www.npmjs.com/package/@frontfamily/cli)\n[![npm downloads](https://img.shields.io/npm/dm/@frontfamily/cli.svg?style=flat-square)](https://www.npmjs.com/package/@frontfamily/cli)\n[![License](https://img.shields.io/badge/License-Apache%202.0-blue.svg?style=flat-square)](LICENSE)\n\n\u003c/div\u003e\n\n---\n\n## What is FrontFamily?\n\nFrontFamily is a free developer tool for converting UI component code between frontend frameworks and comparing how they render the same patterns side-by-side.\n\n### Framework Converter\n\nPaste MUI code, get the Chakra UI equivalent — or Ant Design, EUI, Mantine, Bootstrap, Tailwind, Quasar. 42 conversion paths, 219 verified component mappings. Diff view, live preview, shareable URLs.\n\n![Converter](docs/converter.png)\n\n### Side-by-Side Showroom\n\nCompare up to 3 frameworks rendering the same component simultaneously. Real DOM metrics, render timing, a11y scanning. 5 design system skins (Stripe, Linear, Vercel, Notion, Figma).\n\n![Showroom](docs/showroom.png)\n\n### Migration Guides\n\n9 in-depth articles with interactive searchable component reference tables, TypeScript migration patterns, and real-world pitfall warnings.\n\n![Guides](docs/guides.png)\n\n### CLI\n\n```\n$ npx @frontfamily/cli eject auth-form data-table -f react-mui\n\n┌   FrontFamily Eject\n│\n◆  components/AuthFormPattern.tsx\n◆  components/MuiLineage.tsx\n│\n└  2 ejected\n```\n\n162 templates across 9 frameworks. Works offline, no accounts. [Full docs →](https://frontfamily.com/docs)\n\n---\n\n## Coverage\n\n### Converter — 42 conversion paths\n\n| From ↓ / To → | MUI | Chakra | AntD | EUI | Mantine | Tailwind | Quasar |\n|---|---|---|---|---|---|---|---|\n| **MUI** | — | ✓ | ✓ | ✓ | ✓ | ✓ | ✓ |\n| **Chakra UI** | ✓ | — | ✓ | ✓ | ✓ | ✓ | ✓ |\n| **Ant Design** | ✓ | ✓ | — | ✓ | ✓ | ✓ | ✓ |\n| **Elastic EUI** | ✓ | ✓ | ✓ | — | ✓ | ✓ | ✓ |\n| **Mantine** | ✓ | ✓ | ✓ | ✓ | — | ✓ | ✓ |\n| **Bootstrap** | ✓ | ✓ | ✓ | ✓ | ✓ | — | ✓ |\n| **Tailwind** | ✓ | ✓ | ✓ | ✓ | ✓ | — | ✓ |\n\n### CLI — 162 templates\n\n18 patterns × 9 frameworks. EUI templates use native `@elastic/eui` components.\n\n### Guides — 9 articles, 219 mappings\n\n| Guide | Interactive Search Table |\n|---|---|\n| [MUI → Chakra UI](https://frontfamily.com/guides/mui-to-chakra) | 28 components |\n| [MUI vs Ant Design](https://frontfamily.com/guides/mui-vs-antd) | 26 components |\n| [Bootstrap → React](https://frontfamily.com/guides/bootstrap-to-react) | 22 components |\n| [Elastic EUI Migration](https://frontfamily.com/guides/eui-migration) | 45 components |\n| [Tailwind → Components](https://frontfamily.com/guides/tailwind-to-components) | 21 components |\n| [Chakra → Mantine](https://frontfamily.com/guides/chakra-to-mantine) | 27 components |\n| [React → Vue (Quasar)](https://frontfamily.com/guides/react-to-vue) | 24 components |\n| [Ant Design → MUI](https://frontfamily.com/guides/antd-to-mui) | 26 components |\n| [Best React Frameworks 2026](https://frontfamily.com/guides/best-react-ui-frameworks) | Comparison |\n\n---\n\n## Contributing\n\nThis is the community hub for FrontFamily. Use it to:\n\n| Action | How |\n|---|---|\n| **Report a bug** | [Open a bug report](../../issues/new?template=bug_report.md) |\n| **Request a feature** | [Open a feature request](../../issues/new?template=feature_request.md) |\n| **Fix a component mapping** | [Submit a mapping correction](../../issues/new?template=mapping_correction.md) |\n| **Suggest a migration guide** | [Suggest a guide topic](../../issues/new?template=guide_suggestion.md) |\n\nSee [CONTRIBUTING.md](CONTRIBUTING.md) for details.\n\n---\n\n## Quick Links\n\n| Resource | Link |\n|---|---|\n| **Website** | [frontfamily.com](https://frontfamily.com) |\n| **Converter** | [frontfamily.com/converter](https://frontfamily.com/converter) |\n| **Showroom** | [frontfamily.com/showroom](https://frontfamily.com/showroom) |\n| **Catalog** | [frontfamily.com/catalog](https://frontfamily.com/catalog) |\n| **Guides** | [frontfamily.com/guides](https://frontfamily.com/guides) |\n| **CLI Docs** | [frontfamily.com/docs](https://frontfamily.com/docs) |\n| **npm** | [@frontfamily/cli](https://www.npmjs.com/package/@frontfamily/cli) |\n\n---\n\n## License\n\nApache 2.0 — see [LICENSE](LICENSE) for details.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fch-bas%2Ffrontfamily-community","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fch-bas%2Ffrontfamily-community","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fch-bas%2Ffrontfamily-community/lists"}