Alternatives

Products that do what CSS Hat 2 does

Turn layers from Photoshop CC 2014 to code instantly.

1
iOS Hat▲104
Turn Photoshop layers into Objective-C
2014
2MM
Markupwand, magically convert your photoshop files to HTML & CSS▲342
2012 · markupwand.com
3TP
Turn Photoshop styles into CSS3 in the browser▲31
2013 · css.markupwand.com
4
CSS3 PS▲73
Free Photoshop plugin that converts your layers to CSS3.
2014
5
Devsync▲328
Visually edit CSS. Live-sync the result with your editor.
2020
6
Layer CSS▲152
Lightweight CSS framework to build your own fluid layouts
2015
7
LayerCraft▲88
A Photoshop plugin to export UI assets from layers.
2014
8SE
StyleURL – Edit CSS via Chrome Devtools and turn the diff into a gist▲94
2018 · styleurl.app
9
Codewell▲128
Improve your HTML & CSS skills by practicing on real designs
2021
10BC
Basic.css – Classless CSS Starter File▲153
2020 · github.com
11
Sketching with CSS▲75
Write css as fast as you can Sketch
2013
12HC
Hint.css v2.0 – Pure CSS tooltip library▲253
2016 · kushagragour.in
13
Transforms in CSS▲117
Free eBook for learning to code animations
2016
14ST
Search through Photoshop layers easily▲46
2013 · markupwand.github.com
15CA
Codewich – A live-updating TypeScript/CSS/HTML playground▲114
2017 · codewich.com
16PC
Pure CSS/HTML C# syntax highlighting without JavaScript▲53
2022 · csharp-colors.xyz
17
CSS Next▲87
Use tomorrow’s CSS syntax, today.
2015
18GH
Generate high-res images of code samples with Chrome Headless▲93
2017 · github.com
19
Less 2.0▲96
CSS pre-processor makes CSS more maintainable & extendable
2014
20MB
my boilerplate CSS code for new designs, written in Less.▲108
2011 · mgeraci.github.com
21
Subtle Patterns▲118
Free textures for your next web project.
2014
22
launch.css▲42
Launch Your Ideas Faster
2025
23
Stylebot▲73
Change the appearance of the web instantly
2021
24
Ink▲76
Photoshop plug-in to automate layer documentation
2014

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