Skip to content
Get packs

The best Chakra UI alternatives

8 tools that do a similar job to Chakra UI, 8 of them open source. Each entry says what it does and who it suits, so you can pick the one that fits instead of the most famous.

You're replacing

Chakra UI

A React component library for building accessible web apps and design systems quickly.

  1. 1

    Material UI

    Open source · MIT · ★ 99.3k

    A React component library of ready-made UI pieces built on Google's Material Design.

    Best for: React developers who want a consistent, prebuilt set of UI components; Teams that want to follow Material Design guidelines

    Full review Chakra UI vs Material UI
  2. 2

    Mantine

    Open source · MIT · ★ 31.9k

    A React component library with 100+ UI components and 80+ hooks, MIT licensed.

    Best for: React developers building web apps who want many components out of the box; Teams that want dark mode and theming support built in

    Full review Chakra UI vs Mantine
  3. 3

    React-Bootstrap

    Open source · MIT · ★ 22.6k

    Bootstrap 5 UI components rebuilt as React components.

    Best for: React developers who already use Bootstrap styling; Teams maintaining a React app built on Bootstrap 5

    Full review Chakra UI vs React-Bootstrap
  4. 4

    BootstrapVue

    Open source · MIT · ★ 14.4k

    Old Bootstrap component library for Vue 2; project has moved to bootstrap-vue-next.

    Best for: Developers maintaining an existing Vue 2 app that already uses BootstrapVue; Teams looking for the history of this project before moving to bootstrap-vue-next

    Full review Chakra UI vs BootstrapVue
  5. 5

    Base UI

    Open source · MIT · ★ 11.3k

    Unstyled, accessible React UI components you style yourself.

    Best for: React developers who want accessible components without a fixed visual style; Teams building a custom design system

    Full review
  6. 6

    downshift

    Open source · MIT · ★ 12.3k

    React hooks and a render-prop component for building accessible autocomplete, combobox and select dropdowns.

    Best for: React developers building a custom autocomplete or search-as-you-type input; Teams that need a select or combobox that meets WAI-ARIA accessibility patterns

    Full review Chakra UI vs downshift
  7. 7

    SweetAlert2

    Open source · MIT · ★ 18.1k

    A customizable, accessible replacement for JavaScript's built-in popup boxes, with no dependencies.

    Best for: Web developers who want nicer popups than the browser's built-in alert and confirm boxes; Teams adding confirmation dialogs before destructive actions like deleting data

    Full review Chakra UI vs SweetAlert2
  8. 8

    shadcn-vue

    Open source · MIT · ★ 10.8k

    A Vue port of shadcn-ui: copy-in UI components you can customize and build on.

    Best for: Vue developers who want ready-made UI components they can edit directly; Teams building their own internal component library

    Full review

How we pick: tools in the same category that solve the same problem, projects that name each other as alternatives, and open-source projects that describe themselves as an alternative to Chakra UI. We don't take payment for placement.