Tailwind CSS
unocss
Our great sponsors
Tailwind CSS | unocss | |
---|---|---|
1073 | 37 | |
66,006 | 9,635 | |
2.3% | 8.5% | |
9.8 | 9.8 | |
7 days ago | 2 days ago | |
HTML | 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
-
Rebuilding my Portfolio with Next, MDX, and Contentlayer
Tailwind CSS -- because I don't know how to do CSS otherwise
-
How we achieved 100/100 pagespeed & CWV, with third party scripts
Compiles Tailwind CSS for us, based on template files used and strips out any unused styles. This keeps our CSS to an absolute minimum.
-
Flowbite Bundle - A symfony form theme for Flowbite
I recently wanted to test Tailwind CSS and Flowbite in a Symfony project and therefore I created a form theme for Flowbite.
-
.NET Modern Task Scheduler
Tailwind CSS for modern styling.
-
CheatGPT is Here: Upgrade Your Chat Experience
CheatGPT is built using the latest web technologies, including SvelteKit, Tailwind, DaisyUI, Supabase, and Vercel. We've chosen these technologies for their speed, efficiency, and ease of use, and we're confident that they'll provide a great user experience for everyone who uses CheatGPT.
-
How to build an image gallery with masonry grid layout in Tailwind CSS
Make sure you have Tailwind CSS and Flowbite installed in your project. If you haven't, follow the installation steps mentioned in the previous section.
-
How to build a sticky banner component using Tailwind CSS and Flowbite
This tutorial will use the utility-first CSS framework called Tailwind CSS and it will also leverage the JS interactivity and data attributes from the Flowbite UI component library.
-
Please roast on a design made by my best friend and co-founder
Everything is custom built, stack is Laravel Inertia (https://inertiajs.com/) Vue is frontend, and HTML/CSS is done by https://tailwindcss.com/
-
How to build a bottom navigation component with Tailwind CSS and Flowbite
In this tutorial you will learn how to build a bottom navigation UI component using the utility classes from Tailwind CSS and the design system from Flowbite.
-
Build an EMI Calculator with Next.js, TypeScript, Tailwind CSS, Recoil and Recharts
Tailwind CSS is a flexible and powerful CSS framework that makes it easy to style your applications.
unocss
-
Nuxt 3, UnoCSS and Preset rem to px
This post is about generating px units by default in UnoCSS when used in Nuxt 3.
-
I made significant progress on my "Tailwind Improved" documentation
You can find the page from the screenshot here. It is the documentation of Windblade, a Tailwind-inspired UnoCSS preset with a couple of improvements that I'm building
-
UnoCSS: The instant on-demand Atomic CSS engine
If you don't use Vite, you can read the documentation for other build tools.
-
What UI framework would you recommend?
It uses UnoCSS (think TailwindCSS but super customizeable) with Pollen (which is similar to open props).
-
Integrating UnoCSS with Yew
Even using Rust, though, I didn't want to give up my Atomic CSS classes. I'm accustomed to using Tailwind CSS with frameworks like Next and Astro, but recently I've replaced it with UnoCSS. It has a preset for Tailwind, but it's significantly faster.
While we're at it, we should also implement one of the UnoCSS resets. You can pick whichever one you want, but I'm going with antfu.css, which is an extension of Tailwind CSS's Preflight. You have a couple options for linking them:
- What is the most efficient way to use CSS/SCSS in your project?
-
Fixing Class Composition in Tailwind CSS
Now, Iād like to mention one more Tailwind alternative that might be worth your attention - especially in regards to class composition - UnoCSS.
-
What working with Tailwind CSS every day for 2 years looks like
Haven't seen it mentioned, but if you like Tailwind, maybe take a look at UnoCSS: https://github.com/unocss/unocss
It is like the next evolution of Tailwind. See this blog post for full explanation: https://antfu.me/posts/reimagine-atomic-css
- Tailwind Is a Leaky Abstraction
What are some alternatives?
windicss - Next generation utility-first CSS framework.
flowbite - The most popular and open-source library of Tailwind CSS components
antd - An enterprise-class UI design language and React UI library
material-ui - MUI Core: Ready-to-use foundational React components, free forever. It includes Material UI, which implements Google's Material Design.
emotion - š©āš¤ CSS-in-JS library designed for high performance style composition
vuetify - š Vue Component Framework
chakra-ui - ā”ļø Simple, Modular & Accessible UI Components for your React Applications
Bulma - Modern CSS framework based on Flexbox
esbuild - An extremely fast bundler for the web
nextui - š Beautiful, fast and modern React UI library.
twind - The smallest, fastest, most feature complete Tailwind-in-JS solution in existence.