Latest version: 1.5.14 released on 9/24/2015.

Alpaca provides the easiest way to generate interactive HTML5 forms for web and mobile applications. It uses JSON Schema and simple Handlebars templates to generate great looking user interfaces on top of Twitter Bootstrap, jQuery UI, jQuery Mobile and HTML5.

Everything you need is provided out of the box. Alpaca comes pre-stocked with a large library of controls, templates, layouts and features to make rendering JSON-driven forms easy. It is designed around an extensible object-oriented pattern, allowing you to implement new controls, templates, I18N bundles and custom data persistence for your projects.

Alpaca is open-source and provided to you under the Apache 2.0 license. It is supported by Cloud CMS and is in use by organizations and within projects all around the world.

How do I use Alpaca?

Copy the following into the <head/> block of your web page:

<!-- dependencies (jquery, handlebars and bootstrap) -->
<script type="text/javascript" src="//"></script>
<script type="text/javascript" src="//"></script>
<link type="text/css" href="//" rel="stylesheet"/>
<script type="text/javascript" src="//"></script>

<!-- alpaca -->
<link type="text/css" href="//" rel="stylesheet"/>
<script type="text/javascript" src="//"></script>

Call $.alpaca() with your form schema and any configuration:

<div id="form1"></div>
<script type="text/javascript">
    "schema": {
        "title": "What do you think of Alpaca?",
        "type": "object",
        "properties": {
            "name": {
                "type": "string",
                "title": "Name"
            "ranking": {
                "type": "string",
                "title": "Ranking",
                "enum": ['excellent', 'not too shabby', 'alpaca built my hotrod']

Enjoy your newly rendered Alpaca form!

The example above uses the Alpaca + Bootstrap combination. Combinations are also available for jQuery UI, jQuery Mobile and straight-up web HTML5. The required assets (jQuery, Bootstrap and Handlebars) are loaded from CDN sources.

To get started on your own projects, take a look at the sample Alpaca/Bootstrap HTML page.

Who uses Alpaca?

Lots of people. Alpaca is an open-source project and has been around for almost 3 years. We've had a great time building it and have enjoyed the pull requests and adoption within some really great companies worldwide. Here are a few notable ones:

If you'd like to have your company logo listed above, please drop us a line.

What Browsers are Supported?

Alpaca works in with any browser that supports jQuery 1.10.x and above. This includes web browsers and browsers running on mobile devices.

We've tested Alpaca against IE 9 and beyond. It may work with earlier versions but you're getting into tedious territory there. This is not your fault. Don't blame yourself. Just be thorough and give your forms a test on IE 8 and below.

Is Alpaca open source?

Yes. Alpaca is an open-source project and the source code is freely available under the Apache 2 license. We chose the Apache 2 license because it is permissive and lets you get the most out of open source.

With any luck, Alpaca will improve your life. Save you time. And let you play with your kids more.

Alpaca is supported by the community and several active contributors who have supplied pull requests with new features, ideas and technical wonder. The project started at Cloud CMS where we used Alpaca as our forms engine of choice.

You can freely fork Alpaca by visiting the Alpaca project at GitHub.

Is Alpaca supported?

Yes, Alpaca is supported if you sign up for a support contract with Cloud CMS. We have engineers who offer consulting services, technical support and training.

Cloud CMS sponsors Alpaca and is ready to work with you to support your live engagements. Let us know how we can help!

If you don't want production support, the project is open source and has an active community. Check out our contribution page to learn how you can get involved

How do I get started?

You can drop Alpaca into your new or existing web or mobile projects. Alpaca is a simple JavaScript library that you can plug in wherever you'd like. You can install or download Alpaca using conventional tools like Bower or NPM. Or you can grab a release from our download page.

How do I get help from the community?

If you have a question, we recommend asking away on Stack Overflow or within your developer community of choice. We recommend Stack Overflow based on the quality of developers who respond. Chances are that someone has run into something similar and can help out.

Join a Meetup

Sydney, Australia Cleveland, OH USA Boston, MA USA

If you're interested in presenting Alpaca at a local meetup, contact us and we'll work with you.

How do I contribute to Alpaca?

Alpaca is truly a community project; we welcome your involvement!

If you've found a bug in Alpaca, we ask you to visit our GitHub Issues page and let the team know. We can then prioritize our development tasks, merge fixes and get things sorted for upcoming releases.

If you've fixed something, we ask that you submit a pull request. And then pat yourself on the back. You've made the world a better place!

Learn more about how you can contribute to Alpaca.

© 2015 Gitana Software, Inc.

Alpaca is sponsored by