Advanced front-end workflow

Write stylesheets with Sass, automatically check your JavaScript for errors, optimize images, enable synchronized browser testing, and more with our Webpack based setup.

Bootstrap 4, Foundation, and more

Sage comes with the latest version of Bootstrap. Replace Bootstrap with Bulma, Foundation, Tachyons, or a blank slate upon installation.

DRY templates with Blade

Sage uses Laravel's Blade templating engine:


    {!! the_post() !!}

Gold Sponsors

Help support our open-source development efforts by contributing to
Sage on OpenCollective

❤️ Join us on the Roots Community Slack when you become a backer of Sage

Sage 9.0.0
Last commit
Merge pull request #2024 from roots/9.0.0 9.0.0
Last updated
February 7, 2018

Why Sage, not Underscores?

Built with Sage

NW Film Center
Mark Thompson, Dallas Tattoo Artist
Surprise Ride
Museum of Applied Arts & Sciences
Judith & Norman Alix Foundation
Investor Carrot
Karma Baker
Denver Kids Inc.
Volunteer Center of Lubbock

For the record, I was a BIG Bones user. Not anymore. I now use Sage - one thing that stands out for me is that they’re constantly striving to keep it up-to-date. They’re just releasing a version with webpack (etc.). Its community is active and alive.

Lloyd Jones

From the beginning, Sage just made sense to me. Logical code organization and everything seemed to be in its place. It's just a great consistent base that I’ve worked into to the workflow here at our agency.

Dan Egan

Subscribe to our newsletter to get the latest Roots updates, along with occasional tips on building better WordPress sites.

Looking for WordPress plugin recommendations, the newest modern WordPress projects, and general web development tips and articles?

Follow @rootswp on Twitter