DEV Community

Cover image for 17 Must-know React Projects for Developers πŸ‘©β€πŸ’» πŸ”₯

17 Must-know React Projects for Developers πŸ‘©β€πŸ’» πŸ”₯

Anmol Baranwal on October 16, 2024

The react ecosystem is huge, thanks to the developer community. Thousands of packages, libraries and frameworks make it so powerful. Today, we ar...
Collapse
Β 
srbhr profile image
πš‚πšŠπšžπš›πšŠπš‹πš‘ πšπšŠπš’ β€’ β€’ Edited

So far so good. This is the first list I've seen where I know all of the projects. And used 10 out of the 17 ones.
πŸ˜‰

Collapse
Β 
anmolbaranwal profile image
Anmol Baranwal Tolgee β€’

You are definitely a heavy coder haha.

I have tried to cover only those with wide use cases.. otherwise the title would feel a bit like clickbait. Anyway, thanks for reading Saurabh!

Collapse
Β 
dennis_stephens_4fc3cdbd3 profile image
Dennis Stephens β€’

maybe lie

Collapse
Β 
srbhr profile image
πš‚πšŠπšžπš›πšŠπš‹πš‘ πšπšŠπš’ β€’

Maybe πŸ€”πŸ˜‰

Collapse
Β 
nevodavid profile image
Nevo David Tolgee β€’

Really good list!

Collapse
Β 
anmolbaranwal profile image
Anmol Baranwal Tolgee β€’

Thanks for checking out Nevo!

Collapse
Β 
morgan-123 profile image
Morgan β€’

Bookmarked, thanks!

Collapse
Β 
anmolbaranwal profile image
Anmol Baranwal Tolgee β€’

Yeah, it's a long one so most probably come back again to finish reading it.

Collapse
Β 
johnywalker21 profile image
johny walker β€’

exactly

Collapse
Β 
jonathanfishner profile image
Jonathan Fishner β€’

Love it! We are using ReactFlow in our project and it's amazing! Give us a look (and star if you like it πŸ˜‰)
ChartDB

Collapse
Β 
anmolbaranwal profile image
Anmol Baranwal Tolgee β€’

Great! ReactFlow is used by so many organizations and I believe I have covered ChartDB before in one of my articles. I have covered so many open source projects so it's hard to pinpoint the exact article :)

Collapse
Β 
jitenderchoudhary_00 profile image
Jitender choudhary β€’

code4web.netlify.app/
i created this text editor inspire from dev.to . please let me know what i canimprove more need reviews

Collapse
Β 
anmolbaranwal profile image
Anmol Baranwal Tolgee β€’

Whoa! It looks so similar, great work.

1) One thing I would improve is clearly stating the recommended dimensions for the banner maybe.. in small text right next to the "add a cover image" button. It was hard to find the dimensions in the Devto editor as well.

2) After adding 4 tags, there is still the blinking cursor.. which shouldn't be there (just to improve the ux).

Image description

3) Found a bug where the options get stuck no matter what I click.

Image description

Still, it's great work.. what tech stack did you use to build this?

Collapse
Β 
jitenderchoudhary_00 profile image
Jitender choudhary β€’

hey thanks for your time i will surely improve more , i used React, react-quill, tailwind and MUI

Collapse
Β 
vandu_murugan_a2f3029932b profile image
vandu murugan β€’

Source code please..

Collapse
Β 
dennis_stephens_4fc3cdbd3 profile image
Dennis Stephens β€’

Hmm

Collapse
Β 
martinbaun profile image
Martin Baun β€’

Magic UI looks pretty cool! I might go play around with it :)

Collapse
Β 
anmolbaranwal profile image
Anmol Baranwal Tolgee β€’

Thanks for reading Martin πŸ™Œ. Another UI library I covered is UI Layout (11th position).. it has a cool video masking effect if you want to check it out.

Image description

I think we will see more UI libraries releasing every month from now on.

Collapse
Β 
martinbaun profile image
Martin Baun β€’

Nice! Looking forward!!

Collapse
Β 
tylim88 profile image
Acid Coder β€’

damn, all these great UI libraries

Collapse
Β 
thistish profile image
ThisTish β€’

So many great things to look into! Thanks for the list!

Collapse
Β 
fliin_0788 profile image
Fliin β€’

Thanks for sharing, great list!

Collapse
Β 
anmolbaranwal profile image
Anmol Baranwal Tolgee β€’

Thanks for reading Trent πŸ™Œ
Projects like Tolgee and Acernity UI are growing very fast.

Collapse
Β 
marketa_c profile image
Marketa Cizmar Tolgee β€’

πŸš€πŸš€πŸš€

Collapse
Β 
nathan_tarbert profile image
Nathan Tarbert β€’

Tolgee sounds really cool!

Collapse
Β 
anmolbaranwal profile image
Anmol Baranwal Tolgee β€’

Yep, Tolgee is going to grow very fast Nathan.

Collapse
Β 
steven0121 profile image
Steve β€’

Nice list, thx. Which libraries would you suggest avoiding for small projects?

Collapse
Β 
anmolbaranwal profile image
Anmol Baranwal Tolgee β€’

It mostly depends on your use case. If you are comfortable maintaining the code, you could definitely use some of these components to build something quick.

As a general rule, I would avoid using React Spring for small projects since it might be overkill (my opinion). But most of the libraries on this list are just to help you build stuff quickly like Mantine hooks, Tremor, UI libraries...

It's your choice and preference.

Collapse
Β 
gaurav444 profile image
Gaurav Vala β€’

Finally! A List with not so common and same-same react libraries!! Thanks for the list! Gonna check out all of them! πŸ™Œ

Collapse
Β 
anmolbaranwal profile image
Anmol Baranwal Tolgee β€’

Thank you for reading Gaurav! It's hard to find new quality open source projects because GitHub advanced filters are just too broad.. so it takes a long time to research.

Glad you loved it :)

Collapse
Β 
tarunkumarkale profile image
Tarun kale β€’

Amazing

Collapse
Β 
kusuma_atessae_9b70947c profile image
Kusuma At Essa E β€’

Hook

Collapse
Β 
benborla profile image
Ben Borla β€’

Love it! ❀️❀️❀️

Collapse
Β 
kavyaviki profile image
KavyaViki β€’

Very extensive and well curated list. thanks for sharing

Collapse
Β 
longhairedsi profile image
simon dixon β€’

Nice list ! also
ShadCn FTW - ui.shadcn.com/

Collapse
Β 
pathubbs profile image
pat-hubbs β€’

So many cool projects, thanks for sharing!

Collapse
Β 
john12 profile image
john β€’

Nice blog

Collapse
Β 
omzi profile image
Omezibe Obioha β€’

Awesome list!

PS: Tremor is also based on Recharts.

Collapse
Β 
thevediwho profile image
Vaibhav Dwivedi β€’

I can't imagine how much time it would've taken to create such amazing article with the whole compilation. Good job!

Collapse
Β 
anmolbaranwal profile image
Anmol Baranwal Tolgee β€’

Yes, it takes a lot of time to research new projects and write about them in a way that's easy to digest. I'm grateful that you found this useful :)

Collapse
Β 
prayagahire profile image
prayag-ahire β€’

Great I hope you to see more articles like this I am learning and this is wonderful

Collapse
Β 
ronaldohoch profile image
Ronaldo Hoch β€’

I would love to have "Aceternity UI" for other library or pure javascript and tailwind πŸ˜…
I would love this in Angular actually.

Collapse
Β 
abdullah-dev0 profile image
Abdullah β€’

Really good list!

Collapse
Β 
shimanta_microcodes profile image
Shimanta Das β€’

nice article ! helpful for beginner

Collapse
Β 
_moonsoon_8 profile image
ΠœΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Π΅ ΠΈΠ³Ρ€Ρ‹ Moonsoon β€’

ΠšΡ€ΡƒΡ‚Ρ‹Π΅ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Ρ‹, спасибо)

Collapse
Β 
lindiwe09 profile image
Lindiwe Dokotala β€’

Thanks for the list! Gonna check out all of them! πŸ™Œ

Collapse
Β 
sambr00ke profile image
Samuel Brooke β€’

Thanks for taking the time to compile this list Anmol...very useful!

Collapse
Β 
nestcontent profile image
Nest Content β€’

Nice!

Collapse
Β 
bilal_mughal_393c6ed62e81 profile image
Bilal Mughal β€’

Thanks for sharing informative info, great list!

Collapse
Β 
sirelli profile image
Jerount β€’

I'll add it to my favorites, thanks, bro.

Collapse
Β 
laxmann profile image
Laxman Nemane β€’

Thanks for this. very helpful!

Collapse
Β 
axi0m profile image
Matt β€’

Also Perseid, and it works for Svelte and Vue as well ;)
Thanks for the list!

Collapse
Β 
shubham2270 profile image
Shubham Kumar β€’ β€’ Edited

Good post, subscribe to youtube.com/@HoverHacks for web dev videos