npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

alpaca

v1.5.27

Published

Alpaca provides the easiest and fastest way to generate interactive forms for the web and mobile devices. It runs simply as HTML5 or more elaborately using Bootstrap, jQuery Mobile or jQuery UI. Alpaca uses Handlebars to process JSON schema and provide

Downloads

18,924

Readme

Alpaca - JSON Forms for jQuery and Bootstrap

Alpaca provides the easiest and fastest way to generate interactive forms for the web and mobile devices. It runs simply as HTML5 or more elaborately using Bootstrap, jQuery Mobile or jQuery UI. Alpaca uses Handlebars to process JSON schema and provide developers with an extensible framework for implementing controls, wizards, layouts, I18N support and an custom data persistence.

The goal of Alpaca is to provide the open source community with a fantastic forms engine that rivals or beats what most proprietary vendors offer. Using Alpaca, you can host really nice forms for your back end services, whether they are proprietary, enterprise or SaaS offerings.

The philosophy behind Alpaca is that you should design your forms once and have them work on lots of different devices and UI engines without having to do the same work twice.

Here is a sample registration form written once and rendered using four different approaches:

Alpaca is an open-source project licensed under Apache 2.0. It was started in 2010 and has been growing steadily since thanks to a really awesome community of customers, consultants and technology champions world-wide.

Web Site, Documentation and CDN

For information, demos and documentation regarding Alpaca, please visit the the Alpaca Forms web site.

Going forward, all distribution assets are available via free CDN via jsDelivr.

For example -

https://cdn.jsdelivr.net/npm/alpaca@<version>/dist/alpaca/bootstrap/alpaca.min.js
https://cdn.jsdelivr.net/npm/alpaca@<version>/dist/alpaca/bootstrap/alpaca.min.css

Where <version> should be filled in (example: 1.5.26).

For more information, visit the Alpaca Forms web site.

Sponsors

Cloud CMS is actively developed and maintained by Cloud CMS.

Cloud CMS is an API-First, JSON-friendly Content Management Platform for mobile and web applications. It provides the ideal backend for Alpaca forms design, capture and reporting. Stop by our web site to learn more about Cloud CMS.

The project also has a large number of customers who use Alpaca, contribute code and receive support, some of whom are listed on our web site.

Official Support

We offer paid support for your technical development and production environments. Paid support includes a service level agreement for priority response and bug fixes.

If you are interested in sponsoring or are interested in consulting services, please Contact Us.

Community

We have an awesome community. Everything is straight up out in the open and anyone can build or contribute. We keep everything under an Apache 2.0 license so that you're free to do whatever you please with Alpaca.

There are several ways to interact with the Alpaca community.

  • Browse the documentation and try out the interactive examples. On each page, you'll find a Disqus forum that you can use to ask questions specific to that page. As others browse the documentation, they'll find your question and will have the context at hand to answer it.
  • Visit the Alpaca.js web site and ask your question to the broader Alpaca community. Be sure to include code samples, URLs or http://jsfiddle.net/ links so that others can reproduce your scenario quickly. It's always best to empower others to help you.
  • Add a GitHub Issue if you've found an actual bug or have a feature request that you'd like to get prioritized into the roadmap.
  • Submit a Pull Request if you've fixed a bug and want to contribute code back to the Alpaca project. This is the most powerful and effective way to influence the product. Pull requests give you a way to write your own additions or adjustments to the code base and make it very easy for us to merge your changes into the product.
  • Get Developer Assistance if you have an urgent issue and would like priority paid support. Cloud CMS and/or its partners provide fast and reliable developer assistance for your projects.

Extensibility

Alpaca is designed to be very extensible, allowing you to plug in new field implementations, DOM layouts, callbacks, CSS classes, I18N bundles and much more. It also integrates naturally to HTTP service backends using a connector layer.

Alpaca is ideal for consultants or organizations that wish to have a solid JavaScript form engine that provides a platform that they can grow into for current and future project needs.

Can I fork Alpaca and use it my own projects?

Yes, absolutely. That's the whole idea. Fork it, use it in your projects, make money from it, live a better life, spend more time with your kids. We hope that Alpaca is useful to you.

If you come up with something good (like a bug fix or a new feature), consider submitting a Pull Request back to the project so that others may benefit. And so that they too might, in turn, get more sleep, enjoy your work, be happier and get more out of this adventure called life.

Compatibility

The latest release of Alpaca is compatible with jQuery 1.9.1 and up. For a full breakdown of dependencies, check the bower.json and/or /lib directory for third-party vendor libraries and versions that are used.

In general, we aspire to support the latest versions of our third-party dependencies. Some folks may want Alpaca to be backward-compatible with earlier versions of dependencies and in general, it is our desire to have it be so. But in cases where that is not possible, we will opt for the latest. In those cases, we recommend folks fall back to an earlier version of Alpaca.

How to Build Alpaca

The first thing you should do is grab the source. We won't cover how to do that here but instead we recommend that you learn about Git and GitHub. You can pull the source down to your local machine to build things locally.

The command line for doing this is basically:

git clone https://github.com/gitana/alpaca.git

Build

To build Alpaca, you will need to have Node.js installed.

Building Alpaca is pretty easy. Just run:

npm install

And then:

npm run build

This will build to build/alpaca

To clean the build:

npm run clean

Building the Web Site

To build the web site, you will also need to have Python and Jekyll installed (as global dependencies).

You will then also need to install the redcarpet and pygments.rb gems, sort of like this:

gem install redcarpet
gem install pygments.rb

Then run:

npm run site

Running a Local Web Server

And you can run a local web server like this:

npm run server

Alpaca Distributions

The build produces four sets of assets and they are placed in:

  • build/alpaca/web (for basic web forms and layout)
  • build/alpaca/bootstrap (for bootstrap enabled forms and layout)
  • build/alpaca/jqueryui (for jQuery UI enabled forms and layout)
  • build/alpaca/jquerymobile (for jQuery Mobile enabled forms and layout)

Each directory contains a JS file and a CSS file for its respective build.

Each JS file is UMD ready and will work within both an AMD and CommonJS container.

Contributors

Here is a long list of our project's brothers and sisters in arms.
These folks have made numerous contributions to Alpaca over the years:

...and many others via the Alpaca Web Site and Alpaca Issues!