Download the PHP package thbappy7706/bladeflow without Composer
On this page you can find all versions of the php package thbappy7706/bladeflow. It is possible to download/install these versions without Composer. Possible dependencies are resolved automatically.
Download thbappy7706/bladeflow
More information about thbappy7706/bladeflow
Files in thbappy7706/bladeflow
Package bladeflow
Short Description Zero-reload SPA engine for Laravel Blade — no jQuery, no Livewire, no Inertia.
License MIT
Informations about the package bladeflow
BladeFlow — by Tanvir Hossen Bappy
By default, every link click in Laravel loads a full new page — HTML, CSS, JS, fonts, everything re-downloads. BladeFlow skips that. Only the content changes, the rest stays. Faster, smoother, no white flash between pages.
Most Laravel SPA solutions force you to either abandon Blade entirely (Inertia) or add jQuery (pjax). This package adds that same speed on top of your existing Blade views — no rewrite, nothing changes except how fast it feels.
Quick Start
Add
/public/vendorto your.gitignoreto avoid committing published assets.
Setup — @extends / @section
1. Layout file
Add @bladeflowContent to your content wrapper and @bladeflowEngine before </body>. Make sure @yield('script') comes after @bladeflowEngine.
2. Navigation links
Add @bladeflow to links you want SPA navigation on. Links without @bladeflow do a normal full reload.
3. Controller
4. Page views — no changes needed
Setup — x-layout components
1. Layout component
Add @bladeflowContent to your content wrapper and @bladeflowEngine before </body>.
2. Navigation links — same as above, add @bladeflow:
3. Controller — same as above:
4. Page views
What works out of the box
- URL updates, back/forward button, refresh, direct links — all work
- Per-page styles and scripts load and unload on every navigation
- Session expiry redirects cleanly instead of breaking
- Hover prefetch — pages start loading before you even click
- Works with both
@extendsandx-layout
Progress Indicator & Lifecycle Events
BladeFlow includes a built-in, zero-dependency top progress bar loader with a modern Indigo-to-Cyan gradient and glow effect that runs automatically during SPA transitions.
Disabling the Default Loader
If you want to disable the default top-bar loader, add data-bladeflow-progress="false" to your layout's content wrapper element containing @bladeflowContent:
Custom Lifecycle Events
You can hook into BladeFlow's lifecycle events to build custom loading transitions, trackers, or UI animations:
bladeflow:start: Fired when a page transition begins (contains{ url }inevent.detail).bladeflow:finish: Fired after the content, scripts, and styles have finished updating (contains{ url }inevent.detail).bladeflow:error: Fired when a fetch request fails, right before falling back to full-page reload (contains{ url, error }inevent.detail).
Example: Custom Loading Spinner / Overlay
Requirements
- PHP 8.1+
- Laravel 10, 11, 12, or 13
Contributing
Found a bug or want to improve something? PRs are welcome on GitHub.
License
MIT — Tanvir Hossen Bappy