PHPackages almosabbirrakib/laravel-debugger - PHPackages - PHPackages [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register) 1. [Directory](/) 2. / 3. [Debugging & Profiling](/categories/debugging) 4. / 5. almosabbirrakib/laravel-debugger ActiveLibrary[Debugging & Profiling](/categories/debugging) almosabbirrakib/laravel-debugger ================================ A modern, sleek debugging toolbar for Laravel with a fresh UI/UX design built with Vue 3 and TailwindCSS v1.0.1(5mo ago)00MITPHPPHP ^8.1 Since Nov 25Pushed 5mo agoCompare [ Source](https://github.com/mosabbirrakib/laravel-debugger)[ Packagist](https://packagist.org/packages/almosabbirrakib/laravel-debugger)[ RSS](/packages/almosabbirrakib-laravel-debugger/feed)WikiDiscussions master Synced 1mo ago READMEChangelogDependencies (3)Versions (3)Used By (0) Laravel Debugger ================ [](#laravel-debugger) A modern, sleek debugging toolbar for Laravel with a fresh UI/UX design built with Vue 3 and TailwindCSS. [![Latest Version on Packagist](https://camo.githubusercontent.com/2ea5412638cdef75c29e307b1522372a70947363eeb55497863a9e634d1054b6/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f762f616c6d6f73616262697272616b69622f6c61726176656c2d64656275676765722e7376673f7374796c653d666c61742d737175617265)](https://packagist.org/packages/almosabbirrakib/laravel-debugger)[![Total Downloads](https://camo.githubusercontent.com/ebf3aa196456bd334e9b823fc9f568e4d75415799778f337a1df7c9321f5cde5/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f64742f616c6d6f73616262697272616b69622f6c61726176656c2d64656275676765722e7376673f7374796c653d666c61742d737175617265)](https://packagist.org/packages/almosabbirrakib/laravel-debugger)[![Laravel](https://camo.githubusercontent.com/8ddfc5edcc3bb7d3d4e4cc97646a9a06ac0ff15f9743289f3bf994ce0bb9e2ab/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f4c61726176656c2d313025324225323025374325323031312532422d6f72616e67653f7374796c653d666c61742d737175617265)](https://laravel.com)[![License](https://camo.githubusercontent.com/89facae3a655a400919530b8a1e2a3fc014d458cf28995aadf6c43a23078b55c/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f6c6963656e73652f616c6d6f73616262697272616b69622f6c61726176656c2d64656275676765723f7374796c653d666c61742d737175617265)](https://github.com/almosabbirrakib/laravel-debugger/blob/main/LICENSE)[![Vue 3](https://camo.githubusercontent.com/0f80bdb29ef7140edca784ff36701b71e5a245805d86a8eb1b4ebdd7ca2a9b7b/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f5675652d332e782d677265656e3f7374796c653d666c61742d737175617265)](https://vuejs.org) ✨ Features ---------- [](#-features) - 🎨 **Modern UI/UX**: Beautiful dark mode interface with glassmorphic design - ⚡ **Performance Metrics**: Execution time, memory usage, and server load tracking - 🗄️ **Database Queries**: View all SQL queries with bindings, timing, and syntax highlighting - 🛣️ **Route Information**: Route name, controller, action, middleware, and parameters - 👁️ **View Debugging**: Track rendered views and their data - 📝 **Application Logs**: Color-coded log entries with context - 💾 **Request Data**: Complete request information including headers, parameters, and session - 📱 **Responsive Design**: Works on desktop and mobile devices - 🎯 **Collapsible Interface**: Clean, non-intrusive toolbar that slides in/out smoothly - 🔒 **Environment Aware**: Only loads in development/local environments 📦 Installation -------------- [](#-installation) Install the package via Composer: ``` composer require almosabbirrakib/laravel-debugger --dev ``` The package will automatically register its service provider using Laravel's package discovery. 🚀 Setup ------- [](#-setup) ### 1. Publish Configuration (Optional) [](#1-publish-configuration-optional) ``` php artisan vendor:publish --tag=debugger-config ``` This will create a `config/debugger.php` file where you can customize the debugger behavior. ### 2. Publish Assets [](#2-publish-assets) ``` php artisan vendor:publish --tag=debugger-assets ``` This will publish the compiled CSS and JavaScript files to `public/vendor/debugger`. ### 3. Enable the Debugger [](#3-enable-the-debugger) Add to your `.env` file: ``` DEBUGGER_ENABLED=true ``` Or keep it enabled only when `APP_DEBUG` is true (default behavior). ⚙️ Configuration ---------------- [](#️-configuration) The configuration file allows you to customize various aspects of the debugger: ``` return [ // Enable/disable the debugger 'enabled' => env('DEBUGGER_ENABLED', env('APP_DEBUG', false)), // Allowed environments 'allowed_environments' => ['local', 'development', 'dev', 'testing'], // Toggle individual collectors 'collectors' => [ 'request' => true, 'route' => true, 'queries' => true, 'views' => true, 'logs' => true, 'performance' => true, ], // Query settings 'queries' => [ 'max_queries' => 100, ], // Log settings 'logs' => [ 'max_logs' => 50, ], // UI customization 'ui' => [ 'position' => 'bottom', // bottom or top 'theme' => 'dark', ], // Exclude routes 'except' => [ 'debugger/*', '_debugbar/*', ], ]; ``` 📋 Usage ------- [](#-usage) Once installed and configured, the debugger will automatically appear at the bottom of your pages when accessing your Laravel application in a local or development environment. ### Toggle the Debugger [](#toggle-the-debugger) Click the blue toggle button to show/hide the debug bar. ### Navigate Panels [](#navigate-panels) Use the tab navigation to switch between different debugging panels: - **Performance**: View execution time, memory usage, and server load - **Queries**: Inspect all database queries with timing and bindings - **Request**: Examine request data, headers, and session - **Route**: View route information and middleware - **Views**: See rendered views and their data - **Logs**: Review application log entries 🎨 UI Preview ------------ [](#-ui-preview) The debugger features a modern dark theme with: - Glassmorphic backdrop blur effects - Smooth slide animations - Color-coded badges for quick information scanning - Syntax-highlighted SQL queries - Responsive tabbed interface - Custom scrollbars 🔧 Advanced Usage ---------------- [](#-advanced-usage) ### Excluding Routes [](#excluding-routes) To exclude specific routes from debugging, add them to the `except` array in the config: ``` 'except' => [ 'api/*', 'webhooks/*', '_debugbar/*', ], ``` ### Customizing Data Limits [](#customizing-data-limits) Adjust the maximum number of queries and logs captured: ``` 'queries' => [ 'max_queries' => 200, // Default: 100 ], 'logs' => [ 'max_logs' => 100, // Default: 50 ], ``` 🛠️ Development -------------- [](#️-development) To work on the package: 1. Clone the repository 2. Install dependencies: ``` composer install npm install ``` 3. Build assets: ``` npm run build ``` 4. For development with hot reload: ``` npm run dev ``` 📝 Requirements -------------- [](#-requirements) - PHP 8.1 or higher - Laravel 10.x or 11.x - Node.js 18+ (for building assets) 🤝 Contributing -------------- [](#-contributing) Contributions are welcome! Please feel free to submit a Pull Request. 📄 License --------- [](#-license) This package is open-sourced software licensed under the [MIT license](LICENSE). 🙏 Acknowledgments ----------------- [](#-acknowledgments) Inspired by [barryvdh/laravel-debugbar](https://github.com/barryvdh/laravel-debugbar) but built from scratch with a modern UI/UX approach. 💡 Support --------- [](#-support) If you encounter any issues or have questions, please [open an issue](https://github.com/almosabbirrakib/laravel-debugger/issues) on GitHub. --- Made with ❤️ by Almosabbir Rakib ### Health Score 32 — LowBetter than 72% of packages Maintenance70 Regular maintenance activity Popularity0 Limited adoption so far Community6 Small or concentrated contributor base Maturity45 Maturing project, gaining track record Bus Factor1 Top contributor holds 100% of commits — single point of failure How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window. **Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores. **Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement. **Maturity (30%)** — Project age, version count, PHP version support, and release stability. ### Release Activity Cadence Every ~0 days Total 2 Last Release 168d ago ### Community Maintainers ![](https://www.gravatar.com/avatar/b84b0ad8749c7482b829287318ea5a5e549f1a0353bba5064c410349569a666e?d=identicon)[almosabbirrakib](/maintainers/almosabbirrakib) --- Top Contributors [![mosabbirrakib](https://avatars.githubusercontent.com/u/34891461?v=4)](https://github.com/mosabbirrakib "mosabbirrakib (2 commits)") --- Tags laraveldebugtoolbarlaravel-packagedebuggervuetailwindcssdebugging-toolperformance-monitoring ### Code Quality TestsPHPUnit ### Embed Badge ![Health badge](/badges/almosabbirrakib-laravel-debugger/health.svg) ``` [![Health](https://phpackages.com/badges/almosabbirrakib-laravel-debugger/health.svg)](https://phpackages.com/packages/almosabbirrakib-laravel-debugger) ``` ### Alternatives [fruitcake/laravel-telescope-toolbar Toolbar for Laravel Telescope based on Symfony Web Profiler 8041.6M3](/packages/fruitcake-laravel-telescope-toolbar)[adobrovolsky97/illuminar Debug tool for Laravel Framework 2397.1k](/packages/adobrovolsky97-illuminar)[laracraft-tech/laravel-xhprof Easy XHProf setup to profile your laravel application! 235321.4k](/packages/laracraft-tech-laravel-xhprof)[daylerees/anbu The Anbu profiler for Laravel 4. 3054.9k](/packages/daylerees-anbu)[bavix/laravel-xhprof Quick profiling of your code for Laravel 22156.6k](/packages/bavix-laravel-xhprof)[djaxho/laravel-cats Make programming fun again by printing cats when debugging and dumping data 421.9k](/packages/djaxho-laravel-cats) PHPackages © 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)