WordPress starter theme with a modern development workflow

# Create a new Sage 10 project
$ composer create-project roots/sage your-theme-name dev-main

# Development theme build with live reloading and injection
$ yarn dev

# Production theme build
$ yarn build

Read the docs

Laravel Blade templates & components

Harness the power of Laravel and its available packages thanks to Acorn, including Blade templates:

@extends('layouts.base')

@section('content')
  @while(have_posts())
    {!! the_post() !!}
    @include('partials/content-single')
  @endwhile
@endsection

Lightning fast front-end workflow with Bud

Sage uses Bud to handle the front-end: PostCSS, ESLint, Prettier, and Stylelint are included and configured with sane defaults.

Tailwind CSS

Sage comes with Tailwind CSS and a blank slate ready for you to build on.

Get the book
Theme Development with Sage

A step-by-step guide to setting up a custom Sage starter theme.

Build well organized & easily maintained WordPress themes using a modern web development workflow.

Built with Sage

What others say

It’s been a year since I learned about Sage and used it exclusively in WordPress development. Over that time, I’ve grown the most in my career and Roots has certainly played a huge part in it.

Jason Baciulis

Sage is great for a number of reasons. For me, it strikes a nice balance between a “too much stuff” that a framework brings and “not enough stuff” a theme like Underscores brings. It’s also robust and as object oriented as a theme can be.

Justin Hall

Sage has brought WordPress development into the modern age. It’s absolutely excellent and we’d have probably moved away from WordPress by now without it. Can’t recommend it highly enough.

James Tudsbury

You’ll get differing opinions, but for me Roots/Sage was the best choice I ever made after playing with plenty of options. I think it’s a much better workflow, and actually teaches you good practices for wider development rather than very WP specific stuff.

Steve Honey