Loading...

Export Kit – CSS Output

Products

All products and features are included with Storm Cloud for the best experience.


Legacy CS5x

You can purchase our legacy Export Kit Suite for CS5 and CS5.5 users.

Export your PSD to CSS3 with Export Kit

Convert your full PSD to CSS3 with support for styles, effects, shapes and text – you’re only a few clicks away!

$98.97 / User

One-time payment with unlimited usage
Photoshop +Illustrator +InDesign
Install on unlimited machines
15 languages included


Photoshop to CSS3


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
/* example psd image layer */
#index_bg {
    top: 852px;
    left: -2px;
    width: 1203px;
    height: 683px;
}
 
/* example psd text layer */
#index_copy {
    top: 1607px;
    left: 480px;
    width: 265px;
    height: 56px;
    color: #CC6666;
    font-size: 32px;
    font-family: MyriadPro-Regular, Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-weight: bold;
    text-align: left;
}
 
/* example psd shape layer */
#__thumbnail_ {
    top: 585px;
    left: 120px;
    width: 957px;
    height: 383px;
    background:#FFFFFF;
}

Instantly convert your Photoshop document to CSS3 with options for custom classes, styles and themes. Get the cleanest possible CSS code with no assumptions of your personal coding style.

Features


By nature CSS is used to apply layout and styles to HTML content, and cannot render visually. Get Responsive Pack for Responsive HTML and CSS websites.

Go anywhere, in any Browser

Export Kit will optimize your output to work in any and every browser equally, with no special configuration required.

Deploy to all Major Devices

All devices, all the time. You output works on all major platforms: web, mobile and desktop.

All Image Assets are included

Get all your required image assets with each export. No need to trim and slice images manually.

Go Font crazy with your Typeface

Full support for Environment Fonts where available, and will translate all Font Styles directly in your output.

Text Align and Character Styles

All text alignment and character styles are translated directly into your output, note that each browser renders text differently.

Shapes of all sizes

Keep your shapes and Export Kit will render Photoshop shape layers as shapes rather than images.

Panels


Exports Panel

Exports Panel will convert your full PSD with support for styles, effects, shapes and text – learn more.

Export Kit Pro Features


1
2
3
4
5
6
7
8
9
10
11
12
13
14
/* example psd layer effects */
#base {
    top: 1590px;
    left: 124px;
    width: 422px;
    height: 175px;
    -ms-box-shadow:inset 2px 3px 3px 0px rgba(255,255,255,1);
    -o-box-shadow:inset 2px 3px 3px 0px rgba(255,255,255,1);
    -webkit-box-shadow:inset 2px 3px 3px 0px rgba(255,255,255,1);
    -moz-box-shadow:inset 2px 3px 3px 0px rgba(255,255,255,1);
    box-shadow:inset 2px 3px 3px 0px rgba(255,255,255,1);
    border: 3px solid #409EC1;
    background:#FFFFFF;
}

Get professional CSS code from all your layer content including effects and styles, plus unlock additional features with Export Kit Pro and save even more time when converting your document.

Get Responsive with your layouts

Create fully functional Responsive HTML5 and CSS3 layouts from your Photoshop PSD file, with optional Responsive Image Assets.

Output multiple files from one PSD

Create unlimited file outputs from a single PSD file, including all the required asset files.

Go Dynamic with your PSD height

Dont worry about document size, Export Kit can calculate the height of the output based on the content.

Pick A Look, Any Look

Change your default output alignment and overflow settings on the fly, inside Photoshop.

Have an affect on Layer Effects

Photoshop Layer Effects are converted to Environment effects where available.

Upgrade and Save


Get additional savings when you bundle Export Kit – CSS Output with other common products and bank even more of your time + money!

webmaster_pack

Webmaster

responsive_pack

Responsive Pack

979.57


LICENSE AGREEMENT

Export Kit is a licensed product in accordance with the terms and conditions of the License Agreement.

SINGLE USER LINCENSE

Each license is registered to a single user account. Enterprise licenses are regsitered to the company and do not require a key transfer for employees.

BUYOUT OR PREPAID

Buyout license provides you with life-time usage of Export Kit and all Lightning Storm updates. View all Buyout Products.

Prepaid licenses give access to the latest version of Lightning Storm within your usage time. Prepaid is available for monthly and yearly plans.

VOLUME LICENSES

Discounted volumes of 10+ buyout licenses are available for purchases to academic, non-profit and government organizations.

Academic and Non-profit Discount = 50%
Government Discount = 20%

Please Contact Us for further details.

PREMIUM SUPPORT

All products include free professional support for installation and general usage issues, or get Premium Support for guaranteed results.

WORLDWIDE LOGIN

Each user can install and login on an unlimited number of computers, including cross-platform Mac, PC and Linux.

Start Your 14 Day Free Trial

Get instant access to your 14 Day Free Trial and Free Online Training. We guarantee your first conversion will 100% work - we work with you to ensure this, Contact Us or check the Community FAQs for assistance.

Connect With Us