50+ pre-built templates & componentssuper-fast page loadsdrag & drop page builderfully customisable

Rapidly build fast WordPress sites with Tailwind CSS.

View pricing Try the free demo

Tailwind CSS + WordPress

Tiny CSS assets

JIT mode

Pre-made Templates

Pre-made Components

Build anything

Change everything

Visual page builder

WP Query integration

The easiest & fastest way to build WordPress sites with Tailwind CSS

Gust is a WordPress theme for quickly building websites with Tailwind CSS. Gust will only serve up the CSS you actually use, making for super speedy page loads. It comes full of pre-made templates and components so you can build anything, and it's made to be developer friendly by giving you full control through comprehensive hooks and filters.

View pricing

Components & Templates

Components and templates,
“out of the box”, to get you started

50+ templates and components

Customise everything

Create custom components

Share components with JSON

View our templates
View our components
Component documentation

Performance

Because speed matters

Tiny CSS assets for faster page loads
Removes unused CSS
< 7KB CSS out of the box

Learn more about performance measures

Pricing

Personal

Ideal for personal use

$49

1 site licence

Growth

Ideal for small projects

$69

5 site licence

Agency

Ideal for freelancers & agencies

$99

Unlimited licences

Try Gust free

Want to try things out before you commit? No problem! Download the free version to see what the fuss is all about.

Feature Comparison

	Free	Premium
Free components & templates
Premium components & templates
Drag & drop page builder
JIT mode
Remove unused CSS
Create custom components
Customise Tailwind config
Pages editable with Gust	1	Unlimited

Build anything

A theme to fit your design system.

Gust is extremely flexible. You have control over your Tailwind config which allows you to customise Gust to suit any brand or design system. Every component and every piece of HTML is editable either through the page builder or a WP filter.

Learn more about customising Gust

Tailwind CSS

WordPress and Tailwind, finally together.

Tailwind CSS is a utility-first CSS framework that provides you with classes that can be composed to build any design. Gust brings Tailwind CSS to WordPress and comes with all the essentials like Just-In-Time mode, Purge CSS, and a configurable config.

Learn more about Tailwind CSS in WordPress

Developer Tools

A theme you can work with.

Gust is made for developers and comes with the tools you need to work with WordPress and keep your sanity. Interact with WP Query from the page builder, edit every HTML node, and create re-usable components. You can even define components with JSON to make code re-use a breeze. And it wouldn’t be WordPress without filters. Everything has a hook or filter so you have the final word on what gets rendered.

Read the developer docs

components/button.json

{
  "id": "button",
  "displayName": "Button",
  "category": "Buttons",
  "tag": "a",
  "classNames": "font-bold rounded border-2 hover:opacity-70 inline-block text-center",
  "content": {
    "type": "value",
    "value": "Button"
  },
  "options": [
    {
      "name": "Link",
      "label": "href",
      "modify": "attribute",
      "attributeName": "href",
      "type": "text"
    },
    {
      "name": "type",
      "label": "Type",
      "modify": "className",
      "type": "select",
      "options": [
        {
          "label": "Default",
          "value": "bg-gray-200 border-gray-200"
        },
        {
          "label": "Primary",
          "value": "bg-primary border-primary text-white"
        },
        {
          "label": "Primary Outline",
          "value": "bg-white border-primary text-primary"
        },
        {
          "label": "Secondary",
          "value": "bg-secondary border-secondary text-white"
        },
        {
          "label": "Secondary Outline",
          "value": "bg-white border-secondary text-secondary"
        },
        {
          "label": "Error",
          "value": "bg-error border-error text-white"
        },
        {
          "label": "Error Outline",
          "value": "bg-white border-error text-error"
        }
      ]
    },
  ]
}

Context

WP Query at your fingertips

The Gust editor allows you to interact with WP Query and provide this as context to other components. This means you can loop through posts, products, anything, without having to touch a code editor.

If you need to go beyond WP Query, you can also pass context through a filter so you can display whatever data you need!

Learn more