The Handcraft Markup Language

Bringing the power of programming to prototyping

You can get started with HCML with one tag: page. That's all you need to build prototypes with Handcraft. We took care to design only a few necessary tags that will help you do your job. It's not our intention to create a whole new language; we just want to make things easier.

This is a completely valid HCML prototype:

<page url="/">
  <p>Hi!</p>
</page>

There are two more tags we think are essential to helping you get stuff done more quickly: layout and part.

And that's enough for most people. We also have 6 more tags, some variables and functions that help you get ahead and really delve into the advanced features of quplo - but these aren't necessary for daily use.

Help is only a click away

Even though we designed HCML to be easy to use and to learn, it's still a new set of tags and you don't want to have to memorize those when you're here to build prototypes. That's why we created guides and an in-depth reference that you can use for easy access to examples and an overview of what's possible.

Powerful and flexible

Once you start using some of HCML's more advanced features like variables and functions, you'll start discovering how much it can do for you. CSS variables? Check. Redirect a visitor to a different page? Check. Simulate login and signup flows in your prototype without having to make separate pages to emulate the various states? Check.

Autocomplete your way to success

Our common sense code completion feature tells you what you're about to type before you type it, and it's usually right! Since HCML consists of only a few tags and attributes, it's especially easy to notice how much extra productivity you get out of code completion.