Skip to content

Instantly share code, notes, and snippets.

@nilshartmann
Last active May 25, 2024 22:57
Show Gist options
  • Save nilshartmann/decb10d37a76ae3ab58f0c7755beb038 to your computer and use it in GitHub Desktop.
Save nilshartmann/decb10d37a76ae3ab58f0c7755beb038 to your computer and use it in GitHub Desktop.

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/

@anavarro9731
Copy link

@nilshartmann
i'd suggest adding Uber's Baseweb to your Component libraries and Design Systems list.
https://baseweb.design/

@nilshartmann
Copy link
Author

@anavarro9731 thanks for your hint! added it to the list!

@roblevintennis
Copy link

My I suggest AgnosticUI?

AgnosticUI - Accessible React component primitives that also work with Vue 3, Svelte, and Angular!

@nilshartmann
Copy link
Author

thanks, @roblevintennis ... added it to the list!

@tkrotoff
Copy link

tkrotoff commented Jun 9, 2022

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:

You have an unstyled category:

Last paragraph: interessting => interesting

@redbar0n
Copy link

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

@nilshartmann
Copy link
Author

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

@nilshartmann
Copy link
Author

thanks, @redbar0n! added the libs!

@tkrotoff
Copy link

tkrotoff commented Sep 28, 2022

@nilshartmann
Copy link
Author

@tkrotoff thanks! added the links

@zemirco
Copy link

zemirco commented Oct 7, 2022

@nilshartmann
Copy link
Author

@zemirco thanks! added!

@zemirco
Copy link

zemirco commented Oct 13, 2022

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/

@nilshartmann
Copy link
Author

thanks, @zemirco ! all added 😊

@zemirco
Copy link

zemirco commented Jan 6, 2023

Happy New Year! Here is another one

https://www.delldesignsystem.com/

@nilshartmann
Copy link
Author

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?

@zemirco
Copy link

zemirco commented Jan 9, 2023

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/

@nilshartmann
Copy link
Author

Thanks again, @zemirco ! Added both.

@zemirco
Copy link

zemirco commented Jan 10, 2023

@redbar0n
Copy link

redbar0n commented Jan 12, 2023

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.

@nilshartmann
Copy link
Author

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

@zemirco
Copy link

zemirco commented Feb 7, 2023

@natew
Copy link

natew commented Feb 7, 2023

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

@nilshartmann
Copy link
Author

Thanks, @zemirco added it!

@nilshartmann
Copy link
Author

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

@nilshartmann
Copy link
Author

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!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment