CSS-Shack CSS - Shack

Create layer styles in the browser

Try Now For Free
Main Screenshot IMac Frame

Endless Creativity

With an arsenal of panels and controls you can create stunningly styled buttons, boxes
and any other kind of components.


Real Time Preview

See changes as you manipulate the controls like padding, margin or size.


Generated Content

Generate dummy text, user names and avatars inside the app easily.


Production Ready CSS

The results from your design will be CSS classes that the developer can use instantly, without any modification.


Available Offline

Take CSS-Shack to your desktop by
installing the CSS-Shack Chrome App.

What is it?

CSS-Shack is a web and desktop application, which allows you to create layers styles (just like you would in any other image editing software), and export them into a single CSS file.

What can I use it for?

You can create web site designs, mockups or just a simple button, it's up to your imagination and creativity.

It can also be used for experimentation or for creating and maintaining a style guide for a web site.

Is it free?

Currently the whole application is free to use.

There are plans to morph it into a SaaS (Software as a service) product, where you can store your documents online.

What Browsers are supported?
  • Firefox
  • Chrome
  • Opera
  • Safari
  • Internet Explorer 10+
Try now for free