Building Design System vs Using open source Design System library?

This page summarizes the projects mentioned and recommended in the original post on reddit.com/r/reactjs

Our great sponsors
  • Appwrite - The Open Source Firebase alternative introduces iOS support
  • Scout APM - Less time debugging, more time building
  • SonarQube - Static code analysis for 29 languages.
  • 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

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

    Sounds like https://stitches.dev

  • Appwrite

    Appwrite - The Open Source Firebase alternative introduces iOS support . Appwrite is an open source backend server that helps you build native iOS applications much faster with realtime APIs for authentication, databases, files storage, cloud functions and much more!

  • 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

    React components library with native dark theme support

    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