A browser workspace for editing HTML, CSS, and JavaScript with live previews, runtime diagnostics, and locally saved experiments.
Current release
Alpha 0.1What it can do
- Separate HTML, CSS and JavaScript editors
- Responsive live preview and runtime console
- Local experiments, import and HTML export
Current limits
Use your own code. The fallback preview is not intended for hostile or untrusted shared snippets.
- Project
- Independent work
- My role
- Product design, Front-end, Tool development
Overview
Write HTML, CSS, and JavaScript in separate editors while viewing the result in a resizable browser preview.
PFx Frontlab uses a separate runtime engine for code execution, diagnostics, and sandboxed previews.
Edit and preview together
Switch between syntax-aware editors, adjust preview widths, run code manually or automatically, and inspect console output and runtime errors.
A browser playground with a separate engine
Experiments can be saved locally, imported, and exported. PFx Frontlab Engine is maintained in a separate repository. This tool remains an alpha release.
Reusable foundations.
- PFx Frontlab EngineExplore source
Design and development — pfxamd