Dev tools · alternatives · 2026

24 alternatives to CSSKatas

A better way to sharpen your CSS skills

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

1. 1
   Codewell▲128

   Improve your HTML & CSS skills by practicing on real designs

   2021 · codewell.cc · its alternatives →

2. 2CA
   CSSKatas – A better way to sharpen your CSS skills▲8

   2020 · yiming.dev · its alternatives →

3. 3
   playCSS▲171

   Improve your CSS skills by playing daily challenges

   2023 · its alternatives →

4. 4
   Every Layout▲390

   Relearn CSS, by example

   2019 · every-layout.dev · its alternatives →

5. 5
   hack.css▲174

   The CSS framework for hackers

   2016 · hackcss.com · its alternatives →

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

   2012 · github.com · its alternatives →

7. 7
   A to Z CSS▲163

   CSS screencasts for designers & developers

   2015 · atozcss.com · its alternatives →

8. 8
   Tools4CSS▲64

   Tools to help developers build interfaces modern quickly

   2022 · tools4css.vercel.app · its alternatives →

9. 9
   Divize▲117

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

   2023 · divize.io · its alternatives →

10. 10
    CSS Grab n' Go Editor▲213

    Visual editor for learning and quick CSS mocking

    2020 · cssbuilder.veliovgroup.com · its alternatives →

11. 11
    Sketching with CSS▲75

    Write css as fast as you can Sketch

    2013 · planningforaliens.com · its alternatives →

12. 12
    Shorthand CSS▲169

    Feature rich CSS framework for the new decade

    2020 · shorthandcss.com · its alternatives →

13. 13
    StyleURL▲190

    Share & preview CSS tweaks instantly

    2018 · its alternatives →

14. 14
    Layer CSS▲152

    Lightweight CSS framework to build your own fluid layouts

    2015 · layers-css.vercel.app · its alternatives →

15. 15
    CSS Dig▲129

    Consolidate and refactor your css with this chrome extension

    2014 · its alternatives →

16. 16
    Sketching with CSS▲78

    Write CSS as fast as you can sketch

    2015 · planningforaliens.com · its alternatives →

17. 17
    Better CSS with Sass▲64

    Write better CSS with Sass

    2015 · fivesimplesteps.com · its alternatives →

18. 18
    ReactCSS▲121

    The way CSS in React should be

    2015 · its alternatives →

19. 19
    htmlcss.tools▲130

    Your ultimate HTML & CSS code generator

    2023 · htmlcss.tools · its alternatives →

20. 20
    Polished – A lightweight toolset for writing styles in JavaScript▲106

    A lightweight toolset for writing styles in JavaScript ✨ - styled-components/polished

    2017 · github.com · its alternatives →

21. 21
    UI Gradients▲101

    Lets you make beautiful color gradients in CSS

    2014 · uigradients.com · its alternatives →

22. 22
    CSS Next▲87

    Use tomorrow’s CSS syntax, today.

    2015 · cssnext.io · its alternatives →

23. 23
    CSS Blocks by Linkedin▲102

    Blazing fast CSS for your design systems and apps

    2018 · css-blocks.com · its alternatives →

24. 24
    Cattous▲88

    Easily define your design system and write CSS in JSX

    2019 · github.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 →