Laravel Cloud is here! Zero-config managed infrastructure for Laravel apps. Deploy now.

Laravel Splade

protonemedia/laravel-splade image

Laravel Splade stats

Downloads
46.4K
Stars
1,264
Open Issues
118
Forks
93

View on GitHub →

Laravel Splade: the magic of Inertia.js with the simplicity of Blade.

Laravel Splade

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, enhanced with renderless Vue 3 components. In essence, you can write your app using the simplicity of Blade, and besides that magic SPA-feeling, you can sparkle it to make it interactive. All without ever leaving Blade.

Sponsor Splade

❤️ We proudly support the community by developing Laravel packages and giving them away for free. If this package saves you time or if you're relying on it professionally, please consider sponsoring the maintenance and development. Keeping track of issues and pull requests takes time, but we're happy to help!

Features

Splade gives you a massive head start when building applications. Navigate the documentation or watch the videos to discover its power, but to give you a glance, here's a short overview of some of the best features:

  • Splade allows you to use the Laravel Blade template engine and build a single-page application using regular server-side routing without building an API. You still have the full power of Vue.js when you need it.
  • Splade aims to stick as close as possible to the default Laravel features and development flow.
  • Automatic installer and support for the Laravel Breeze starter kit.
  • Besides the SPA navigation features, it has more than 20 interactive components that are huge timesavers.
  • Most components are functional and unstyled, giving you complete control over the implementation.
  • Other components are styled with Tailwind CSS 3.0, but can be fully customized by publishing the Blade templates. You don't need to rebuild or recompile any JavaScript for this.
  • Built-in support for Modals and Slideover that can show any route or pre-loaded content.
  • Beautiful Form Components with support for Validation and (Eloquent) Model binding. Built-in integration with Autosize, Choices.js, FilePond, and Flatpickr, including async file uploads.
  • DataTables-like Table component that supports auto-fill, bulk actions, exports, searching, sorting, and more!
  • Support Lazy Loading (templates and data), Persistent Layout, Animations, and Teleports.
  • Laravel Echo integration to control browser behavior from the backend (redirecting, refreshing, and showing a toast).
  • Built-in SEO (title, description, keywords) with support for Open Graph and Twitter tags.
  • Support for custom Blade and Vue components.
  • Support for existing Blade and Vue libraries.
  • Support for SSR (server-side rendering).

Demo App: Eddy Server Management

To show off Splade's amazing capabilities, we've built a demo application that we actually use in production. The app is called Eddy Server Management, and it does exactly what it says on the tin: It provisions and manages servers and allows you to deploy PHP applications with zero downtime. You may find the source code on GitHub and the live application on eddy.management.

Discord, Documentation and Website

📖 You can find the documentation at Splade.dev (and here its source code). You may also join the Splade Discord server.

🌎 The website is also open source, and built with Splade!

Video

📺 Check out the introduction video, or click here for the YouTube Playlist with all Splade videos.

Changelog

Please see CHANGELOG for more information what has changed recently.

Contributing

Please see CONTRIBUTING for details.

Other Laravel packages

  • Laravel Analytics Event Tracking: Laravel package to easily send events to Google Analytics.
  • Laravel Blade On Demand: Laravel package to compile Blade templates in memory.
  • Laravel Cross Eloquent Search: Laravel package to search through multiple Eloquent models.
  • Laravel Eloquent Scope as Select: Stop duplicating your Eloquent query scopes and constraints in PHP. This package lets you re-use your query scopes and constraints by adding them as a subquery.
  • Laravel Eloquent Where Not: This Laravel package allows you to flip/invert an Eloquent scope, or really any query constraint.
  • Laravel Form Components: Blade components to rapidly build forms with Tailwind CSS Custom Forms and Bootstrap 4. Supports validation, model binding, default values, translations, includes default vendor styling and fully customizable!
  • Laravel MinIO Testing Tools: This package provides a trait to run your tests against a MinIO S3 server.
  • Laravel Mixins: A collection of Laravel goodies.
  • Laravel Paddle: Paddle.com API integration for Laravel with support for webhooks/events.
  • Laravel Verify New Email: This package adds support for verifying new email addresses: when a user updates its email address, it won't replace the old one until the new one is verified.
  • Laravel WebDAV: WebDAV driver for Laravel's Filesystem.
  • Laravel XSS Protection Middleware: Laravel Middleware to protect your app against Cross-site scripting (XSS). It sanitizes request input by utilising the Laravel Security package, and it can sanatize Blade echo statements as well.

Security

If you discover any security related issues, please email pascal@protone.media instead of using the issue tracker.

Credits

License

The MIT License (MIT). Please see License File for more information.

protonemedia photo

We are a Dutch software company that develops apps, websites, and cloud platforms. As we're building projects, we gladly contribute to OSS by sharing our work.

Cube

Laravel Newsletter

Join 40k+ other developers and never miss out on new tips, tutorials, and more.


Protonemedia Laravel Splade Related Articles

Introducing the Next Chapter of Splade image

Introducing the Next Chapter of Splade

Read article
Write Single Page Applications using Laravel Splade image

Write Single Page Applications using Laravel Splade

Read article
Tomato PHP image

Tomato PHP

Read article
SpladePanel - Create Dashboards using Laravel Splade and Jetstream image

SpladePanel - Create Dashboards using Laravel Splade and Jetstream

Read article
CodeKudu logo

CodeKudu

Stand-ups, Retrospectives, and 360° Feedback for the entire team. 50% off with code LARAVELNEWS.

CodeKudu
DreamzTech logo

DreamzTech

Hire 6-10+ Yrs. experienced skilled Laravel Developers from DreamzTech. We ensure NDA protected, 100% quality delivery. Contact Us & Discuss Your Need.

DreamzTech
Lucky Media logo

Lucky Media

Get Lucky Now - the ideal choice for Laravel Development, with over a decade of experience!

Lucky Media
PhpStorm logo

PhpStorm

The go-to PHP IDE with extensive out-of-the-box support for Laravel and its ecosystem.

PhpStorm
Honeybadger logo

Honeybadger

Simple developer-focused application monitoring for Laravel. Error tracking, log management, uptime monitoring, status pages, and more!

Honeybadger
Curotec logo

Curotec

World class Laravel experts with GenAI dev skills. LATAM-based, embedded engineers that ship fast, communicate clearly, and elevate your product. No bloat, no BS.

Curotec