DEV Community

loading...
Cover image for Top UI frameworks for React

Top UI frameworks for React

Anjan Shomodder
Full Stack Web Developer | Blogger | Instructor at Cules coding
Updated on ・3 min read

Top UI frameworks for react

UI libaries are very popular for creating beautiful looking web applications

Material-UI

React components for faster and easier web development. Build your own design system, or start with Material Design.

Alt Text
Alt Text

Learn more from Material-UI docs

Charkra-UI

Chakra UI is a simple, modular and accessible component library that gives you the building blocks you need to build your React applications.

Alt Text

Learn more from Charkra-UI docs

React Bootstarp

React-Bootstrap replaces the Bootstrap JavaScript. Each component has been built from scratch as a true React component, without unneeded dependencies like jQuery.

Alt Text

Learn more from React docs

Ant Design

A design system for enterprise-level products. Create an efficient and enjoyable work experience.

Alt Text

Learn more from Ant Design

There are a lot more libaries available for react. But my favorite one is material-ui. Comment down your favorite ui framework.

And I am creating a video series on my youtube channel about how to build a static blogging site using JAMstack.


What are you going to learn from this video series?

  • ReactJS, NextJs
  • Static Site Generation
  • Dynamic Routing
  • Material-ui
  • MongoDB
  • how to build a real time view counter
  • a small search engine with mongodb and so on.

Project Demo

You can demo the project from here
Alt Text

View the Project code.

So like, share and subscribe to Cules Coding. It takes a lot of effort to build those videos.

If you have any question, put them on the comment section. And also you can connect to me on any social media as @thatanjan . I post content there. So stay safe and good bye.

About me:

Who am I?

My name is Anjan. I am a full stack web developer from Dhaka, Bangladesh.

What problems do I solve?

I can create complex full stack web applications like social media application, blogging, e-commerce website and many more.

Why do I do what I do?

I love to solve problems and develop new ideas. I also enjoy sharing my knowledge to other people who are wiling to learn. That's why I write blog posts and run a youtube channel called Cules Coding

Think we should work together?

Feel free to contact me

Email: thatanjan@gmail.com

linkedin: @thatanjan

portofolio: anjan

Github: @thatanjan

Instagram (personal): @thatanjan

Instagram (youtube channel): @thatanjan

twitter: @thatanjan

About My channel:

Why would you subscribe to Cules Coding?

Cules Coding will teach you full stack development. I will teach you not only the basic concepts but also the advanced concepts that other youtube channels don't cover. I will also teach you Data Structures and Algorithms with abstraction and without Math. You will also find many tutorials about developer tools and technologies. I also explain advanced concepts and technologies with simplicity.

So what are you waiting for?

Subscribe to Cules Coding
so that my friend you don't miss any of these cool stuffs.

Discussion (9)

Collapse
lukeshiru profile image
LUKE知る • Edited

Quick question: Is there a reason to use famous people in your covers/thumbnails? I don't get what's the message/idea of having Elon Musk as thumbnails for your videos, and Tailor Swift in your article's cover. I mean using Zuckerberg as the cover of React related stuff makes some kind of sense, but the other ones are kinda confusing.

Collapse
thatanjan profile image
Anjan Shomodder Author

Thanks for asking that. Actually I learned it from 'Think Media' youtube channel. when you have famous people on the cover people tend to get attracted more. If you follow 'Charisma on Command' youtube channel, he also do the same thing. So, I tried that and it kinda works.

Collapse
lukeshiru profile image
LUKE知る

Yup, the thing is that if the thumbnail doesn't have anything to do with your content, it initially has a higher click rate, but a way higher bounce rate as well (people notices and with time you end up with less engaging). One thing that I recommend (you can look it up) is to use your own face, generally with your mouth open (like you're about to say something), and with different expressions for different videos.
Is way better to have slower but honest engagement, instead of relying on "click-bait" tactics that end-up ruining your imagen in the long run.

Collapse
kamilla profile image
Kamilla

Oh, this is sad. I really thought you like Taylor Swift hahah

Collapse
_mariacheline profile image
s h i

The fact that Taylor Swift is on the banner and has nothing to do with the article is somewhat annoying.

Collapse
techguy profile image
Techguy

Great list. Syncfusion React UI Components missing here.

The Syncfusion React UI components library is the only suite that you will ever need to build an application since it contains over 65 high-performance, lightweight, modular, and responsive UI components in a single package.

Demo Link: ej2.syncfusion.com/home/react.htm

Collapse
vineyrawat profile image
Viney Rawat

Chakra UI

Collapse
sphrases profile image
sphrases

Ah dammit, on first glance at the thumbnail I thought this was about developing Iphone apps /s

Collapse
darkimage profile image
Luca Faggion

What do you guys think about atomize UI ?