@webmakerApp

Simplest. Fastest. Offline. Frontend playground and code editor for HTML, CSS & JS. Created by @cssMonk.

 Your browser & Github
webmaker.app
Joined December 2016
  • Tweets701
  • Following2
  • Followers1K
69Media
[✏️ New post] CSS Scopes Vs BEM! Is it over BEM?? Find out... webmaker.app/blog/css-scope-…

CSS @scope: the end of BEM (for real this time) - Web Maker

A practical comparison of BEM, CSS Modules, and the new @scope at-rule. Refactor a real component three ways and see which one ships least code.

webmaker.app
1
2
96
Web Maker retweeted
js13kGames
@js13kGamesJul 23
Win one of the THIRTEEN @webmakerApp Pro accounts for 6 months each in #js13k 2026! js13kgames.com/2026/prizes#w… @CSSMonk #gamedev #gamedevjs #Web #Maker #WebMaker
7
8
351
Export to Github gists - now in @webmakerApp 🚀
1
144
Just love the new blog design of Web Maker app! 🤌🏼
Web Maker@webmakerAppMay 9
[New post] A CSS-only carousel with scroll-snap and sibling-index() webmaker.app/blog/css-only-c… You don't need JS for carousels anymore!

A CSS-only carousel with scroll-snap and sibling-index() - Web Maker

Build a complete carousel — snapping track, native pagination dots, staggered entry animations — with zero JavaScript. Uses scroll-snap, ::scroll-marker, and the new sibling-index() function.

webmaker.app
1
3
203
[New post] A CSS-only carousel with scroll-snap and sibling-index() webmaker.app/blog/css-only-c… You don't need JS for carousels anymore!

A CSS-only carousel with scroll-snap and sibling-index() - Web Maker

Build a complete carousel — snapping track, native pagination dots, staggered entry animations — with zero JavaScript. Uses scroll-snap, ::scroll-marker, and the new sibling-index() function.

webmaker.app
1
1
241
Web Maker retweeted
Web Maker@webmakerAppApr 29
7!
2
2
201
7!
2
2
201
Web Maker retweeted
Web Maker@webmakerAppApr 15
Fresh New Website! ✨
2
2
1
3
743
Fresh New Website! ✨
2
2
1
3
743
and a Fresh New Logo!
1
160
Web Maker retweeted
Web Maker@webmakerAppApr 13
Fresh is coming...
2
2
132
Fresh is coming...
2
2
132
Hello! What are you building with HTML, CSS and JS today? Let's share our current work...
3
48
Tens of new features added in last 2 months! What do you want to see there next?
Web Maker@webmakerApp1 Aug 2025
Users of Web Maker, what is the one thing you want to see implemented in Web Maker? Could be a big/small feature, bug fix, improvement...anything. I am your Genie 🧞‍♂️ for a month. Ask for anything, if it makes sense for the product, it WILL BE DONE! Let's go! 📢
39
New Onboarding Modal! ✨
1
35
Giving a fresh coat of paint and lots of UX improvements to @webmakerApp documentation website! So fun! Every day getting amazed by mind-to-implementation speed these day!
1
1
2
208
Also means, you can build a Web Maker playground link entirely in code: const url = `webmaker.app/create/?html=${ encodeURIComponent(html)}&css=${ encodeURIComponent(css)}` No signup. No Database. The URL is the snippet! Pure shareable joy. ✨
1
58
🔥 Web Maker pro-tip: You don't need an account to share a snippet. You don't even need to open the app if your snippet is small. Just shove your code into a URL 👉 webmaker.app/create/?html=Hi… The link IS the playground.
1
2
1
138
The most awaited feature is coming...
1
18
Lets make some games!!
Gamedev.js@GamedevjsMar 24
Win FIVE @webmakerApp Pro accounts for 6 months each in #GamedevJS Jam 2026! gamedevjs.com/jam/2026/#webm… #gamedev #gamedevjs #Web #Maker #WebMaker
1
1
108
Load more