Elemental Originv10.0.0-dev

Sage is a starter theme for developers who want to build modern, maintainable websites using Tailwind CSS and Laravel Blade. It is designed for teams that value a structured workflow and want to keep their CSS and site editor in sync without manual configuration.

• Automatic theme.json Generation: Your Tailwind configuration for colors, fonts, and spacing is automatically converted into a theme.json file. This makes your design tokens instantly available in the site editor, eliminating the need to maintain two separate style systems.
• Laravel Blade Templating: Build templates using Blade, which provides modern PHP features like template inheritance, components, and directives. This allows for cleaner, more organized, and reusable template code compared to standard PHP templates.
• Vite with Hot Module Replacement (HMR): The build tooling uses Vite for fast asset compilation. Changes to CSS and JavaScript are reflected instantly in the browser during development, and this HMR support even works within the site editor for a seamless styling experience.
• Modern Development Structure: The theme follows a clear, organized directory structure with PSR-4 autoloading for PHP classes. It includes a dedicated app/ directory for application logic and uses service providers for extensibility, promoting a maintainable codebase.
• Integrated Block Editor Support: The theme is built to work with the modern site editor. Editor-specific styles are included and benefit from the same live reloading, allowing you to style the editing interface as efficiently as the front end.