7 frameworks · 42 paths · 219 mappings

Convert components between any framework

Paste MUI, get Chakra. Paste Ant Design, get Mantine. Props, imports, and naming — handled automatically.

ReactVueAngularSvelteTypeScript
MUI → Chakra UI
Source
<Button
  variant="contained"
  color="primary"
  size="medium"
  onClick={handleClick}
  disabled={isLoading}
  startIcon={<SaveIcon />}
>
  Save changes
</Button>
Converted
<Button
  colorScheme="blue"
  size="md"
  onClick={handleClick}
  isDisabled={isLoading}
  leftIcon={<SaveIcon />}
>
  Save changes
</Button>
1 component converted97% confidence
7
Source frameworks
42
Conversion paths
219
Verified mappings
30+
Libraries catalogued

30+ frameworks catalogued

View all
Material UI
93k stars · 93kb · 90+ comps
shadcn/ui
71k stars · 2kb · 47+ comps
Vuetify
39k stars · 105kb · 80+ comps
Mantine
26k stars · 60kb · 120+ comps

Eject to your project

207 templates across 23 patterns and 9 frameworks. One command, no dependencies at runtime.

CLI documentation
$ npx @frontfamily/cli eject
? Pattern: Auth Form
? Framework: Vue 3 + Quasar
./components/QuasarAuthForm.vue
How it works
All conversion runs in your browser. No code is sent to any server. No accounts, no API keys, no tracking beyond basic analytics.
What's inside
219 component mappings verified by hand. 9 migration guides with searchable prop tables and real-world pitfalls from production migrations.
Built by
Bassem Chagra. Full-stack engineer focused on developer tooling. Apache 2.0 license.