Laravel Splade

screenshot of Laravel Splade
laravel
vite
scss

The magic of Inertia.js with the simplicity of Blade - Splade provides a super easy way to build Single Page Applications (SPA) using standard Laravel Blade templates, and sparkle it to make it interactive. All without ever leaving Blade.

Overview

Laravel Splade is a framework that combines the power of Inertia.js with the simplicity of Blade templates. It allows developers to build single-page applications using Laravel Blade templates, enhanced with renderless Vue 3 components. With Splade, developers can write their applications using the familiarity and simplicity of Blade, while still enjoying the interactivity and SPA-feeling of Vue.js.

Features

  • Use Laravel Blade template engine to build single-page applications without building an API.
  • Full power of Vue.js available when needed.
  • Stick close to default Laravel features and development flow.
  • Automatic installer and support for Laravel Breeze starter kit.
  • Over 20 interactive components that are timesavers.
  • Components can be fully customized by publishing the Blade templates.
  • Built-in support for Modals and Slideover for displaying routes or pre-loaded content.
  • Form components with validation and model binding support.
  • Integration with Autosize, Choices.js, FilePond, and Flatpickr for form functionalities.
  • DataTables-like Table component with auto-fill, bulk actions, exports, and more.
  • Support for lazy loading, persistent layout, animations, and teleports.
  • Laravel Echo integration for controlling browser behavior from the backend.
  • Built-in SEO support for Open Graph and Twitter tags.
  • Support for custom Blade and Vue components.
  • Support for existing Blade and Vue libraries.
  • Support for server-side rendering.
laravel
Laravel

Laravel is a powerful and elegant PHP framework that provides developers with a comprehensive set of tools and features to build robust web applications. It follows the Model-View-Controller (MVC) architectural pattern, offering a clean and organized structure for writing efficient and maintainable code.

vite
Vite

Vite is a build tool that aims to provide a faster and leaner development experience for modern web projects

scss
SCSS

SCSS is a preprocessor scripting language that extends the capabilities of CSS by adding features such as variables, nesting, and mixins. It allows developers to write more efficient and maintainable CSS code, and helps to streamline the development process by reducing repetition and increasing reusability.

eslint
Eslint

ESLint is a linter for JavaScript that analyzes code to detect and report on potential problems and errors, as well as enforce consistent code style and best practices, helping developers to write cleaner, more maintainable code.