Tour Handcraft

Handcraft HTML prototypes

  1. Feedback in five steps

    Handcraft is the fastest way to get real feedback on a real prototype.
    Just sign up. Create a prototype. Write some HTML. Save, view, share the URL. Done.
    1. 1Sign up
    2. 2Create a prototype
    3. 3Write some HTML
    4. 4Save & view
    5. 5Share the URL
    6. 6Done!

We handcrafted our editor to help you handcraft

  1. Design all the details right from your browser.

    The editor is where you'll be spending most of your time, so we spent months perfecting it.

  1. Skip repetitive work

    Layouts, parts, loops and conditionals help you avoid writing the same thing twice.

  2. Just like sheets of paper

    No more files or folders. Just organise things the way you want to with sheets.

  3. A dream for copywriters

    Write copy in the code with the designers. No more e-mailing bits of text back and forth.

  4. Search and suggest

    Find code anywhere in your prototype with search and suggest.

  5. Distraction-free editing

    Work full-screen and hide distractions.

  6. Code completion

    Commonly-used HTML and CSS suggested before stuff like "azimuth".

  7. Syntax highlighting

    Optimized for reading and writing.

  8. Friendly error handling

    Our editor helps you figure out what's not working and correct it - in plain English.

  9. Keyboard shortcuts

    Intuitive keyboard access for power users.

Don't worry about the rest. We got that too.

  1. File and media uploads

    Upload files to use in your prototype. HTML and CSS and get instantly converted, ready for immediate use.
    New: drag and drop uploading also supported.

  2. Javascript libraries, CSS frameworks, icons and more

    Common and popular tools used in prototyping are available from our goodies page
    so you can focus on the work instead of on finding the tools.

  3. Client sign in

    Just direct clients and customers to your prototype's public address.

  4. Never lose anything

    See who changed what, when, and view previous versions.

  5. Easily collaborate on your work

    Share prototypes with anyone who has an email address. Control who can see what from one page.

  6. Set up your prototype

    Change prototype details and set a password if needed. All from one screen.