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.
45
86
+ 1
3

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 18.6K GitHub stars and 1.5K GitHub forks. Here鈥檚 a link to Chakra UI's open source repository on GitHub

Top Alternatives to Chakra UI

  • Material-UI

    Material-UI

    It is a comprehensive guide for visual, motion, and interaction design across platforms and devices. ...

  • 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. ...

  • 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. ...

  • Open Iconic

    Open Iconic

    It is the open source sibling of Iconic. It is a hyper-legible collection of 223 icons with a tiny footprint鈥攔eady to use with Bootstrap and Foundation. ...

Chakra UI alternatives & related posts

Material-UI logo

Material-UI

1.3K
2.5K
338
React components for faster and easier web development
1.3K
2.5K
+ 1
338
PROS OF MATERIAL-UI
  • 107
    React
  • 70
    Material Design
  • 45
    Ui components
  • 23
    CSS framework
  • 17
    Component
  • 10
    Looks great
  • 9
    Responsive
  • 9
    LESS
  • 6
    Open source
  • 6
    Good documentation
  • 5
    Code examples
  • 5
    Flexible
  • 5
    Ui component
  • 4
    JSS
  • 3
    Angular
  • 3
    Very accessible
  • 2
    Fun
  • 2
    Designed for Server Side Rendering
  • 2
    Supports old browsers out of the box
  • 2
    LADO
  • 1
    Interface
  • 1
    Asdasd
  • 1
    Easy to work with
  • 0
    555
CONS OF MATERIAL-UI
  • 24
    Hard to learn. Bad documentation
  • 21
    Hard to customize
  • 16
    Hard to understand Docs
  • 6
    Bad performance
  • 5
    Long Code
  • 4
    Extra library needed for date/time pickers
  • 4
    For editable table component need to use material-table

related Material-UI posts

Adebayo Akinlaja
Engineering Manager at Andela | 22 upvotes 路 628.7K 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鈥攕ince 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.2K
48
3
Beautifully crafted open source icons
1.2K
48
+ 1
3
PROS OF IONICONS
  • 1
    Looks Amazing
  • 1
    Icons
  • 1
    Ui Components
CONS OF IONICONS
    Be the first to leave a con

    related Ionicons posts

    Ant Design logo

    Ant Design

    680
    1.1K
    190
    A set of high-quality React components
    680
    1.1K
    + 1
    190
    PROS OF ANT DESIGN
    • 36
      Lots of components
    • 27
      Polished and enterprisey look and feel
    • 18
      TypeScript
    • 17
      Easy to integrate
    • 17
      Es6 support
    • 15
      Beautiful and solid
    • 14
      Beautifully Animated Components
    • 13
      Quick Release rhythm
    • 12
      Great documentation
    • 12
      Typescript support
    • 9
      Short Code
    CONS OF ANT DESIGN
    • 14
      Less
    • 7
      Large File Size
    • 6
      Close
    • 2
      Poor accessibility support
    • 1
      Sdf

    related Ant Design posts

    Sarmad Chaudhary
    Founder & CEO at Ebiz Ltd. | 9 upvotes 路 363.6K 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-UI
    Ant 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

    51
    128
    0
    Cross-platform HTML 5/JS tools for next-gen mobile and web development
    51
    128
    + 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

      39
      86
      3
      A Desktop UI toolkit for Vue.js
      39
      86
      + 1
      3
      PROS OF ELEMENTUI
      • 3
        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 路 363.6K 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

        34
        31
        0
        Open source user interface components for Starling Framework or OpenFL
        34
        31
        + 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

            MD Bootstrap logo

            MD Bootstrap

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

              related MD Bootstrap posts

              Open Iconic logo

              Open Iconic

              9
              13
              0
              An open source icon set with 223 marks in SVG, webfont and raster formats
              9
              13
              + 1
              0
              PROS OF OPEN ICONIC
                Be the first to leave a pro
                CONS OF OPEN ICONIC
                  Be the first to leave a con

                  related Open Iconic posts