Tailwind + WordPress: Starter Themes & Resources

For those who’re a frequent visitor to 1WD, you realize we’ve been following the progress of Tailwind CSS, and you furthermore mght know we love us some WordPress! In this text, we’re going to present you a listing of starter themes and resources that may assist you to dive into combining the 2. Tailwind could make it easier to construct modern web sites in less time with its utility-first framework, so why not integrate it with our favourite CMS, WordPress? What follows will assist you to start.

UNLIMITED DOWNLOADS: 500,000+ WordPress & Design Assets

Join for Envato Elements and get unlimited downloads starting at only $16.50 per 30 days!



Starter Themes

_tw

_tw provides a theme generator that creates a WordPress starter theme “optimized for modern development with Tailwind, Tailwind Typography, and the WordPress editor.” You may input advanced options comparable to the theme slug, function prefix, creator, description, and more. Then download and unzip the zip file and get the whole lot up and running in only just a few easy steps. Created by Greg Sullivan, and based on the favored _s theme and generator, the theme includes Greg’s preferred directory structure, which can provide a small learning curve for those of us used to the standard theme structure. Styles are visible for preview inside your editor of selection, whether that would be the block editor, the classic editor, or Advanced Custom Fields’ WYSIWYG fields. Additionally it is updated with Tailwind 3’s just-in-time (JIT) compiler.

_tw - WordPress + Tailwind starter theme

 

TailPress

TailPress claims to be “your go-to starting point for developing WordPress themes with Tailwind CSS”. In only just a few steps, using Composer, you’ll be able to arrange the theme name together with a latest Git repository. TailPress supports the block editor and Tailwind’s JIT engine. You may watch the video below to learn more.

 

Gust

Gust is amazingly flexible and could be configured to suit any design system. Every component and each piece of HTML is editable either through the page builder or a WP filter. And weighing in at only 3.8kb of CSS in an out of the box construct, Gust focuses on speed and high performance. Gust comes with a bunch of essential components and templates you need to use to start constructing a website, and so they’re adding to it on a regular basis! Watch Gust in motion within the video below.

 

Sage

Sage is a WordPress starter theme that’s much more complex than the previous examples, nevertheless it does include out of the box support for Tailwind. It uses Laravel, so when you’re not familiar, the training curve could also be a bit much. But Sage is a really robust starter theme solution.

Sage - WordPress Tailwind starter theme

 

Additional Articles and Resources for Tailwind + WordPress

Get Began With Tailwind and WordPress – Together At Last!

As you’ll be able to see, there are a major number of the way you’ll be able to start using Tailwind CSS with WordPress in your projects. Bookmark this page in order that once you do you’ve got all of the references you would like!

This post may contain affiliate links. See our disclosure about affiliate links here.

Leave a Reply

Your email address will not be published.