Refine is a live Blade editor for Laravel that enables instant, in-browser editing of Blade templates. Right-click any element, click "Edit Code", and modify the source code directly. This package is a chrome extension and Laravel package under active development:
After following the installation and setup instructions, you can right-click on an element and select "Edit Code" to open up an editor in the browser window:
Refine has future enhancements under consideration, such as editor syntax highlighting, find-and-replace, multiple file tabs, and more.
Main Features
- One-Click Editing: Right-click any element and edit its Blade source instantly
- Automatic Source Tracking: Automatically instruments Blade views with source metadata
- Zero Configuration: Works out of the box after installation
- Smart DOM Traversal: Finds the originating Blade file even in nested components
- Instant Saves: Write changes directly to disk and hot-reload affected regions
- Backup System: Automatically backs up files before making changes
- Dev-Only: This package should not be installed in production.
🧑💻 You can get started with this package on GitHub: thedevdojo/refine
