Sage is a starter theme for developers building custom themes who want a modern workflow. It combines the utility-first approach of Tailwind CSS with the power of Laravel Blade templating, providing a structured foundation that accelerates development.

• Automatic theme.json generation: Your Tailwind configuration for colors, fonts, and spacing is automatically converted into a theme.json file. This makes your design system immediately available in the site editor without manual setup.
• Laravel Blade templates: Write templates using Blade's syntax, which includes features like template inheritance, components, and directives. This allows for cleaner, more organized, and reusable template code compared to standard PHP.
• Vite with Hot Module Replacement (HMR): The build tool provides fast compilation and live updates in the browser. Changes to CSS and JavaScript are reflected instantly without a full page reload, speeding up the development process.
• Integrated block editor support: The generated theme.json ensures your Tailwind design tokens work within the native block editor. Editor styles also benefit from Vite's HMR for a seamless styling experience.
• Modern development structure: The theme follows an organized directory pattern with PSR-4 autoloading, separate resource directories for assets, and a configuration-based setup using composer.json and package.json.