extension ExtPose

Web Maker

CRX id

lkfkkhfhhdkiemehlpkgjeojomhpccnh-

Description from extension meta

Blazing fast & offline playground for your web experiments

Image from store Web Maker
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.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

  • (2024-02-16) PrincePog: 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.
  • (2023-08-25) diamondboy: нехватает русского языка
  • (2023-02-20) Ville Mononen: 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.
  • (2023-02-13) Cherrie Thomas: i am starting a new business so this will help me build and expand. i'm enjoying this app/ extension a lot. very helpful
  • (2023-01-03) Puneet Chandiok: Very helpful app. Thanks guyz.
  • (2022-11-13) Nate Ryan: It's a great tool
  • (2022-09-07) John C: 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 :-)
  • (2022-08-21) Hattori忍者: たまにセーブできませんが、無料である程度つかえるので楽しんでいます
  • (2022-08-14) Lindsay Sundquist: I freakin Love this App. I am so lost when it comes to embedding but this make it so easy thank you GREAT JOB
  • (2022-07-25) makoto kimura: サクッと試せて便利です。
  • (2022-07-24) Tonie: Amazing!
  • (2022-07-12) 杨越龙: 搞demo,非常方便!
  • (2022-07-09) Павел Андреевич: Nice, but console.log() not working on chrome extension, it works only on web app.
  • (2022-07-08) benjamim eliezer: e uma boa extençao
  • (2022-04-29) Winderezen: ¿Cómo puedo publicar mi sitio web? Esta es solo la opción de descarga, pero ¿cómo puedo publicar mi web?
  • (2022-04-26) Vince Aggrippino: 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.
  • (2022-04-15) luis vivas: Genial!!!
  • (2022-03-28) Dallas Cobb: Super useful tool right in the browser.
  • (2022-03-14) Marko Radanovic: Odlicna ekstenzija!
  • (2022-02-23) drazen soda: exelent work
  • (2022-02-21) jicking bebiro: thanks for sharing your great app
  • (2022-02-11) Lenin Montoya: Great to build and learn
  • (2022-01-12) Bouladjeraf Smaine (lilasmaine): vous êtes gracieux comme votre application nous implorons dieux de vous bénissiez
  • (2022-01-03) Triple_ Z: amazing very helpful
  • (2022-01-01) شرکت خدماتی پویا نظافتی پرستاری: mer30 developer mer30 company file maker very gooood very big like .
  • (2021-12-04) miracle god: 就我一个人用4.1.1版本控制台不生效吗?
  • (2021-11-17) Mishal Hossin: loved it
  • (2021-11-13) Viravat Pengmala: good
  • (2021-10-04) Ibrahim Alturky: Great app!
  • (2021-09-22) Md prottoy: this is too cool thank u for making this free
  • (2021-09-15) Ilham Thamrin: SUKA SEKALI
  • (2021-07-28) Thalha S: Nice
  • (2021-06-01) Matt: By far one of the best most underrated extensions since the inception of extensions. I hope it is still supported. Several github issues have gone untouched and still exist today. Some troublesome ones like scss not processing the css. I dread using codepen given its memory leaks and slow processing time. Something webmaker hasn't fallen victim too.
  • (2021-05-24) arab elweb: Good extension
  • (2021-05-02) Azam Mujahid Productions: I like it, but there is a bug with the JavaScript that the OnClick property doesn't work in some devices.
  • (2021-03-01) Irenic: This is an absolutely fantastic tool that I use almost exclusively for all of my coding now. A codepen-esque environment available on and offline. Fun, easy to use and reliable. I recomend it to all of my coding friends and am even using it to teach my kids the basics on. Can't recommend enough!
  • (2021-02-13) Cindy Calvados: Excellent !! Très très pratique, une très bonne alternative a Codepen
  • (2021-01-29) Good Moos: Espectacular, para crear bocetos e ideas al vuelo, admite react y otros, lo mejor sin duda alguna
  • (2021-01-20) fox GOBI: Nice~!
  • (2021-01-09) Twelve 336 Eighteen 909 AUTTP ATHDTC: It was gray screen
  • (2020-10-28) Tony MCI: Aku Bisa Pake Ini Seharian Nih Untuk Bikin Web Lumanyan Bagus! ^_^
  • (2020-10-27) WEB ACADEMY: Very efficient and amazing tool
  • (2020-10-26) Samiru Samarakoon: Super...
  • (2020-08-27) Venu Babu: this a much best developing and quick results
  • (2020-08-24) pu po: 很好用的工具,在没有网络连接codepen的情况下,这是个不错的选择。还有就是希望界面能更美观点,感谢你的付出
  • (2020-07-31) Bethuel Kipsang: I 100% love this extension, it is the best editor I have ever seen for an extension.
  • (2020-07-16) Fadi Chamieh: A perfect addition to any web/developer's arsenal. Period.
  • (2020-06-30) Lucy the Viola Cat: I use this all the time when I feel like whipping up some code, and it's so easy to use that I don't want to use anything else!
  • (2020-06-26) Feroza Rafique: I am the new kid in town probably. Know a little of HTML and wee bit of Java script, having learnt both in 2000! Now due to COVID-19, I am back to web designing a family website. And we used to do web designing in Notepad. Web Maker therefore is like heaven! And as magnanimous as heaven too. Unlimited code, I can put here in Web Maker. I am indebted. :-)
  • (2020-04-06) Ramiro Rodriguez: Awesome. This is a great web app for developers that want to spin something real fast then move over to Code Pen. The best part is, it keeps getting better. We can set up a complete coding environment in seconds and begin typing just as fast. I've tried other online development tools and this is one that I keep coming back to, over and over again. :-)

Latest issues

  • (2022-11-02, v:2.9.6) Support for templates?
    Firstly, thank you for the amazing and a very useful extension. It works like a charm. I was wondering if a support for templates is possible? Just like the one in codepen. I don't always start my project from scratch, there's some boilerplate code that I copy paste each time. So, an option to start with a template would be great. What do you think? Also, if you need some help developing this feature, I'm ready to help. :)
  • (2022-11-02, v:2.9.6) Online Saving
    Once a device goes online, I recommend the users can make a profile to save projects
  • (2022-11-02, v:2.9.6) Tristan Figueroa-Reid: Where are the save files stored?
    Web maker crashed due to FixedSys font, and I was wondering if I can find a save file :D
  • (2022-11-02, v:3.0.4) Abel Abera: emmit function not working
    i was trying out some emmit and found it not to work and have been working in previous version and it goes like this `ul>(li>a)*4`
  • (2022-09-07, v:5.0.0) John C: Extension (suddenly?) stopped working, no preview...
    Oops, just posted this in the "review" section instead of here :-) 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 :-)
  • (2022-04-25, v:4.2.0) Anthony Souls: Console.log not working on chrome extension, but it works on web app.
    I'm using Edge: Could that be why? I've seen another review of someone experiencing the same problem. Is there any solution? Thanks.
  • (2022-02-16, v:4.1.1) Golam Moula: The extension cant reload the iframe (Refused to load the script)
    Refused to load the script 'chrome-extension://lkfkkhfhhdkiemehlpkgjeojomhpccnh/lib/screenlog.js' because it violates the following Content Security Policy directive: "script-src 'self' filesystem: http://localhost:* https://localhost:* https://apis.google.com https://ajax.googleapis.com https://code.jquery.com https://cdnjs.cloudflare.com https://unpkg.com https://maxcdn.com https://cdn77.com https://maxcdn.bootstrapcdn.com https://cdn.jsdelivr.net/ https://*.stripe.com/ https://builds.framerjs.com/ https://rawgit.com https://wzrd.in https://www.gstatic.com https://semantic-ui.com https://www.google-analytics.com 'unsafe-eval'". Note that 'script-src-elem' was not explicitly set, so 'script-src' is used as a fallback. meanwhile your website is working fine
  • (2021-12-24, v:4.1.1) Behrouz Hosseini: Console Log not working
    Can you please let me know why the console is not showing any output? For example the console.log("test"); is not showing ant thing in console panel Thanks
  • (2021-09-22, v:4.1.1) Golam Moula: The extension is not working in Chrome developer edition and in Chrome canary saying that it violets a security policy
    when i type something in the js area that code gets excecuted but i get this error Refused to load the script 'chrome-extension://lkfkkhfhhdkiemehlpkgjeojomhpccnh/lib/screenlog.js' because it violates the following Content Security Policy directive: "script-src 'self' filesystem: http://localhost:* https://localhost:* https://apis.google.com https://ajax.googleapis.com https://code.jquery.com https://cdnjs.cloudflare.com https://unpkg.com https://maxcdn.com https://cdn77.com https://maxcdn.bootstrapcdn.com https://cdn.jsdelivr.net/ https://*.stripe.com/ https://builds.framerjs.com/ https://rawgit.com https://wzrd.in https://www.gstatic.com https://semantic-ui.com https://www.google-analytics.com 'unsafe-eval'". Note that 'script-src-elem' was not explicitly set, so 'script-src' is used as a fallback.
  • (2021-05-16, v:4.0.4) Deusiel Cunha: Scroll bar
    Hi, I have noticed that when we add many folders(like 10 or more) there isn't a scroll bar in the file explore. Even though it's very usefull to use right from the browser, I'm a student and I would like to divide the content by subject. So when I createthe folders I can't scroll down to visualize then. Am I using it wrong or this might be a bug?
  • (2021-01-03, v:4.0.3) ayoola obi: Buy
    Hello, Do yo mind having a conversation about selling Web Maker?
  • (2020-05-06, v:4.0.3) itsnickford: can you make games and upload them to newgrounds and other places?
    hey, I haven't got it yet but I was wondering can I make text adventure games with this app, download it and put it on newgrounds? or is this not an app where you can download the html? If you can answer me that would be great. Thanks
  • (2020-03-22, v:4.0.3) 00 Jirow: I cant login with google account .
    The google auth popup window hidden soon. And I cant login to WebMaker. Are there any ways ? OS: ChromiumOS Browser : Chromium
  • (2019-06-24, v:3.6.4) Lakeside Group: running js
    How do you run js in this app? At the moment js functions give no response.
  • (2019-05-22, v:3.6.4) Ashley Jordan: I do update to 4.0?
    There is no option to update to the newest version. I have to open up the version I have and click the bottom link "Web maker 4.0 check it out" The only option I have is to remove the extension? Which I don't want to do.
  • (2019-04-13, v:3.6.4) Behrouz Hosseini: Missing Previous Version Files
    Hi I just upgrade to the V 4.0 and looks like I am missing all files which I had in previous version! Is there any way to retrieve them?
  • (2018-11-13, v:3.5.1) rokoblox: Renaming projects?
    How can I rename my projects?
  • (2018-07-12, v:3.3.2) Addind images ti library
    any method to add Images/audio in library will be very helpful
  • (2018-06-17, v:3.2.0) Игорь Крюков: formating to html
    когда начал форматировать код с HTML5 в HTML из 30-ти строк кода всего 2-ве ошибки !!!
  • (2018-06-08, v:3.2.0) Zray Dev: Premade Foundation template?
    This extension looks promising, but currently struggling to get the Foundation CSS and JS libraries to work. It would be great to get a Foundation 6 template to import, so I can see how the page and library integrations are set up. Using Chrome on win10
  • (2018-04-17, v:3.0.4) Abel Abera: emmit function not working
    i was trying out some emmit and found it not to work and have been working in previous version and it goes like this `ul>(li>a)*4`
  • (2018-03-15, v:2.9.8) mjs28s: on a chromebook
    with this extension and developing on a chromebook, do chromebooks com with everything needed on them to work right out of the gate with html, css, and JS? On my PC I have been messing around with various IDEs and get errors like "nodejs runtime environment is not running or installed" so I have to them go out and download that. Played with python, same thing - the IDEs don't come with what is needed to actually have code executed on my computer thus I end up going out and downloading more stuff. Since chromebooks are built to be web type devices and those use HTML, CSS, and JS by default, do I just add your extension and everything else I need is already in chrome OS, or are there more unsaid add-ons that I have to go hunt down?
  • (2018-02-11, v:2.9.7) bummer...
    weird how it seems to work for most everyone except me lol... the main html and css windows work, meaning i can type stuff and see it in the render window, but nothing else works i try to change to markdown, nothing happens and markdown is not rendered i hit the settings button, nothing happens i try to resize the html/css/js windows but can't... i click on notifications and a small white box shows up that i can't close... i try to 'add library' 'open' 'save' etc but nothing happens... 'edit on copepen' doesn't do anything either... actually, the only buttons that seem to do anything are the layout buttons... too bad cuz this kind of thing is exactly what i'm looking for... i guess i'll keep looking...:(

Statistics

Installs
60,000 history
Category
Rating
4.7958 (994 votes)
Last update / version
2024-05-15 / 6.3.3
Listing languages
en

Links