Software Alternatives, Accelerators & Startups

Top React component libraries (2021 edition)

Material UI Ant Design React Bootstrap Grommet Rebass Blueprint Semantic UI React Retool Fluent UI Chakra UI
  1. A CSS Framework and a Set of React Components that Implement Google's Material Design
    • Open Source
    For support, there’s plenty of free options like the Material-UI community, Stack Overflow, and GitHub. Material points technical questions to Stack Overflow, where more than 12.5k questions have been posted. GitHub is used exclusively as a bugs and feature requests tracker. On the paid side, Material-UI suggests purchasing a Tidelift subscription which offers “flexibility of open-source and the confidence of commercial-grade software.” At the rate of $200/hr or $1500 per day, “Custom work” can be requested for help modifying Material-UI to meet specific requirements.

    #Design Tools #Developer Tools #CSS Framework 75 social mentions

  2. An enterprise-class UI design language and React implementation with a set of high-quality React components, one of best React UI library for enterprises
    • Open Source
    AntD offers Ant Design Pro, an out-of-box UI solution for enterprise applications. Ant Design Pro comes equipped with templates, components, and a corresponding design kit.

    #Development Tools #Design Tools #UI 97 social mentions

  3. 700+ UI components & templates for Bootstrap 5 & React 17
    React-Bootstrap’s component library skews toward web development. With less than 30 components, React-Bootstrap also doesn’t provide the breadth of component coverage that a Material-UI or AntD offers. Less can be more, especially for those familiar with Bootstrap and know it can accommodate their use case.

    #Web App #Design Tools #Software Engineering 3 social mentions

  4. Build responsive and accessible mobile-first projects for the web with an easy to use component library
    • Open Source
    Grommet was developed by HPE and offers a more vibrant (and not so Google-y) look and feel compared to alternatives like Material-UI or AntD. From their marketing site copy, Grommet positions itself as “a React-based framework that provides accessibility, modularity, responsiveness, and theming in a tidy package.”

    #Developer Tools #UI #Application Builder 10 social mentions

  5. 5
    React primitive UI components built with Styled System
    Rebass was created by Brent Jackson, who is currently a front-end developer at Gatsby. React primitive UI components are at the core of the Rebass library, which are coupled with a Styled-System. The Rebass Styled System is compatible with CSS-in-JS libraries and reduces the need to write custom CSS into an application using style objects instead of embedded CSS strings. As a result, developers can build faster and add a theme and design elements on top of Rebass primitives. Rebass is also very lightweight, with a footprint of about 4KB.

    #Design Tools #CSS Framework #Development Tools

  6. http://bit. ly/bY8LhR Once your keyword research has identified a Site Concept (i. e., theme) and several related ..
    • Open Source
    While Blueprint provides detailed documentation, it lacks community and support options. The Blueprint GitHub repo appears to be the most active place for reporting issues and getting support from contributors. There are also a few hundred Blueprint questions on Stack Overflow.

    #Developer Tools #Design Tools #UI 16 social mentions

  7. Semantic-UI-React integration
    • Open Source
    Similar to Bootstrap-React, Semantic UI React is the React flavor of the Semantic web framework. Also, like Bootstrap-React, Semantic UI React is jQuery-free to make it fully React compatible. Because of its origins in aiding with responsive, HTML-friendly web design, Semantic for React is better suited for web development vs. application building.

    #Developer Tools #Design Tools #UI 20 social mentions

  8. 8
    Build custom internal tools in minutes.
    • Freemium
    • Free Trial
    • $10.0 / Monthly (Startup)
    Style editors — Style editors are available across all Retool plans and allow you to customize your Retool components within the Retool UI by editing the style properties (e.g., color, border-radius) of any component.

    #No Code #Rapid Application Development #Productivity 89 social mentions

  9. The official front-end framework for building experiences that fit seamlessly into Microsoft 365.
    Fluent React UI is Microsoft’s design system adapted for React. It’s built on top of the Fluent UI design language, component specifications, and utilities. Fluent is the UI framework used in the latest versions of Microsoft applications like Powerpoint, Word, Outlook, etc.

    #Developer Tools #UI #React

  10. Simple, modular and accessible UI components for your React applications.
    • Open Source
    Theming — At the core of Chakra UI is a default theme to define color palette, type scale, font stacks, breakpoints, border-radius values for an application. Customized themes can then be layered on top of the default theme. Chakra UI also offers a framework to customize components using modifier styles that alter components based on specified properties or state.

    #Design Tools #Developer Tools #UI 197 social mentions

  11. HTML5 Hybrid Mobile App UI Framework - work with Angular, React, Vue, Meteor & pure JavaScript. Material & Flat design.
    • Open Source
    Originally based on AngularJS with support for jQuery, Onsen UI offers an adapted framework for React. Onsen was developed by Monaca Software which specializes in mobile app development and is based out of Japan. Based on the mobile-first origin, the Onsen UI framework is well suited for building mobile apps.

    #Development Tools #Developer Tools #JavaScript Framework 2 social mentions

  12. Evergreen is a React UI Framework for building ambitious products on the web. Made by Segment in San Francisco, CA.
    • Open Source

    #Developer Tools #UI #React 3 social mentions

Discuss: Top React component libraries (2021 edition)

Log in or Post with