Building Design System vs Using open source Design System library?

This page summarizes the projects mentioned and recommended in the original post on /r/reactjs
React UI Frameworks UI Components Responsive ui-library

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.
surveyjs.io
featured
InfluxDB - Power Real-Time Data Analytics at Scale
Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.
www.influxdata.com
featured

  • antd

    An enterprise-class UI design language and React UI library

    • Hello Everyone, so the question is what approach would you follow if you building a react app from scratch and with a design that's kinda unique and not based on existing design system, would you build something from scratch (buttons, typography, tables, layouts, cards etc..) and use tailwind or styled-components and make everything composable and atomic, or use an existing open source design system library (ant.design or rsuit, for example) and customize it? which approach is more reliable based on your experience?

  • stitches

    [Not Actively Maintained] CSS-in-JS with near-zero runtime, SSR, multi-variant support, and a best-in-class developer experience.

    • Sounds like https://stitches.dev

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

    SurveyJS logo

  • chakra-ui

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

    • My favorite library in this space atm is definitely Chakra UI. It's definitely more on the opinionated side and has it's own way of handling theming and ad-hoc styling, along with a fantastic suite of components. I've found that its set of primitive components can easily be used to build any more complex components you might need that it doesn't offer out-of-the-box.

  • mantine

    A fully featured React components library

    • Personally I tend to try and find exisiting libraries for UI, partly because I am not very creative and I prefer the logical side of web development, but mostly because it's essentially a whole different field of expertise. My current go-to is Mantine (mantine.dev) because it allows for some nice customizability/styling options to still make things your own.

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

  • What are the best customizable react components libraries?

    3 projects | /r/react | 25 Nov 2021

  • Minified React error #426

    2 projects | dev.to | 27 Jan 2024

  • ⚡ Best Open Source React framework and libraries for Building Enterprise B2B apps

    5 projects | dev.to | 27 Sep 2023

  • Is Chakra-UI still in use today? Or are there better libraries available now?

    2 projects | /r/reactjs | 14 Jul 2023

  • Ask HN: How can a BE/infra developer handle the FE side of personal projects?

    7 projects | news.ycombinator.com | 13 Jun 2023