Sage — WordPress Starter Theme (Blade + Tailwind + Vite)

Sage is an advanced hybrid WordPress starter theme designed for developers who want modern tooling and clean PHP templating while building fully custom WordPress sites.

It combines:

• Laravel Blade for structured, component-based theme templates
• Tailwind CSS for utility-first styling
• Vite for fast builds and hot module replacement (HMR)
• Acorn (Laravel integration for WordPress) to unlock familiar Laravel patterns inside WordPress theme development

What you get

• Laravel Blade templates for WordPress theme views (layouts, components, reusable partials)
• Tailwind CSS wired in out of the box
• Vite build pipeline (fast dev server, HMR, production builds)
• Block editor support (Gutenberg)
• Modern theme structure (organized PHP, views, and assets)

Ideal use cases

• Custom WordPress marketing sites with a clean component system
• High-quality agency themes with repeatable architecture
• Developers coming from Laravel who want a familiar templating workflow
• Tailwind-based WordPress projects that need a modern build toolchain

Tech stack

• WordPress theme (PHP)
• Laravel Blade for templating
• Tailwind CSS for styling
• Vite for asset bundling and development server
• Acorn to bring Laravel capabilities into WordPress

How it works / how to get started

1. Create a new Sage theme (from your WordPress themes directory):

   composer create-project roots/sage my-theme
   

2. Install frontend dependencies:

   npm install
   

3. Build assets:

   npm run build
   

From there, you customize:

• Blade templates in the theme’s view layer
• Tailwind configuration and styles
• JavaScript entry points through the Vite pipeline

Notes

• License: MIT
• This repository is a starter theme / boilerplate, not a finished website
• Designed for developer-led WordPress theme builds — you customize templates, styling, and theme logic to match your project requirements