Live demo

The real toolbar, running on simulated requests. Pick a scenario and explore the bar at the bottom of the page.

NextToolbar only runs in next dev. This page feeds the same component with sample data, so you can try it without installing anything.

Scenarios

Hover (or Tab to) any segment of the bar to open its panel.
Click the request id (#) to open the profiler: every request, its fetches and a render timeline.
In the 500 scenario, open the errors panel and click Details.
Minimize it with the logo or the close button, then click the circle.
Switch the theme with the button on the right.