Alternatives

Products that do what StyleWars.dev does

CSS battles for pros, interactive learning for others.

1
playCSS▲171
Improve your CSS skills by playing daily challenges
2023
2IM
I made CSS Pro, a re-imagined Devtools for web design▲505
2023 · csspro.com
3CS
CSS Speedrun – A small game to test and improve your CSS knowledge▲213
2022 · css-speedrun.netlify.app
4
Player.style▲321
Video & audio player themes for every web player & framework
2024
5WA
Winamp and other media players, rebuilt for the web with Web Components▲392
Hey all, creator of Video.js and co-founder of Mux & Zencoder here. My team and I built this. I hope you like the themes we’ve built so far, and maybe even get inspired to build your own. I know Web Components are in a bit of a drama cycle right now. I’m happy to see them get any attention really. I’ve been pretty bullish on them since ~2013 when I started working with them, at least in the context of a widget like a video player. I’ve even given many related talks on them like this one (https://www.youtube.com/watch?v=N6Mh84SRoDg). I would never push them for a large app or…
2024 · player.style
6
Tailwind CSS Play▲465
An advanced online playground for Tailwind CSS
2020
7AC
A CSS-Only Terrain Generator▲371
Nov 2025 · terra.layoutit.com
8CC
Cs16.css – CSS library based on Counter Strike 1.6 UI▲819
2025 · cs16.samke.me
9
CSS Pro▲181
A re-imagined Devtools for web design
2023
10
CSS Color Gradient Generator▲208
A novel and easy way to design beautiful color gradients.
2020
11
Styler▲135
Next-gen CSS builder in the web for Hashnode blogs
2021
12
CSS Scan Pro 2.0▲488
A re-imagined Devtools for web design
2020
13
Devsync▲328
Visually edit CSS. Live-sync the result with your editor.
2020
14PJ
Pts.js – A library for visualization and creative coding▲611
2018 · ptsjs.org
15
CSS Gradient▲415
A simple, colorful gradient generator
2018
16WC
Water.css – A just-add-css collection of styles to make websites nicer▲501
2019 · github.com
17
CSSBattle▲322
Play against others in golf with your CSS skills
2019
18CS
CSS Studio. Design by hand, code by agent▲175
Hi HN! I've just released CSS Studio, a design tool that lives on your site, runs on your browser, sends updates to your existing AI agent, which edits any codebase. You can actually play around with the latest version directly on the site. Technically, the way this works is you view your site in dev mode and start editing it. In your agent, you can run /studio which then polls (or uses Claude Channels) an MCP server. Changes are streamed as JSON via the MCP, along with some viewport and URL information, and the skill has some instructions on how best to implement them. It contains a…
Apr 2026 · cssstudio.ai
19
CSS Stats▲149
Enter a URL and get statistics for a site's CSS
2014
20
Codewars▲74
Improve your skills by training w/ others on code challenges
2014
21
CSS Grab n' Go Editor▲213
Visual editor for learning and quick CSS mocking
2020
22
Divize▲117
Learn, write, master HTML/CSS through real UI challenges
2023
23
CSS Peeper▲349
Smart CSS viewer tailored for Designers.
2017
24
CSS Blocks by Linkedin▲102
Blazing fast CSS for your design systems and apps
2018

Ranked by how close each launch is in meaning, then by votes. Refine with a description →