Dev tools · alternatives · 2026

24 alternatives to Art Box

Photoshop for CSS – Pure CSS Editor

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

1. 1LI
   Logos in Pure CSS▲283

   2013 · bchanx.com · its alternatives →

2. 2
   Instagram.css▲446

   Complete set of Instagram filters in pure CSS

   2018 · picturepan2.github.io · its alternatives →

3. 3
   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 →

4. 4
   CSS box-shadow examples by CSS Scan▲264

   Curated collection of 82 free beautiful box-shadow 🎨

   2020 · getcssscan.com · its alternatives →

5. 5
   Pure CSS Francine▲210

   HTML/CSS portrait in the style of an 18th century painting

   2018 · github.com · its alternatives →

6. 6MM
   Markupwand, magically convert your photoshop files to HTML & CSS▲342

   2012 · markupwand.com · its alternatives →

7. 7IE
   Image Effects with CSS▲203

   2016 · bennettfeely.com · its alternatives →

8. 8LA
   Littlebox, a pure CSS icon library – worth continuing?▲192

   2015 · littlebox.cabmaddux.com · its alternatives →

9. 9
   CSS Pixel Art Generator▲4

   Transform your photos into pure HTML & CSS art

   2024 · cpag.vercel.app · its alternatives →

10. 10
    CSS.GUI▲201

    Open source visual editors for everything in the CSS spec

    2022 · components.ai · its alternatives →

11. 11
    Water.css – A just-add-css collection of styles to make websites nicer▲501

    A drop-in collection of CSS styles to make simple websites just a little nicer - kognise/water.css

    2019 · github.com · its alternatives →

12. 12
    Plaiceholder▲204

    Beautiful pure CSS image placeholders, without the hassle.

    2020 · plaiceholder.co · its alternatives →

13. 13
    GradientArt▲152

    Advanced CSS gradient editor

    2021 · gra.dient.art · its alternatives →

14. 14
    Beautiful CSS Checkboxes by CSS Scan▲109

    Curated collection of 65 free beautiful checkboxes

    2022 · getcssscan.com · its alternatives →

15. 15
    CSS Wand▲330

    Easy copy-paste beautiful CSS animations

    2019 · csswand.dev · its alternatives →

16. 16
    CSS ICON, an icon set crafted by pure CSS▲250

    2016 · cssicon.space · its alternatives →

17. 17
    piCSSel-art▲129

    Draw pixel art with CSS!

    2018 · its alternatives →

18. 18
    Desech Studio▲170

    No-code visual html/css editor

    2021 · desech.com · its alternatives →

19. 19
    Toybox▲216

    Visually edit your site's CSS without inspecting code.

    2018 · toyboxsystems.com · its alternatives →

20. 20
    CSS Background Patterns▲327

    Free editable patterns that actually look cool 😎

    2020 · magicpattern.design · its alternatives →

21. 21
    CSS3 PS▲73

    Free Photoshop plugin that converts your layers to CSS3.

    2014 · css3ps.com · its alternatives →

22. 22
    CSS Grab n' Go Editor▲213

    Visual editor for learning and quick CSS mocking

    2020 · cssbuilder.veliovgroup.com · its alternatives →

23. 23
    Pixel Art to CSS▲82

    Draw and animate pixel art, export the results to CSS

    2016 · its alternatives →

24. 24
    Keyframes.app▲164

    Visual editors to generate CSS for your projects 👨‍💻

    2020 · 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 →