Tailwind CSS
Material UI
Tailwind CSS | Material UI | |
---|---|---|
1,514 | 301 | |
88,485 | 95,950 | |
1.3% | 0.5% | |
9.9 | 9.9 | |
4 days ago | 4 days ago | |
TypeScript | TypeScript | |
MIT License | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
Tailwind CSS
-
Resume Scan AI app built with Next.js 15, Tailwind CSS, BetterAuth, Open AI, Inngest, and Shadcn/ui
TailwindCSS
-
Selfish reasons for building accessible UIs
> When I’m trying to debug a web app, it’s hard to orient myself in the DevTools if the entire UI is “div soup”
That’s tame. Try adding some Tailwind CSS.
After monitoring Tailwind CSS since its early days, and believing I had some pretty serious philosophical disagreements with it, I recently took an opportunity to try it out in earnest, and it is so mindbogglingly obnoxious in dev tools that I think surely I must be missing something. How do people cope with this stuff!?
If you’re not sure what I’m on about, go through some of the sites linked near the bottom of https://tailwindcss.com/. In the Inspector/Elements panel, the DOM tree is a bloated mess with a class attribute which amounts to inline styles or worse, commonly hundreds of characters long, discouraging you from using semantically-meaningful classes, and duplicating stuff enormously rather than using sane selectors; the mostly-better ones are those that have data-sentry-{element,component,source-file} attributes. The styles subpanel becomes utterly unnavigable.
(I’m not saying everything in Tailwind is bad; I think I am likely to use a limited utility styles approach more than I did in the past, and there are a couple of other things that are provoking thought in me, and I think it would be more suitable in apps than in marketing-style websites. But the total embodiment of it is not for me.)
-
Getting started with Storybook in SolidJS (with Tailwind CSS)
We use dynamic importing to solve a strange bug in Tailwind CSS that is marked as solved but still occurs.
- Queue Social Data Processing with Inngest + TypeScript in 15 Minutes
-
NoBS.email - Extract data from emails 🪄
UI: Preact + Tailwind/shadcn
-
MailPlanet🌍: Visualize email origins on a global map
Styling: Tailwind CSS (Assumed, common with Next.js)
- Tarzan - Email to Blog Platform
-
How to add markdown to a Next.js project
This article assumes the reader is a developer that knows their way around Markdown, TypeScript, React.js, and [Next.js] https://nextjs.org/). Familiarity with Tailwind-css would also be useful.
-
SonicScan - A Music Fingerprinting and Identification App
Then I learned Tauri and used my favourite frontend framework SolidJS with TailwindCSS and DaisyUI to build the UI with MotionOne to add animations and Tauri to build the desktop/web/android/ios app.
- Material 3 Expressive: Better, Easier, Emotional UX
Material UI
-
Top 5 Free React UI Libraries to Use in 2025
MUI is the OG of UI component libraries. They’ve been at the top back since when Bootstrap was a contender and are still maintaining a top spot in the era of Tailwind and other UI libraries. With more than 95k GitHub stars (and counting), and top companies using it in production, I’d say this is the open-source React component library with the most stars. MUI also has paid components available for enterprise users.
-
Kickstart Hacktoberfest with These Exciting Open Source Projects to Contribute To! 🚀
🎨 Project: Material UI 💡 Why Contribute: If design systems and UI frameworks are your thing, Material UI is a must-contribute project. Help maintain or enhance one of the most popular React component libraries used by thousands of developers globally.
- Latest Google Chome (Chromium) Release Breaks Popular Styling Libraries
-
Winamp Legacy player source code is now open
Coincidentally, I thought it was this bug that bit you; it was reported a couple of days ago https://github.com/mui/material-ui/issues/43823
-
Mastering Material UI
To start, I'll be using MUI's Album Template for demo purposes, as I feel that it uses some of the more common components that you'll likely be using. Please note that this repo is template is older so some of the components in it are deprecated.
-
Best React UI Library: 5 Popular Choices
GitHub: https://github.com/mui/material-ui
- How to Contribute to Open Source Projects
-
Material UI vs Shadcn
Material UI GitHub Repository
-
Exploring Pigment CSS, a zero-runtime CSS-in-JS library by MUI
The most popular CSS-in-JS libraries are styled-components and Emotion. MUI, a React component library, recently released a promising, zero-runtime CSS-in-JS library called Pigment CSS. This article will explore the features and benefits of Pigment CSS, offering a comparison to styled-components and Emotion based on performance, features, developer experience, and community support.
-
Ask HN: Is there a react test framework that works?
> [0, 1, 2, -1, 10, 11, 12, 13, 14, -1, 26, 27, 28]
What is that supposed to represent in terms of pagination? Are they cursors...?
> I didn't think the code that generated the HTML from that was really worth testing because it was so superficial.
For what it's worth (as a frontend person), pagination is traditionally one of the trickier things for us to make sure is working correctly. Off-by-one mistakes can happen for example (especially with zero-indexed items). Or sometimes the prev/next buttons don't correctly use the same math as the page 1, 2, 3, etc. buttons. It gets even harder if you don't know the total length in the beginning, or if you allow multiple page sizes or sorts/filters, or use lazy loading, etc.
For those reasons I try to use a ready-built lib like MUI where all that is already tested internally (like https://github.com/mui/material-ui/blob/next/packages/mui-ma... or https://github.com/mui/material-ui/blob/next/packages/mui-ba...), but we still add our own automated and manual tests in our own usages.
But then again I'm bad at math and division, lol, so maybe it's just my own weakness.
What are some alternatives?
antd - An enterprise-class UI design language and React UI library
heroui - 🚀 Beautiful, fast and modern React UI library. (Previously NextUI)
unocss - The instant on-demand atomic CSS engine.
daisyui - 🌼 🌼 🌼 🌼 🌼 The most popular, free and open-source Tailwind CSS component library
Bulma - Modern CSS framework based on Flexbox
mantine - A fully featured React components library