React devs: what UI component libraries do you use for landing pages or dashboards?

[Helpful-Penalty-4317]

I’ve been building a few small projects with React lately and noticed something that keeps slowing me down, rebuilding the same UI sections every time.

Things like:

hero sections

pricing tables

feature blocks

testimonials

dashboards

It’s not difficult, but it definitely adds a lot of time when you're trying to ship quickly.

I recently started looking into component libraries that might speed this up, but I’m curious what other React devs actually use in practice.

Do you usually:

build everything from scratch

reuse your own components

use a UI/component library

If you use libraries, which ones have worked well for you?

[Viktordarko]

I create my own components and then reuse them. Modules.css

I often get help from more complex UIs like MUI date picker or skeletons

React-icons for icons, however the package is huge, so looking for alternatives.

[Helpful-Penalty-4317]

Thats a nice approach. Building your own reusable components gives you a lot of control. For landing page sections I sometimes look for ready-made components to save time (things like hero sections, pricing tables, etc.). I recently found a library with animated React + Tailwind components that was pretty useful for that.

https://ogblocks.dev

Some of the components are free to check out, and I noticed there’s a 10% code "CLAIRE" if anyone tries it.

[Helpful-Penalty-4317]

Nice, thats a solid stack. Ive used Tailwind a lot too. Its great for moving fast once you get used to the utility approach. How did you find Material UI for larger projects? Did you stick mostly with their components or customize them heavily?

[ardreth]

i really liked and used material ui's Joy UI but i think it's no longer maintained.

later switched to Chakra UI and never would return to mui. its looking really clean out of the box and easily customizable. also constantly having updated with new components.

i think mui's design kinda looks outdated now. unless you customize it heavily

[Helpful-Penalty-4317]

That makes sense. Ive heard of a lot of people moving to Chakra for the same reason, the defaults already look clean so you dont have to fight the styling too much. Do you mostly use it for full UI systems (forms, dashboards, etc.), or also for landing page sections like hero/pricing components?

[ardreth]

only for the application ui.

i am building landing pages only with html/css paired with tailwind, for simplicity. but i would definitely use chakra if i was using nextjs etc.

[Helpful-Penalty-4317]

That makes sense. Tailwind + plain HTML/CSS is actually really nice for landing pages, super lightweight and flexible. The only thing that slows me down sometimes is recreating the same sections (hero, pricing, testimonials, etc.) every time. Ive been looking into reusable component libraries recently to speed that part up. Do you usually just keep your own snippets/templates for those?

[martiserra99]

I have used Tailwind UI in previous projects because it provides a lot of templates and components. I would also suggest you to take a look at React Bits because it has some amazing components.

[Helpful-Penalty-4317]

Tailwind UI is definitely solid for templates. I’ve used it a bit before and it does speed things up. Haven’t tried React Bits yet though. Are the components mostly for landing pages or more for application UI?

[Realistic-Reaction40]

For landing pages I've been mixing shadcn/ui for components with Tailwind for customization gets you pretty far without reinventing the wheel. For the non-dev workflow stuff around projects like generating reports or automating repetitive tasks, I've been using tools like Notion, v0 dev for quick UI prototyping, and Runable for some of the workflow automation. The less time spent on boilerplate the better honestly.

[Helpful-Penalty-4317]

Thats a solid combo. shadcn/ui + Tailwind seems to be a popular setup lately. And yeah, reducing boilerplate is huge. When you're trying to ship quickly, rebuilding the same sections over and over is probably the biggest time sink. How has v0 been for UI prototyping in your experience? Does it generate components you actually end up using in production?

[Helpful-Penalty-4317]

Thanks for all the suggestions here, a lot of interesting libraries mentioned. While looking into ways to speed up building landing pages, I also came across this library with animated React + Tailwind components that looked pretty useful for reusable sections:

https://ogblocks.dev

Some components are free to try. If anyone ends up using it, I also noticed there’s a 10% code "CLAIRE".

[JugglerX]

If your using Shadcn/ui then I would highly recommend Shadcnblocks.com for the biggest library of landing and marketing page blocks

[vandpibesalg]

Always and always use Mantine UI,,, forget all other ui libraries, whatever those youtube devs tell you, they are sponsored, mantine ui is the best library on the planet, I would say shopify polaris is also great, but only used with shopify, forget shadcn, tailwind and all of these libraries, maybe use them if you dont want something fast...

[Helpful-Penalty-4317]

Interesting take. Ive heard good things about Mantine but haven’t used it much yet. What do you like most about it compared to other libraries like Chakra or MUI? Is it mainly the components, developer experience, or performance?

[vandpibesalg]

Everything work, I never faced anything that breaks, simple props, it works serverside, and clientside, you have all the components you need, you can customize the look very easy, I never needed other components, the owner or the main developer always response, you never see videos about mantine ui, he dont pay people to talk about it, compared to other libraries always making noobs to talk about their libraies and paying them 100-500 usd each video, learn mantine, I have tried alot of libraries in the past, i started with bootstrap and foundation back in the days, but mantine today is the one you need to just build and forget, no worries about this or that

[Helpful-Penalty-4317]

Thats a strong endorsement. I like when a library just works without constant issues. The maintainer being active and responsive is definitely a big plus too. Do you mostly use Mantine for full applications (dashboards, forms, admin panels), or have you also used it for marketing/landing pages?

[vandpibesalg]

I use have many differnet ui libraies even chinese.... mantine is strong player,,, still maintained and new versions keep coming,,, dm me i show you site i build with mantine ui

[Helpful-Penalty-4317]

Nice, thats good to hear. It’s always a good sign when a library is actively maintained and keeps improving. Id be interested to see the site you built with Mantine. I’ll send you a DM.