Save time by generating a coded preview of your templates! Simply upload your template and tell us how to present it.

Become A Donator

Currently Hosting 5,158 Coded Previews!

Are you ready for updates? They're coming quicker than you may think. Follow the progress on Seb's Pad. Meanwhile, keep uploading!

Coded Preview is a handy little app for web designers and coders. It allows you to create simple HTML preview pages, showing what a template should look like when coded. Coded Preview can also be used to create splash pages.

Simply upload your template image, specify your preferences and hit Submit Template!

Coded Preview is a recently launched site, so, if you spot something that could be improved, or if you have found something wrong, please contact us!

Title of Page

Specify the title of your HTML page.

Template Image

Upload the main template image.

Alignment

Choose how your template image is aligned in the browser.

Margins (optional)

Define and apply margins that will determine the exact position of your template.

Left: Right: Top:

Background

Specify either a background colour, a background image or a combination of both. Background colour uses a six digit hex-code. Use background repeat to repeat your background image.

Colour: #colorImage:
Repeat Type:

Main Image URL

Link your image to another page. For example: a template subpage.