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:

<script type="text/javascript" src="//code.cloudcms.com/alpaca/1.5.0/bootstrap/alpaca.min.js"></script>
<link type="text/css" href="//code.cloudcms.com/alpaca/1.5.0/bootstrap/alpaca.min.css" rel="stylesheet"/>

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

<div id="form1"></div>
<script type="text/javascript">
$("#form1").alpaca({
    "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']
            }
        }
    }
});
</script>

Enjoy your newly rendered Alpaca form!

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.

We 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.

If you have a question or think that you've found a bug, please visit our GitHub Issues page and let the community know. Chances are that someone has run into something similar and can help out.

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!

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.

© 2014 Gitana Software, Inc.

Alpaca is sponsored by