Photoshop layers to HTML with clean and clear code becomes simple with
Layer Kit – HTML View. Translate your PSD layers to HTML with advanced support for text, images and shapes. Get Layer Kit Pro to add layer effects, imaging options and more with HTML View.
NOTE: Most HTML styles including
effects, positions and sizes should be included in a
.css file, otherwise use you must include the styles with
Inline Code. Example Image Element
<img src = "../skins/exportkit_example_125/index_button_bg.png" id = "index_button_bg" /> Example Text Element
<div id = "right_col" >
WE WORK WITH YOU
</div > Example Shape Element
<div id = "thumbnail" ></div > Pro Features
Layer Kit Pro, you can customize the HTML View to include additional information with the PSD layer such as effects, advanced text rendering and more. Example Inline Content
<div id = "page_title" style = "top:131px;left:98px;width:888px;height:188px;font-family:ArialMT, Arial, Helvetica, sans-serif;font-weight:bold;text-align:left;text-shadow:3px 4px 2px rgba(0,0,0,0.75);font-size:72px;color:#FFFFFF;" >
Toronto’s award winning <br />creative agency
Start Your 14 Day Free Trial
New users get instant access to the 14 Day Free Trial with all features enabled, and Free Online Training. We guarantee your first conversion will
100% work - we work with you to ensure this,
contact us or check our FAQs for assistance. Are You An Export Kit Member? Why Register with Export Kit?
New memebers have instant access to the exclusive 2 Week Free Trial and Free Online Training to learn, test and explore what Export Kit can do for your design -
register now! Is Registration Free?
Yes! Members have access to Free PSD Templates and can start their Free Trial instantly.
Your information is safe with us, read our
Enhance your PSD, AI or INDD creative experience with Export Kit's powerful Lightning Storm plugin. Download the latest version now and start
banking your time today! From Design to Interactive in Minutes
Select a tutorial to start your first export now.