React-UI-Component-Libraries.md

Libraries and Tools for React

If you're developing an application based on React it can be helpful if you don't need to develop all the basic UI components yourself. Here you can find a list with various components, component libraries and complete design systems developed with and for React.

As the list got longer and longer I thought it would be better to have a "real" site for it.

👉 Please find the (new) list here: https://react-libs.nilshartmann.net/

Hi,

In "Component libraries and Design Systems / Brands" you can add Decathlon Design System https://www.decathlon.design/ which supports React.

There's also, although they're just based on CSS without React:

• Orange Design System: https://design.orange.com/design-system/ (based on Bootstrap for the web)
• French State Design: System https://www.systeme-de-design.gouv.fr/

You have an unstyled category:

• https://github.com/react-restart/ui (done by react-bootstrap developers)
• https://github.com/tailwindlabs/headlessui (done by Tailwind CSS developers)

Last paragraph: interessting => interesting

@nilshartmann here are some additional ones. With descriptions taken from their github page.

Component libraries and Design Systems:

NativeBase - Mobile-first, accessible components for React Native & Web to build consistent UI across Android, iOS and Web.
MagnusUI - A Utility-First React Native UI Framework 🚀🧩
Dripsy - 🍷 Responsive, unstyled UI primitives for React Native + Web.
Tamagui.dev - Universal UI kit and style system for React Native + Web - with an optimizing compiler 🚄

Comparison: Magnus UI vs. Dripsy - Chakra UI alternatives for React Native

Tamagui is my favorite among those, since it is the only one that fully solves How to combine React Native Web + responsivity + NextJS SSR, to get SEO.

thanks, @tkrotoff! I've added the react libs!

thanks, @redbar0n! added the libs!

• Deutsche Bahn design system: https://dpp.bahn-x.de/ (https://twitter.com/vitalyf/status/1568225403453546502)
• Audi design system: https://react.ui.audi/ (https://twitter.com/vitalyf/status/1572851941784551425)

@tkrotoff thanks! added the links

jetbrains https://github.com/JetBrains/ring-ui

@zemirco thanks! added!

cool collection btw 🎉

webex / cisco - https://momentum.design/components - web components but also react wrapper
alaska airlines - https://auro.alaskaair.com/#gsc.tab=0
shoelace - https://shoelace.style/
vmware - https://core.clarity.design/
jstore - https://pharos.jstor.org/

thanks, @zemirco ! all added 😊

Happy New Year! Here is another one

https://www.delldesignsystem.com/

Hi @zemirco ,

Happy New Year! 🥳

Are there any React components in DDS yet? I haven't checked all, but I only see in backlog for react components?

That's true. I believe they start with vanilla components and add the React implementation later on.

I found one more from J.P. Morgan
https://www.saltdesignsystem.com/components/

Thanks again, @zemirco ! Added both.

And another nice overview I found
https://component.gallery/components/

Or directly
https://component.gallery/design-systems/?tech=React

Choc UI
https://choc-ui.com/
https://github.com/anubra266/choc-ui
A component library built on top of Chakra UI components, but where you install by copy-pasting code (like TailwindUI for Tailwind) instead of installing/importing components. Choc = Chakra HOC = Chakra Higher-Order Components.

hi @zemirco and @redbar0n ! thanks a lot for your links! I added both to the list!

https://uui.epam.com/

Tamagui has a Stitches / style library replacement as well as UI components.

Thanks, @zemirco added it!

@natew: thanks, but Tamagui was already on the list 😊

Hi all!

As this list got longer and longer (thanks to your contributions!!!), I deceided to give it a "real" website: https://react-libs.nilshartmann.net/

If you have contribution, please open an issue or pullrequest in the repo: https://github.com/nilshartmann/react-component-libs

Thanks again for all of your contributions and have fun building apps!