Loading...

Export Kit – JSON 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 JSON with Export Kit

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

$79.18 / User

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


Photoshop to JSON


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
30
31
32
33
34
35
36
37
38
39
40
//example psd image layer
{
    "type":"image",
    "src":"../skins/exportkit_example_125/index_button_bg.png",
    "name":"index_button_bg",
    "x":927,
    "y":1311,
    "width":143,
    "height":51
}
 
//example psd text layer
{
    "type":"text",
    "font":"ArialMT",
    "color":"0xFFFFFF",
    "size":72,
    "name":"page_title",
    "x":98,
    "y":131,
    "weight":"bold",
    "underline":true,
    "lineHeight":"35px",
    "width":888,
    "height":188 ,
    "text":"Toronto’s award winning  \rcreative agency"
}
 
//example psd shape layer
{
    "type":"shape",
    "shapeType":"rectangle",
    "radius":"10px",
    "color":"#FFFFFF",
    "name":"base",
    "x":124,
    "y":1590,
    "width":422,
    "height":175
}

Get the cleanest possible JSON code with no assumptions of your personal coding style. Learn more about Converting a PSD to JSON.

Features


By nature JSON is only used as data, to get visual elements – get JS Pack Pro and become a JavaScript Professional!

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
15
16
17
18
19
20
21
22
23
24
25
//example psd layer effects
{
    "type":"shape",
    "shapeType":"rectangle",
    "radius":"10px",
    "color":"#FFFFFF",
    "name":"base",
    "x":124,
    "y":1590,
    "width":422,
    "height":175 ,
    "effects":{
        "innerShadow":{
            "distance":3,
            "angle":120,
            "color":"0xFFFFFF",
            "alpha":100,
            "blurX":3,
            "blurY":3
        },
        "frameFX":{
            "lineSize":3
        }
    }
}

Get professional JSON code from all your layer content including effects and styles. Get the full list of all supported JSON Layer Effects.

Output multiple files from one PSD

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

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 – JSON Output with other common products and bank even more of your time + money!

webmaster_pack

Webmaster

jspack_bundle

JS Pack Pro

880.16


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