Advanced WordPress starter theme with Tailwind CSS and Laravel Blade

Rapid WordPress theme development with Tailwind CSS

Sage’s Tailwind CSS config automatically generates a theme.json file which is used to configure the WordPress editor. Your defined fonts, colors, and spacing are available in the editor, and you can use Tailwind classes in your templates to rapidly build out your WordPress theme.

Want to use Bootstrap instead, or no CSS framework at all? Not a problem. Sage is a minimal starting point and ready for you to customize to fit your needs.

Laravel Blade templates with WordPress

Looking for modern PHP templating features in your WordPress theme, like template inheritance and components? Sage has you covered thanks to Blade Templates from Laravel.

<a class="sr-only focus:not-sr-only" href="#main">
  {{ __('Skip to content') }}
</a>

<div class="flex flex-col h-screen">
  <div>
    @include('sections.header')
  </div>

  <main id="main" class="{{ $mainClasses }}">
    @yield('content')
  </main>

  @include('sections.footer')
</div>

Modern development workflow

Asset builds are handled by bud.js, a high-performance build system. Bud is built on top of webpack, and it’s designed to be easy to use and configure. HMR is enabled by default, and you can use the yarn dev command to watch for changes and automatically rebuild your assets.