Dev tools · alternatives · 2026

24 alternatives to playCSS

Improve your CSS skills by playing daily challenges

Below are 24 products that do a similar job, ranked by how close each is in meaning and then by launch-day votes. playCSS launched in 2023; newer entries below may have overtaken it.

1. 1
   CSS Speedrun – A small game to test and improve your CSS knowledge▲213

   A small fun app to test your CSS knowledge. Find the correct CSS selectors for the 10 puzzles as fast as possible.

   2022 · css-speedrun.netlify.app · its alternatives →

2. 2
   CSS Challenges▲91

   Showcase your UI skills with challenges on uiverse.io

   2023 · uiverse.io · its alternatives →

3. 3
   Tailwind CSS Play▲465

   An advanced online playground for Tailwind CSS

   2020 · play.tailwindcss.com · its alternatives →

4. 4
   I made CSS Pro, a re-imagined Devtools for web design▲505

   Try your design ideas in seconds with a universal visual CSS editor that generates code for you. Say hello to speed, joy, and stunning designs in just a few clicks with CSS Pro

   2023 · csspro.com · its alternatives →

5. 5
   Divize▲117

   Learn, write, master HTML/CSS through real UI challenges

   2023 · divize.io · its alternatives →

6. 6
   Codewell▲128

   Improve your HTML & CSS skills by practicing on real designs

   2021 · codewell.cc · its alternatives →

7. 7
   CSSBattle▲309

   Play against others in golf with your CSS skills

   2019 · cssbattle.dev · its alternatives →

8. 8
   UI Gradients▲101

   Lets you make beautiful color gradients in CSS

   2014 · uigradients.com · its alternatives →

9. 9
   A to Z CSS▲163

   CSS screencasts for designers & developers

   2015 · atozcss.com · its alternatives →

10. 10
    Tools4CSS▲64

    Tools to help developers build interfaces modern quickly

    2022 · tools4css.vercel.app · its alternatives →

11. 11
    CSS Grab n' Go Editor▲213

    Visual editor for learning and quick CSS mocking

    2020 · cssbuilder.veliovgroup.com · its alternatives →

12. 12SW
    Struggle with CSS Flexbox? This Playground Is for You▲315

    Experiment with different flex properties to understand how they affect layout. Adjust the controls below to see changes in real-time and copy the generated CSS code.

    2025 · yoavsbg.github.io · its alternatives →

13. 13
    CSS GUI▲72

    Create CSS without code by an open source tool

    2022 · cssgui.com · its alternatives →

14. 14
    CSS Triggers▲80

    A game of layout, paint and composite

    2014 · csstriggers.com · its alternatives →

15. 15
    I decided to document and share my high-level CSS best practices▲223

    2012 · github.com · its alternatives →

16. 16
    CSS Next▲87

    Use tomorrow’s CSS syntax, today.

    2015 · cssnext.io · its alternatives →

17. 17
    Copy Paste CSS▲136

    Find inspiration with a curated list of simple buttons

    2021 · copy-paste-css.com · its alternatives →

18. 18
    A Single Div▲177

    A CSS drawing project

    2016 · a.singlediv.com · its alternatives →

19. 19
    Daily CSS Images▲7

    a 100% free 50 day challenge to make you a master css artist

    2017 · dailycssimages.com · its alternatives →

20. 20
    UXCurate▲81

    Practice whiteboard challenges and get feedback 👨‍🎨🎨

    2018 · its alternatives →

21. 21
    Scale▲199

    Playful color scales generator.

    2018 · hihayk.github.io · its alternatives →

22. 22
    Write CSS as Fast as You Can Sketch▲140

    Learn how to design in the browser (8-day email course)

    2015 · planningforaliens.com · its alternatives →

23. 23
    Picnic CSS▲131

    A beautiful CSS library to kickstart your projects

    2016 · picnicss.com · its alternatives →

24. 24
    Complete Guide to CSS Grid▲145

    CSS Grid tutorial via visuals and examples using ClickUp

    2022 · prathkum.gumroad.com · its alternatives →

Ranked by how close each launch is in meaning, then by votes. Prices were read from each product’s own site when checked and can change. Refine with your own description →