Tailwind CSS
unocss
| Tailwind CSS | unocss | |
|---|---|---|
| 1,424 | 60 | |
| 83,714 | 16,735 | |
| 1.1% | 1.2% | |
| 9.8 | 9.6 | |
| 1 day ago | 5 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
-
Let's create Data Table with React, TanStack Table and Tailwind CSS. Part 1: Intro and HTML layout
Tailwind CSS to manage styles.
-
AI Travel Planner app built with Next.js 15, Tailwind CSS, Prisma, Open AI, and Clerk.
TailwindCSS
-
The Caveats of Web Components
Previously we talked about how the shadow dom prevents styles from the light dom targeting elements within the shadow dom. This also means we can't use utility class frameworks like tailwindcss.
-
🚀 Tailwind CSS: Utility-First CSS Framework
Tailwind CSS Official Website
-
Implementing Dark Mode and Theme Switching using Tailwind v4 and Next.js
As CSS nesting is a relatively new feature, there are ongoing discussions about browser compatibility in the Tailwind community (see GitHub issue #14753). Since v4 is in beta, this implementation might change based on community feedback and compatibility concerns.
-
Two-Factor Authentication Using Better_Auth, Next.js, Prisma, ShadCN, and Resend
TailwindCSS: A popular CSS framework for building modern user interfaces.
-
Exciting updates in Tailwind Version 4 🚀
Several months ago (at the time of writing), Tailwind CSS open-sourced its work on Tailwind CSS v4.0. (You can find it on GitHub here: https://github.com/tailwindlabs/tailwindcss).
-
Email verification using better_auth, nextjs and resend
TailwindCSS: A popular utility-first CSS framework.
- A Final Challenge: The Planning Phase
- Email and Password auth using Better_Auth, nextjs, prisma, shadcn and tailwindcss
unocss
- Atomic CSS Deep Dive
-
Crosspost! Publishing to Dev.to From My Personal Blog
I'm also considering rewriting the application with a framework like Nuxt or adding UnoCSS styles, just to play around with the technology and see what I can do. Hexo feels like it's not quite ready for production use in an enterprise context, but it's really straightforward to get up and running with for smaller groups and solo developers.
-
Show HN: Tailwind Template Directory
Yes: https://unocss.dev/
You can even use it directly in runtime
-
Tailwind CSS v4.0.0 Alpha
I wish tailwind would support attributify like https://github.com/unocss/unocss, which is much more readable for complex layouts:
link - UnoCSS — an Instant On-Demand Atomic CSS Engine
-
Catalyst – Tailwind CSS Application UI Kit
I feel the same about people praising Tailwind.
Tailwind (and similar, I tend to use https://unocss.dev/) is not good for your frontend architecture BUT they allow you to be so fast, that it negates the benefits.
For a job well done, I'd follow the principles of https://maintainablecss.com/
-
What do you think we can do better to improve Vue position in the frontend space as a dominant UI framework?
I think UnoCss is may be better than Tailwind already and has a good Vue integration https://unocss.dev/
-
~~New~~ Old way to write CSS
The most popular tools that implement this approach are: Tailwind, WindiCSS, UnoCSS.
-
Which is best for DX and efficiency, TailwindCSS, UnoCSS, PandaCSS, or the new MasterCSS
- UnoCSS: https://unocss.dev/
-
A design system for the federal government
haha, fair point. Still, I'm on the fence about how utility components are namespaced in USWDS. Perhaps giving users the flexibility to define the namespace might work better? One thing that bugs me is the absence of class-sorting like we have in TailwindCSS. Plus, there are some gaps I've noticed in USWDS. The naming, especially when comparing "padding-x-2" and "p-x-2", can be really annoying when switching around, maybe that could also be an option for the developer or project. Similar to the ideas antfu has on uno.css https://unocss.dev/ ♥
What are some alternatives?
flowbite - Open-source UI component library and front-end development framework based on Tailwind CSS
windicss - Next generation utility-first CSS framework.
antd - An enterprise-class UI design language and React UI library
tail-kit - Tail-kit is a free and open source components and templates kit fully coded with Tailwind css 3.0.
unplugin-vue-components - 📲 On-demand components auto importing for Vue
emotion - 👩🎤 CSS-in-JS library designed for high performance style composition
pico - Minimal CSS Framework for semantic HTML
Material UI - Ready-to-use foundational React components, free forever. It includes Material UI, which implements Google's Material Design.
vanilla-extract - Zero-runtime Stylesheets-in-TypeScript
vuetify - 🐉 Vue Component Framework
Quasar Framework - Quasar Framework - Build high-performance VueJS user interfaces in record time