Just noticed that Tailwind CSS has crossed 1M weekly downloads! 🤯
What the hell man, this was just supposed to be a couple of stupid stylesheets I copied around between failed SaaS ideas for years on end 😅
🚀 Excited to share the biggest advancement we've made with Tailwind CSS since the first release back in 2017!
⚡️ A lightning fast JIT compiler
🧁 Never configure variants again
🤸 Write less custom CSS than ever
Watch the announcement 👉
This summer marked four years of working full-time on my own business, which is officially longer than I was a professional programmer working for other companies 🤯
💡 Here are some of the things I believe the most strongly about making a living as an independent maker...
Tailwind 2.0:
- CSS Grid
- Composable transforms
- Transitions
- Even better color palette
- No truly significant breaking changes (just tweaking a few existing colors)
February 2020 🤙
🎁 Day 2... Tailwind CSS v3.4 is out! 🥳
🍬 Dynamic viewport units
🍩 `:has()` support
🧁 Direct children variant
🍰 New `size-*` utilities
🍪 Balancing with `text-wrap`
🍭 Subgrid utilities
...and more ✨
🚀 We just shipped React + Vue support for Tailwind UI!
Every component now includes fully functional, accessible examples for both React 16 and Vue 3 🥳
This whole project has been almost a year in the making — so stoked it's finally ready to share 🤩
🚀 We just launched Tailwind Play, the official Tailwind CSS online playground!
It gives you access to all of Tailwind's build-time only features directly in the browser 🤯
Absolutely incredible work by
@bradlc
on this one 👏
Been prototyping a
@tailwindcss
component gallery/studio project I've been planning with
@steveschoger
this weekend 👀
Think hundreds and hundreds of fully responsive professionally designed components, pre-built so you can just copy the HTML and tweak to taste 👌🏻
Useful?
We just released our first set of official Tailwind CSS site templates! 🥳
Beautifully designed, expertly crafted Next.js projects, built exactly the way we'd build them for production.
And it's a free update for existing Tailwind UI customers ✨
The
@tailwindcss
team just donated $10,000 to PostCSS and Autoprefixer to help push them over the finish line for PostCSS 8.0 💪
Thanks
@sitnikcode
and crew, couldn't have built Tailwind without you 🙌
Pretty happy with how this inbox example for Tailwind UI turned out!
Super complex layout and behavior with multiple scroll areas, two different mobile menu treatments, but still absolutely zero custom CSS 💅
Will be publishing tomorrow! 🙌
✨ We're hiring a Design Engineer and Staff Software Engineer to work on some ambitious new projects with us at
@tailwindcss
.
🏕️ Fully remote
💰 $275,000 USD
Playing with an early Tailwind CSS v4 alpha in a
@vite_js
project —
🚫 No `postcss.config.js file
🚫 No `tailwind.config.js` file
🚫 No configuring `content` globs
🚫 No `@tailwind` directives in your CSS
The future is clean ✨
Hoping to open-source this week for the bold 🤙🏻
If you are a developer who likes working in small team environments, the best hard skills you can learn are writing and design.
Being able to design, build, document, and announce small features entirely by yourself makes you a superhero on small teams 🦸♀️
This week Tailwind CSS became the most downloaded CSS framework on npm, peaking at almost 4.5 million weekly downloads 😲
So grateful that I get to work on something with this much impact. I cherish the responsibility of delighting you with it for years to come ❤️
✨ Just tagged Tailwind CSS v3.3!
Highlights include:
🎨 Extended color palette
📦 ESM/TS config support
🧠 Logical properties
🌈 Gradient color stop positions
📏 New line-height shorthand
🗜️ Line-clamp out of the box
...and a bunch more.
🤯 So Tailwind CSS just broke 2 million downloads per week!
We only cracked one million 16 weeks ago — here's the chart since the initial release in October 2017.
Insane 🥳
🚀 Tailwind CSS v1.2.0 is now available!
Includes support for CSS Grid, transitions, transforms, and tons more 😍
Check out the release notes for all of the details:
Docs are updated too!
Introduced a profit sharing program at
@tailwindlabs
today which effectively guarantees every single person on the team will make more than 2x what I made at my highest paying developer job each year.
Good feeling ❤️
I really hope we see some new research come out around calculating contrast ratios soon because I'm seriously unconvinced that the formulas we follow today are actually creating the best results for users.
Current guidelines say you should be using black text on this button:
🥳 Just published Tailwind CSS v2.1 — the first new feature release since v2.0!
⚡️ JIT engine merged to core (in preview)
🍬 Composable CSS filters API
🍹 Blending mode support
🏝️ Isolation utilities
...and more!
Check it out 👉
Building some of
@steveschoger
latest Tailwind UI concepts this afternoon...
Honestly still blows me away that with Tailwind I can build this whole thing in like two hours, really ain't that bad of a framework 💅
🔥 ResizeObserver has landed in Firefox Nightly!
We're one step closer to being able to do high-performance ultra responsive design with no media queries 🥳
Tailwind looks a lot like just moving all the CSS to your HTML, except with a weird extra syntax to learn. Why not just write the CSS?
Compare the amount of code you have to write using raw CSS vs. utilities 👇
And the absolute hardest part (naming classes) totally goes away.
🔥 Perfectly aligning checkboxes with text is super annoying, especially when the text wraps on to multiple lines.
Here's an approach I use to always perfectly center them with the first line of text, no matter the text length or size 👉
🚀 We just released Tailwind CSS v3.2 and it's huge!
🧁 Multi-config support with `@config`
🍭 Max-width and dynamic breakpoints
🍫 ARIA variants
🍪 Data attribute variants
🍬 `@supports` variants
🍦 Nested groups
🍰 Container queries
…and more 🤤
We're hiring a Staff Software Engineer to work on Tailwind CSS and Headless UI!
🏕️ Fully remote
💰 $275,000 USD
🏝️ 30 days vacation
💻 $7500 gear budget
If you're a frontend toolmaker into JS, React, Rust, and performance, please apply 💪🏻
🔥 Ever run into annoying CSS layout bugs that are really hard to troubleshoot? (WHY IS THERE A HORIZONTAL SCROLLBAR WHERE IS THIS COMING FROM?!?)
Throw this style into your dev tools to quickly see the boundaries of every element without affecting the layout:
Goals for Tailwind CSS v4.0:
🤏 Simplify mental model, fewer framework-specific concepts
🪄 Less configuration, without less power
✂️ Fewer dependencies
⚡️ 10x faster
Aggressively defend against complexity, double down on robustness and stability 🤝
Even this many years in, the hardest part of putting anything into the world is trying to ignore all of the inevitable vitriol and malicious criticism from people who forget that real human beings are making this stuff, and that it takes a lot of courage to share anything at all.
“Tailwind is an unnecessary extra layer of abstraction, just use CSS.”
…as if having to invent some custom project specific class name like `.project-title-wrapper` just to assign `display: flex` isn’t the actual unnecessary layer of indirection 😵💫😄
When I started working on Tailwind, the entire goal was to build a framework that teams could use to move faster even if they have great designers and are building something completely custom.
Seeing huge companies like Netflix use it is huge validation that we pulled it off ❤️
One thing I'm really starting to believe about running a small team (< 10 people) is that we should always just work on one thing at a time instead of trying to push three projects forward at once.
If you ever throw out an “I love you” and don’t get the “I love you” return, follow it up with:
“React is great too, but there’s something I just love about Vue.”
...to save yourself some embarrassment 👌🏻
If you’re interested in building UI tools with me full-time, we’re looking for a developer to join the Tailwind CSS team.
$115k–$135k/year, 4 weeks vacation, and 40 hours a week of hacking on fun, interesting problems.
Taking applications until May 27!
Me and
@steveschoger
have spent 30+ hours agonizing over subtle alignment issues, browser inconsistencies, and debating every approach imaginable to constructing the perfect form control, but today I think we finally cracked the last detail 😍
Tailwind UI is gonna be insane 🤙🏻
Dogfooding and polishing this first batch of Tailwind UI components before release this week by trying to whip together some full page examples...
Was able to build this entire page suspiciously fast 🤨 Under 10 minutes 🤯
🚀 Tailwind CSS v1.6 is out!
🍕 Animation support (!)
🍔 New prefers-reduced-motion variants
🍟 New overscroll-behavior utilities
🌭 Generate your CSS without an input file
Check it out! 🥳
🎉 Big news, we're hiring a developer to join the
@tailwindcss
team!
Me and you would work together super closely, pairing regularly on new ideas to build the future of the company 🙌
Get all of the details here 👉
🥳 Excited to finally release Tailwind UI Ecommerce!
🧁 Over 100 new components
🍨 14 new component categories
🍰 7 new page example categories
Shopping carts, checkout forms, product pages, order summaries — it's an ecommerce extravaganza 🙌🏻
🧐 Fine-tuning the styles for the official Tailwind typography plugin...
Just add "prose" and ✨ your unstyled text turns into beautiful Schoger-approved perfection 😍
Multiple sizes out-of-the-box, supports responsive modifiers, and easy to customize too 😎
🚀 Just published Tailwind CSS v1.7.0!
🍭 Gradients
🍬 Improved `@apply` with variants support
🧁 Background clip utilities
🍩 Incremental upgrade system
Check the release notes for all the details! 🥳
🤔 What's the best way to structure your classes and markup when building UIs with Tailwind CSS?
Here are some of the rules I follow to build things that are consistent, easy to understand, and straightforward to componentize 👇
🚀 We just tagged the first release of the official Tailwind CSS typography plugin!
No more styling all of your blog/article content from scratch 👏
Check it out 👉
For the past couple of months we've been working hard on a bunch of complete website templates to offer as part of Tailwind UI 🤩
Here's a sneak peek at a documentation template we've been working on, built with Next.js and Markdoc 🫣
🚀 Published the first set of Tailwind CSS framework integration guides!
Hyper-specific instructions for setting up Tailwind with your favorite tools 💪
Lots more coming but six felt like enough to publish 😊
🚀 It's still early, but we tagged the first releases of Headless UI for React and Vue!
We're starting with a Menu Button (or dropdown for you common folk 😤), with new components coming every few weeks 🤩
Incredible work by
@malfaitrobin
on this one 👏
💡 Want to find a good SaaS idea? Start a business, literally any business.
You will soon realize how bad every existing tool is that you have to pay for to run that business, and you will quickly become overwhelmed by the number of things you feel you need to build yourself.
🥳 Just tagged and released
@tailwindcss
v3.0.0-alpha.1!
Check it out, play with it, break it, and help us get it ready for prime time later this year 🍿
🚀 Just published the first pre-release of Tailwind CSS v1.2.0!
Includes:
- CSS Grid support
- CSS Transform support
- CSS Transition support
...and tons more 🎉
In open source, your documentation is your most critical marketing asset.
Tailwind wasn’t the first of its kind by a mile but it was the first that anyone could really learn without basically reading the source.
If people can’t learn it, they can’t use it.
Over the weekend, I wrote up the entire history of Tailwind CSS, from a bunch of random Less files on an abandoned side-project, to what is now a multi-million dollar business with a team of five 😳
Really fun to reflect on.
Started working with an accountability coach for health and fitness stuff a couple of weeks ago and already 100% convinced it's going to change my life 💪 Highly recommend.
So about a month or so ago, Tailwind cracked 10 million total installs, which given its humble beginnings, completely blows my mind 😳
Here’s the story from the beginning, while it’s still fresh enough to remember…
🏗️ Built out two (of about 16) of what we're calling "application shells" for Tailwind UI...
They're the templates you drop in your main layout file that your pages fill in with their content.
Super helpful for getting past the blank canvas stage when cranking out a new idea 🤙🏻