How To Set Up A Design System To Work With React

This page summarizes the projects mentioned and recommended in the original post on /r/UI_Design

Our great sponsors
  • SurveyJS - Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App
  • WorkOS - The modern identity platform for B2B SaaS
  • InfluxDB - Power Real-Time Data Analytics at Scale
  • grommet-starter-new-app

    A tutorial to show how to use Grommet with create-react-app.

    https://v2.grommet.io/ AND ???

  • rebass

    :atom_symbol: React primitive UI components built with styled-system.

    https://rebassjs.org/ AND ???

  • SurveyJS

    Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

  • react-bootstrap

    Bootstrap components built with React

    https://react-bootstrap.github.io/ AND https://www.figma.com/community/file/832800692655327277 (bootstrap 4)

  • Material UI

    Ready-to-use foundational React components, free forever. It includes Material UI, which implements Google's Material Design.

    https://material-ui.com/ AND https://material-ui.com/store/items/figma-react/

  • evergreen

    🌲 Evergreen React UI Framework by Segment

    https://evergreen.segment.com/ AND https://www.figma.com/community/file/873000372046493812

  • chakra-ui

    ⚡️ Simple, Modular & Accessible UI Components for your React Applications

    https://chakra-ui.com/ AND ???

  • @blueprintjs/core

    A React-based UI toolkit for the web

    https://blueprintjs.com/ AND ???

  • WorkOS

    The modern identity platform for B2B SaaS. The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.

  • antd

    An enterprise-class UI design language and React UI library

NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts