dev-overlay

web components for checking visual layout

View on GitHub

1 – Toggle the Elements

Grid
Ctrl+Shift+G
Baseline
Ctrl+Shift+B
Spacer
Ctrl+Shift+S

2 – Customize

Trigger Keys
Active State on Load
Grid Settings

Hex is used in this demo but any color format is accepted.

Baseline Settings

Hex is used in this demo but any color format is accepted.

Spacer Settings

Hex is used in this demo but any color format is accepted.

3 – Copy the Code

For full install instructions and options, see the readme.

a) Elements + CSS

b) Elements Only