php dev tools in your browser

Fund package maintenance!

Installs: 3 696 024

Dependents: 75

Suggesters: 4

Security: 0

Stars: 2 896

Watchers: 53

Forks: 174

Open Issues: 26


title.png screenshot.png

Clockwork is a development tool for PHP available right in your browser. Clockwork gives you an insight into your application runtime - including request data, performance metrics, log entries, database queries, cache queries, redis commands, dispatched events, queued jobs, rendered views and more - for HTTP requests, commands, queue jobs and tests.

This repository contains the server-side component of Clockwork.

Check out on the Clockwork website for details.

features-1.png features-2.png features-3.png features-4.png features-5.png features-6.png


Install the Clockwork library via Composer.

$ composer require itsgoingd/clockwork

Congratulations, you are done! To enable more features like commands or queue jobs profiling, publish the configuration file via the vendor:publish Artisan command.

Note: If you are using the Laravel route cache, you will need to refresh it using the route:cache Artisan command.

Read more about other integrations on the Clockwork website.


Collecting data

The Clockwork server-side component collects and stores data about your application.

Clockwork is only active when your app is in debug mode by default. You can choose to explicitly enable or disable Clockwork, or even set Clockwork to always collect data without exposing them for further analysis.

We collect a whole bunch of useful data by default, but you can enable more features or disable features you don't need in the config file.

Some features might allow for advanced options, eg. for database queries you can set a slow query threshold or enable detecting of duplicate (N+1) queries. Check out the config file to see all what Clockwork can do.

New in Clockwork 4.1, artisan commands, queue jobs and tests can now also be collected, you need to enable this in the config file.

Clockwork also collects stack traces for data like log messages or database queries. Last 10 frames of the trace are collected by default. You can change the frames limit or disable this feature in the configuration file.

Viewing data

Clockwork app is available as a browser extension:

The server-side component also includes a full copy of the Clockwork app available at


You can log any variable via the clock() helper, from a simple string to an array or object, even multiple values:

clock(User::first(), auth()->user(), $username)

The clock() helper function returns it's first argument, so you can easily add inline debugging statements to your code:


If you want to specify a log level, you can use the long-form call:

clock()->info("User {$username} logged in!")


Timeline gives you a visual representation of your application runtime.

Clockwork will automatically add some default events, but you can also add custom ones.

To add a custom event to the timeline, you'll need to start an event first:

clock()->event("Loading user's latest tweets via Twitter API")->begin()

After executing the traced block of code, you can end the event, using it's unique name.

clock()->event("Loading user's latest tweets via Twitter API")->end()

Or simply wrap the traced code into a closure:

clock()->event("Loading user's latest tweets via Twitter API")->run(function () {

Read more about available features on the Clockwork website.