Hey there!

Utterly confused what this is and why it exists? We've all been there.

Click any adventure to explore various features in Chrome DevTools. Every demo provides instructions and learning material for you to get started.

This site is using Google Analytics for us to better understand how you interact with the provided demos, in accordance to our Privacy Policy.

All demos

Overflow

Overflow

Will you conquer the scrollbar of doom with AI assistance, or will a diving team forever be trapped in a layout nightmare?

Explore demo
DevTools Hangar

DevTools Hangar

Try AI-powered styling fixes to transform a static plane into a soaring marvel - while making sure safety measures are taken!

Explore demo
Pixel Pirate

Pixel Pirate

Work around :focus, request permits with overrides, and ask AI assistance to open a gate.

Explore demo
Gravity

Gravity

Everything falls to the ground - except a bouncing ball with animation count infinite.

Explore demo
Pitstop

Pitstop

Explore the difference small improvements can make to LCP and CLS, and how scheduler.yield helps to keep the main thread free to improve INP.

Explore demo

Learn more

by
watching

About

This site is created by the Chrome Developer Relations team. Learn more about content we create, the web platform, and Chrome on developer.chrome.com.

Most of the imagery on this site is created using Google Labs ImageFX.

Chrome for Developersweb.dev
A pile of popcorn.