HTML and CSS workspace
Agate IDE
Edit page HTML and shared CSS directly. The selected page preview updates after you pause typing.
Untitled Project
Loading saved work…
Loading editors…
Choose an Agate project file. Agate validates it and asks before replacing different current work.
The requested example was not opened. Return to the resource library.
Saved work changed in another tab
Your open editors were not replaced. Choose which copy to keep.
Copy manually
The browser could not use the clipboard. Select and copy the exact source below.
Pages
1 of 20 pages
Page links Checking…
Checks page destinations and fragment targets across this project. Verified project links can switch the selected page in Preview. External and special addresses are counted but not checked; anything Agate cannot verify remains blocked.
Checking project links…
HTML
index.html
Loading the HTML editor…
Shared CSS
styles.css
Loading the CSS editor…
Preview — not rendered
Waiting for a safe preview.
The preview stays isolated from Agate. Your scripts, form submissions, embedded frames, remote resources, and non-project navigation are blocked while you work. Verified project links can switch the selected page without exposing Agate or sending drafts to a server.
Looking for patterns to learn from or adapt?
Explore HTML and CSS resources