Web Maker

How to install an extension Open in Chrome Web Store

CRX ID

lkfkkhfhhdkiemehlpkgjeojomhpccnh

Status

Extension status: Featured
Live on Store

Description from extension meta

Blazing fast & offline playground for your web experiments

Image from store

Description from store

A blazing fast privacy-first frontend playground that even works offline!

This extension provides you with a very easy accessible and offline frontend playground for your experiments with HTML, CSS & JS!

Perfect for developers who want to experiment or practice in HTML/CSS/JS quickly, even without Internet connectivity.

Latest version comes with PRO plans that gets your advanced super-powers:
🪟 Asset hosting to host your images, CSS and JS
🌏 Share your creations publicly (available in FREE plan too)
📁 Unlimited File mode creations
⚙️ Also, lots of improvements and bug fixes

Enjoy! 🎉

Features:

* Works offline
* User accounts
* Supports preprocessors: HTML (jade, markdown), CSS (SCSS, LESS, Atomic CSS, Stylus) & JavaScript (ES6, CoffeeScript, TypeScript)
* Inbuilt Console
* Asset Hosting
* Share publicly
* Save and load your creations with Auto-save
* Fork any creation
* Various templates for popular libraries - React, Vue, Tailwind and more
* Multi-monitor support with detached preview
* Import & Export all creations anytime, anywhere
* Multiple editor themes & other configurable settings
* Font options + use any system font
* Code autocompletion
* Very easily accessible. Simply open a new tab in Chrome! (configurable setting).
* Multiple layouts with saved collapsed states
* Save as HTML file
* Edit in CodePen
* Preview screenshot capture
* Open source on Github

Let's create!

Permissions Required
---------------------
* Read URL of the opened page - This is required to give optional new tab replacement feature because Web Maker shows itself only when chrome://newtab is opened

Disclaimer
----------
Web Maker does not track any user specific data. It uses Google Analytics to track aggregated events to improve user experience based on what features are used more. If still you want to opt-out of Google Analytics tracking, please visit http://tools.google.com/dlpage/gaoptout or you can set up a filter in Adblock Plus or similar ad blocker tools like AdBlock, uBlock or Adblock Pro.

Help & Support
---------------
Twitter - https://twitter.com/webmakerApp
Website - https://webmaker.app
Help & support - https://github.com/chinchang/web-maker/discussions

Changelog
-------------
v6.4.1
- Make CSS changes super fast and don't refresh the page anymore

v6.3.0
- JavaScript is working again!
- Extension is on latest MV3 and more secure than ever.

v6.0.0
- PRO plans with asset hosting, public sharing and unlimited file mode creations
- UX improvements
- bugfixes

v5.0.0
- Local language support! First up, Spanish & Hindi! 🔥
- Lots of bug fixes
- Dev changes to make changes a lot faster. Stay tuned for some amazing features!

v4.2.0
Added Tailwind to popular CSS library list. We are back in action! Stay tuned :)

v4.1.1
Remove background script not being used anymore.

v4.0.4
Remove downloads permission

v4.0.2
New overhauled UI. Note, Files mode is only available in Web app currently.

v.3.4.0
Templates, Js13kGames mode and more!

v.3.3.0
Ported to Preact.js

v.3.0.0
Web Maker now as web app -> https://webmakerapp.com/app/

v.2.9.7
Tailwind CSS added, Popular libraries updated, and code refactor.

v.2.9.5
Improvements in external library ux, pane collapsing and bugfixes

v.2.9.0
Detached preview, Atomic CSS configurations, find/replace, more settings & bugfixes.

v.2.8.0
Auto-save, custom system font, configurable auto-completion, matching tag highlighting, bugfixes and improvements

v.2.7.1
Lots of bug fixes and minor improvements

v.2.7.0
Fork feature, fonts, bugfixes and improvements

v2.6.1
Several bugfixes.

v2.6.0
Inbuilt Console added.!

v2.5.0
search saved items, Atomic CSS support, more configurable settings and bugfixes.

v2.4.3
Whitelist scripts from stripe.com.

v2.4.2
Improved infinite loop protection.

v2.4.0
Import/export, editor themes, more settings, vim keybindings, Add library policy changes.

v2.3.2
Onboarding improvements, does not replace new tabs by default and babel update.

v2.3.0
Preview screenshot capture (new downloads permission required for this), keyboard navigation, auto code alignment & bugfixes.

v2.2.2
Bugfixes in autocompletion

v2.2.0
Code autocompletion, full screen preview, SASS support and bugfixes.

Latest reviews

Alasdair Cameron 2025-03-11: Great extension! Really handy for quick testing/experiments/demos.
Leandro Lemos 2025-02-11: Amazing Tool. true Recomended
Abdalghani Omer 2025-02-03: It didn't work
Johanna Gobbin 2025-01-29: just downloaded this app
Alberto Manuel Ochoa Fabré 2024-10-25: Pretty awesome.
parag gour 2024-10-09: The simplest and fastest app for frontend things! ^_^
Community 2024-10-06: It is a really nice Chrome Extension, I will go finish making my Site. Really Great extension Btw!
dream sfile 2024-08-11: Great extension!
Nick Hogle 2024-08-05: Awesome tool! I use the regular website instead of the extension, but both are great! The developer is really responsive to updates and bug fixes too. Thanks, Kushagra!
Zack O. 2024-06-15: Great extension overall but it doesn't recognize "addEventListener" as a command in the js section. Still 5 stars though!
Parth Bhardwaj 2024-05-16: Great extension! it's an incredible tool for practicing what I'm learning. I suggest every front-end developer to use this.
parag gour 2024-05-14: Simple and beautiful little extension. My daily web experiments thank you!
cssbattle app 2024-05-14: This is an absolute gem for a frontend developer!! I am surprised I didn't have this till now. Very quick and easy to use for my html/CSS work
Santosh Srinivas 2024-05-09: Made my development experience so much more organized at a reasonable price. Excellent support and communication by the developer!
Bagger 2024-02-16: Love it! Been such a help as I learn to build my first website as a companion to quickly and visually see my progress. The web app is great too with tons more capabilities than the extension.
Bagger 2024-02-16: Love it! Been such a help as I learn to build my first website as a companion to quickly and visually see my progress. The web app is great too with tons more capabilities than the extension.
Fifa DOUM 2023-12-05: A very good concept, and useful extension!
diamondboy 2023-08-25: нехватает русского языка
Ville Mononen 2023-02-20: Web Maker is THE ONE that makes me love coding and website design. It's so fun to just experiment something too. Codepen is nice too, but online and can be a bit annoying at times. Web Maker is offline, and more customizable. I love it so much! Thank you very much for this amazing extension. Makes my Brave browser just rock.
Ville Mononen 2023-02-20: Web Maker is THE ONE that makes me love coding and website design. It's so fun to just experiment something too. Codepen is nice too, but online and can be a bit annoying at times. Web Maker is offline, and more customizable. I love it so much! Thank you very much for this amazing extension. Makes my Brave browser just rock.
Cherrie Thomas 2023-02-13: i am starting a new business so this will help me build and expand. i'm enjoying this app/ extension a lot. very helpful
Cherrie Thomas 2023-02-13: i am starting a new business so this will help me build and expand. i'm enjoying this app/ extension a lot. very helpful
Puneet Chandiok 2023-01-03: Very helpful app. Thanks guyz.
Nate Ryan 2022-11-13: It's a great tool
Nate Ryan 2022-11-13: It's a great tool
John C 2022-09-07: Chrome: 104.0.5112.102 Windows: 10 Pro 21H2 (build 19044.1889) Is it just me, or did the extension stop working after some recent Chrome update? I just opened it after a few weeks without using it, and although all the features appear to be present (editing, libraries etc.) the *preview* doesn't show *anything*. It remains completely blank at all times, and inspecting the underlying iframe shows just empty <head></head><body></body> tags. As an experiment I tried in incognito mode (to check if some other extension was interfering), but no joy. Or rather, no preview :-)
John C 2022-09-07: Chrome: 104.0.5112.102 Windows: 10 Pro 21H2 (build 19044.1889) Is it just me, or did the extension stop working after some recent Chrome update? I just opened it after a few weeks without using it, and although all the features appear to be present (editing, libraries etc.) the *preview* doesn't show *anything*. It remains completely blank at all times, and inspecting the underlying iframe shows just empty <head></head><body></body> tags. As an experiment I tried in incognito mode (to check if some other extension was interfering), but no joy. Or rather, no preview :-)
Hattori忍者 2022-08-21: たまにセーブできませんが、無料である程度つかえるので楽しんでいます
Lindsay Sundquist 2022-08-14: I freakin Love this App. I am so lost when it comes to embedding but this make it so easy thank you GREAT JOB
Lindsay Sundquist 2022-08-14: I freakin Love this App. I am so lost when it comes to embedding but this make it so easy thank you GREAT JOB
makoto kimura 2022-07-25: サクッと試せて便利です。
Tonie 2022-07-24: Amazing!
Tonie 2022-07-24: Amazing!
杨越龙 2022-07-12: 搞demo，非常方便！
Pavel Tsymbal 2022-07-09: Nice, but console.log() not working on chrome extension, it works only on web app.
Pavel Tsymbal 2022-07-09: Nice, but console.log() not working on chrome extension, it works only on web app.
benjamim eliezer 2022-07-08: e uma boa extençao
Winderezen 2022-04-29: ¿Cómo puedo publicar mi sitio web? Esta es solo la opción de descarga, pero ¿cómo puedo publicar mi web?
Vince Aggrippino 2022-04-26: WebMaker is an excellent tool, but I'm not sure an extension is even necessary. As stated on WebMaker's home page, the Web App is "Recommended: Works Offline! More features. More fun!" There's no perceptible difference between loading https://webmaker.app/app and the Chrome extension, but factors such as network connection speed *might* affect the experience. I suspect maintenance and updates are easier on the Web version than they are on the Chrome extension version. The "Replace New Tab Page" option doesn't work.
Vince Aggrippino 2022-04-26: WebMaker is an excellent tool, but I'm not sure an extension is even necessary. As stated on WebMaker's home page, the Web App is "Recommended: Works Offline! More features. More fun!" There's no perceptible difference between loading https://webmaker.app/app and the Chrome extension, but factors such as network connection speed *might* affect the experience. I suspect maintenance and updates are easier on the Web version than they are on the Chrome extension version. The "Replace New Tab Page" option doesn't work.
luis vivas 2022-04-15: Genial!!!
luis vivas 2022-04-15: Genial!!!
Dallas Cobb 2022-03-28: Super useful tool right in the browser.
Dallas Cobb 2022-03-28: Super useful tool right in the browser.
Marko Radanovic 2022-03-14: Odlicna ekstenzija!
drazen soda 2022-02-23: exelent work
drazen soda 2022-02-23: exelent work
jicking bebiro 2022-02-21: thanks for sharing your great app
jicking bebiro 2022-02-21: thanks for sharing your great app
Lenin Montoya 2022-02-11: Great to build and learn

Extension Actions