Alternatives to Chakra UI logo

Alternatives to Chakra UI

Material-UI, Ionicons, Ant Design, DevExtreme, and ElementUI are the most popular alternatives and competitors to Chakra UI.
109
190
+ 1
10

What is Chakra UI and what are its top alternatives?

It is a simple, modular and accessible component library that gives you all the building blocks you need to build your React applications.
Chakra UI is a tool in the UI Components category of a tech stack.
Chakra UI is an open source tool with 27.2K GitHub stars and 2.4K GitHub forks. Here’s a link to Chakra UI's open source repository on GitHub

Top Alternatives to Chakra UI

  • Material-UI
    Material-UI

    MUI (formerly Material-UI) is the React UI library you always wanted. Follow your own design system, or start with Material Design. ...

  • Ionicons
    Ionicons

    Premium designed icons for use in web, iOS, Android, and desktop apps. Support for SVG and web font. Completely open source and MIT licensed. ...

  • Ant Design
    Ant Design

    An enterprise-class UI design language and React-based implementation. Graceful UI components out of the box, base on React Component. A npm + webpack + babel + dora + dva development framework. ...

  • DevExtreme
    DevExtreme

    From Angular and React, to ASP.NET Core or Vue, it includes a comprehensive collection of high-performance and responsive UI widgets for use in traditional web and next-gen mobile applications. The suite ships with a feature-complete data grid, interactive charts widgets, data editors, and much more. ...

  • ElementUI
    ElementUI

    It is not focused on Mobile development, mainly because it lacks responsiveness on mobile WebViews. ...

  • Feathers
    Feathers

    Build mobile & desktop games and apps with fully-skinnable UI controls. It aims for buttery smooth performance based on the philosophy that cross-platform UI kits shouldn't sacrifice one of the most important benefits of native development. ...

  • Tailwind UI
    Tailwind UI

    Over 400+ professionally designed, fully responsive, expertly crafted component examples you can drop into your Tailwind projects and customize to your heart’s content. ...

  • MD Bootstrap
    MD Bootstrap

    It is a UI kit built with an aim to cut the time developers need to create their websites by taking all the best features from vanilla Bootstrap and enhancing them with a distinctive design from Google. ...

Chakra UI alternatives & related posts

Material-UI logo

Material-UI

1.6K
3.1K
390
The React UI library you always wanted.
1.6K
3.1K
+ 1
390
PROS OF MATERIAL-UI
  • 122
    React
  • 77
    Material Design
  • 54
    Ui components
  • 26
    CSS framework
  • 21
    Component
  • 12
    Looks great
  • 10
    Responsive
  • 10
    Good documentation
  • 9
    LESS
  • 7
    Open source
  • 6
    Code examples
  • 5
    Flexible
  • 5
    Ui component
  • 4
    JSS
  • 3
    Supports old browsers out of the box
  • 3
    Angular
  • 3
    Fun
  • 3
    Very accessible
  • 2
    Designed for Server Side Rendering
  • 2
    LADO
  • 2
    Barev Arman
  • 2
    Interface
  • 1
    Easy to work with
  • 1
    Asdasd
  • 0
    555
  • 0
    User
CONS OF MATERIAL-UI
  • 29
    Hard to learn. Bad documentation
  • 23
    Hard to customize
  • 19
    Hard to understand Docs
  • 6
    Extra library needed for date/time pickers
  • 6
    Bad performance
  • 5
    Long Code
  • 5
    For editable table component need to use material-table

related Material-UI posts

Adebayo Akinlaja
Engineering Manager at Andela · | 27 upvotes · 1.1M views

I picked up an idea to develop and it was no brainer I had to go with React for the frontend. I was faced with challenges when it came to what component framework to use. I had worked extensively with Material-UI but I needed something different that would offer me wider range of well customized components (I became pretty slow at styling). I brought in Evergreen after several sampling and reads online but again, after several prototype development against Evergreen—since I was using TypeScript and I had to import custom Type, it felt exhaustive. After I validated Evergreen with the designs of the idea I was developing, I also noticed I might have to do a lot of styling. I later stumbled on Material Kit, the one specifically made for React . It was promising with beautifully crafted components, most of which fits into the designs pages I had on ground.

A major problem of Material Kit for me is it isn't written in TypeScript and there isn't any plans to support its TypeScript version. I rolled up my sleeve and started converting their components to TypeScript and if you'll ask me, I am still on it.

In summary, I used the Create React App with TypeScript support and I am spending some time converting Material Kit to TypeScript before I start developing against it. All of these components are going to be hosted on Bit.

If you feel I am crazy or I have gotten something wrong, I'll be willing to listen to your opinion. Also, if you want to have a share of whatever TypeScript version of Material Kit I end up coming up with, let me know.

See more

My React website is a simple 5-pager that attaches to a database to store and display registrations and other data. The user (small user base) can change any form elements, but I don't need theme-ing, though that would be fun for the user. reactstrap/react-bootstrap built on Bootstrap 4 sounds dated. I am familiar with reactstrap, but a friend said to try Material-UI. The thought of learning it is interesting, but somehow I think it might be overkill. So... reactstrap, react-bootstrap, or Material UI, which should I use?

See more
Ionicons logo

Ionicons

1.3K
60
3
Beautifully crafted open source icons
1.3K
60
+ 1
3
PROS OF IONICONS
  • 1
    Looks Amazing
  • 1
    Icons
  • 1
    Ui Components
CONS OF IONICONS
  • 1
    Jj

related Ionicons posts

Ant Design logo

Ant Design

818
1.5K
225
A set of high-quality React components
818
1.5K
+ 1
225
PROS OF ANT DESIGN
  • 43
    Lots of components
  • 34
    Polished and enterprisey look and feel
  • 22
    TypeScript
  • 20
    Easy to integrate
  • 18
    Es6 support
  • 17
    Beautiful and solid
  • 16
    Beautifully Animated Components
  • 15
    Quick Release rhythm
  • 14
    Great documentation
  • 14
    Typescript support
  • 11
    Short Code
  • 1
    Easy to customize Forms
CONS OF ANT DESIGN
  • 18
    Less
  • 8
    Large File Size
  • 7
    Close
  • 4
    Poor accessibility support
  • 1
    Sdf
  • 1
    Dangerous to use as a base in component libraries
  • 1
    Gago
  • 0
    D

related Ant Design posts

Sarmad Chaudhary
Founder & CEO at Ebiz Ltd. · | 9 upvotes · 545.2K views

Hi there!

I just want to have a simple poll/vote...

If you guys need a UI/Component Library for React, Vue.js, or AngularJS, which type of library would you prefer between:

1 ) A single maintained cross-framework library that is 100% compatible and can be integrated with any popular framework like Vue, React, Angular 2, Svelte, etc.

2) A native framework-specific library developed to work only on target framework like ElementUI for Vue, Ant Design for React.

Your advice would help a lot! Thanks in advance :)

See more
Shared insights
on
Material-UIMaterial-UIAnt DesignAnt Design

Hi, I start building an admin dashboard with next.js and looking for a frontend framework ( components ready ). So I end up with Ant Design and Material-UI, but I never built a project with these two.

Here is a list of my requirements.

  1. Good documentation.
  2. easy CRUD ( date picker and date range picker bundled )
  3. built-in multi-lang feature or Great 3rd library support
  4. Admin dashboard template
  5. well code maintenance

Which is better for the long run?

See more
DevExtreme logo

DevExtreme

72
162
0
Cross-platform HTML 5/JS tools for next-gen mobile and web development
72
162
+ 1
0
PROS OF DEVEXTREME
    Be the first to leave a pro
    CONS OF DEVEXTREME
    • 2
      Large transfer size

    related DevExtreme posts

    ElementUI logo

    ElementUI

    60
    115
    4
    A Desktop UI toolkit for Vue.js
    60
    115
    + 1
    4
    PROS OF ELEMENTUI
    • 4
      Avaliable for other frontend frameworks too
    • 0
      Wqas
    CONS OF ELEMENTUI
      Be the first to leave a con

      related ElementUI posts

      Sarmad Chaudhary
      Founder & CEO at Ebiz Ltd. · | 9 upvotes · 545.2K views

      Hi there!

      I just want to have a simple poll/vote...

      If you guys need a UI/Component Library for React, Vue.js, or AngularJS, which type of library would you prefer between:

      1 ) A single maintained cross-framework library that is 100% compatible and can be integrated with any popular framework like Vue, React, Angular 2, Svelte, etc.

      2) A native framework-specific library developed to work only on target framework like ElementUI for Vue, Ant Design for React.

      Your advice would help a lot! Thanks in advance :)

      See more
      Feathers logo

      Feathers

      39
      36
      0
      Open source user interface components for Starling Framework or OpenFL
      39
      36
      + 1
      0
      PROS OF FEATHERS
        Be the first to leave a pro
        CONS OF FEATHERS
          Be the first to leave a con

          related Feathers posts

          Tailwind UI logo

          Tailwind UI

          27
          15
          0
          Beautiful UI components, crafted with Tailwind CSS
          27
          15
          + 1
          0
          PROS OF TAILWIND UI
            Be the first to leave a pro
            CONS OF TAILWIND UI
              Be the first to leave a con

              related Tailwind UI posts

              MD Bootstrap logo

              MD Bootstrap

              24
              100
              21
              Free and Powerful UI Kit
              24
              100
              + 1
              21
              PROS OF MD BOOTSTRAP
              • 4
                Tutorials
              • 3
                React
              • 3
                Responsive
              • 3
                Vue
              • 2
                Snippets
              • 2
                Angular
              • 2
                Clear documentation
              • 2
                Material Design
              CONS OF MD BOOTSTRAP
                Be the first to leave a con

                related MD Bootstrap posts