Laradev - Laravel DevTools

About

Laradev is a lightweight Chrome extension built for modern Laravel + Inertia + Vue workflows. It removes friction from local development and gives you powerful introspection tools right inside the browser.

Core Features

Auto-Fix: “Open in Editor” for Vite
Vue DevTools often breaks with Laravel because the app runs on one port while Vite runs on another. Laradev automatically detects your Vite dev server and rewrites editor requests so “Open in Editor” just works—no configuration, no hardcoded ports, no hacks.

Inertia Page Intelligence
See exactly which Inertia page component is currently active.
Displays component name, file path, and route URL in real time.

Console Power Tools
Instant helpers injected into DevTools:

$page — current Inertia page object
$props — page props
$user — authenticated user (if available)
$info() — clean, formatted page overview
$debug() — full diagnostic dump
$openComponent() — open the current component in your editor
$copyPath() — copy component path to clipboard

Ziggy Route Helpers
Work with Laravel routes directly from the console:

$route('users.index')
$route('users.show', { user: 1 })
$routes() — list all named routes in a table

Built For

Laravel + Inertia.js + Vue 3
Laravel + Vite dev environments
Any Vue 3 project running on Vite

Privacy & Performance
No telemetry, no tracking
Runs entirely locally
Open source and auditable
Zero configuration, zero dependencies

Requirements
Chrome 88 or later
Vite dev server
Laravel 8+ with Inertia.js
Why Laradev Exists

Modern Laravel stacks split the app across PHP and Vite, but tooling still assumes a single server. Laradev bridges that gap quietly, so your tools behave the way they should.