Webforge

Webforge is a hands-on reference for HTML and CSS where every concept comes with a live example you can actually touch. Instead of static documentation you scroll past and forget, each entry shows you the code and the rendered result side by side — and lets you change the code and watch the result update instantly, so you learn by doing rather than just reading.

It's organized as a deep, browsable library: HTML elements and attributes, CSS properties grouped by topic — layout, flexbox, grid, typography, colors, transitions, transforms, positioning and more — each with a clear explanation, the syntax, and a working example you can experiment with. The interactive playground is the core: edit the HTML and CSS of any example and see it render live, or start from a blank canvas and build something from scratch, with your experiments saved locally so you can come back to them. A quick-reference cheat-sheet mode strips everything down to the essential syntax for fast lookup when you already know what you need, and a search cuts straight to any property or element. Guided snippets show common real-world patterns — centering things, building a card, making a responsive layout — as ready examples you can study and tweak.

Built to be a genuine daily tool for anyone learning or writing front-end code, it puts an editable, living reference in your pocket.

Everything runs on your device: no account, no connection, no ads. Just code, live results, and a reference you learn from by doing.