News

The first alpha of Tailwind CSS v3 is now released

Published
The first alpha of Tailwind CSS v3 is now released image

It's here. Adam Wathan has announced the first alpha release of Tailwind v3. The Tailwind team has been working hard to add some awesome new features and make the existing features even better!

New features

Some of my favorite new features include:

  • JIT Mode being the new way Tailwind is compiled
  • The new JIT CDN
  • New scroll-snap utilities
  • A new file: variant for styling file upload buttons

Breaking changes

As always, the Tailwind team did a great job keeping the breaking changes to a minimum.

  • There are some changes to the purge configuration.
  • Some color names may need to be changed.
  • The overflow-clip class has been renamed to text-clip.
  • PostCSS 7 is no longer supported.

Conclusion

There have already been some great features announced, and I'm sure there will be more to come in v3. Go check out the full details in the release notes on GitHub, take it for a spin, and let the Tailwind team know if you run into any issues! Also, encourage them by letting them know which new features are your favorite!

Jason Beggs photo

TALL stack (Tailwind CSS, Alpine.js, Laravel, and Livewire) consultant and owner of designtotailwind.com.

Filed in

Sponsored

laravelcloud logo
Laravel Cloud

Easily create and manage your servers and deploy your Laravel applications in seconds.

Visit Laravel Cloud

The latest

View all →
CPX: The Composer Package Executor for PHP image

CPX: The Composer Package Executor for PHP

Read article
Laravel AI SDK Adds Human-in-the-Loop Tool Approval image

Laravel AI SDK Adds Human-in-the-Loop Tool Approval

Read article
Pest 5 Released With Test Impact Analysis, Agent Verification, and Evals image

Pest 5 Released With Test Impact Analysis, Agent Verification, and Evals

Read article
Queue-SQL: Run Mass Deletes and Updates Across Parallel Queue Jobs image

Queue-SQL: Run Mass Deletes and Updates Across Parallel Queue Jobs

Read article
Blade Formatting in Laravel Pint image

Blade Formatting in Laravel Pint

Read article
Inertia DevTools Is Now on the Chrome Web Store image

Inertia DevTools Is Now on the Chrome Web Store

Read article