Paste HTML, CSS and JavaScript to preview a page. Save projects locally and move them with JSON files.
Users
7
store count
Rating
5.0 / 5
unchanged in 30 days
Ratings
2
total ratings
Store rank
#218K
#183K among extensions
Version
0.2.1
updated 8 Oct 2026
About Web Renderer
Web Renderer is a browser workspace for learning front-end development and trying small web prototypes. Click the toolbar icon to open a dedicated tab, edit HTML, CSS and JavaScript, and see the result immediately. No account or development server is required.
The editor includes syntax highlighting, completion, indentation, code folding, find and replace, undo/redo and locally bundled code formatting. Run previews automatically or manually. A resizable console displays logs and runtime errors, with filtering and clearing controls.
Arrange the editor and preview side by side or vertically. Drag to resize panels, try desktop and phone viewport sizes, enter custom dimensions, use fullscreen preview, and switch between light and dark themes. Nine templates provide a blank canvas, resume, company website, admin dashboard, idea garden, profile card, contact form, product landing page and to-do list. Preview templates before creating projects. Every template includes its own English/Chinese language switch. The admin demo includes a sample login, navigation, overview, users, orders and settings.
Projects and preferences are stored locally in the current browser. Search projects and import/export JSON backups. The editor, formatter and templates are included in the installation; default examples work offline. There are no ads, analytics, telemetry or cloud accounts. The extension does not read other tabs or browsing history. External resources referenced by your own code may contact their respective services.
Preview code runs in an isolated sandbox. Remote JavaScript libraries, npm packages, JSX/TypeScript compilation and multi-file builds are not supported. The admin login is a client-side demonstration, not a real authentication service. Export backups before clearing extension data or uninstalling.
Open the GitHub repository and view its star count from the top-left badge. The count comes from GitHub’s public API and refreshes when opening or returning to the workspace, at most once per minute per tab, with a local cache for offline use; no projects or code are included in the request.