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
Example Shape Element
<div id="thumbnail" ></div>
Using 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
Claim Your Free Export
Get instant access to your free demo export - we guarantee your first conversion will 100% work - we work with you to ensure this, Contact Us or check the Community 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.
Enter Your Email to Download
Members can login now to skip this step.
Save Time and Money
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.