tmstats
Tailwind CSS
Our great sponsors
tmstats | Tailwind CSS | |
---|---|---|
1 | 1074 | |
1 | 66,238 | |
- | 2.7% | |
7.2 | 9.8 | |
6 months ago | 2 days ago | |
Svelte | HTML | |
GNU General Public License v3.0 only | 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.
tmstats
Tailwind CSS
-
How to start a React Project in 2023
Personally I suck at CSS and avoid writing it like the plague, even after 20+ years of doing it.
I use TailwindCSS [1] for all my styling needs and couldn't be happier.
If you really want scoped CSS in React this approach [2] can also work, and it makes it easy to use tailwind if you want.
-
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.
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
unocss - The instant on-demand atomic CSS engine.
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.