Archive for the ‘Forms’ Category

iOS7 has slick, flat and circular switches that are used for select box-like elements that has two options.

Switchery is a JavaScript library, that doesn’t require any JS ¬†frameworks, that can convert select boxes into such interfaces.

The style of the switches can be customized easily, they support the “disabled” state and the effect speed can be changed as well.


  • Tags:
  • Filed under: Forms, Gallery, Goodies, MIT License
  • Creating the design and functionality of a form with HTML is the most standard way.

    Alpaca, a form-creation-library that is built with jQuery, aims to change that by separating the data and presentation.

    It transforms a pre-formatted JSON schema into a fully-functional form which can be styled easily with CSS.

    Alpaca - jQuery Forms

    Using that approach, it is possible to reuse the same code on any platform (mobile- tablet, desktop).

    The library is pre-packaged with controls, wizards, layouts, I18N support and pluggable template engines for EJS, Handlerbars and jQuery.tmpl.

    Alpaca’s documentation is worth checking for finding out out its capabilities.

  • Tags:
  • Filed under: Forms, Goodies, Other License
  • Grid Forms is a JavaScript-CSS framework that aims to ease data entry.

    It allows us to create printed-like forms that are perfectly placed on a grid and occupy less space.

    Grid Forms

    The framework comes with ready-to-use styles and they can also be customized with Sass.

    Created forms are responsive and use a simple HTML structure.

    You’ll remember ioDeck, the self-hosted form builder application for creating forms and handling the responses with almost zero effort.

    FormBuilder.js is a client-side (HTML-CSS-JavaScript) resource for creating such form builders.

    It provides the interface that supports inserting input types and re-ordering them with drag ‘n’ drops.


    The form view is generated as a JSON data and¬†FormBuilder.js doesn’t provide the code for “how the rest will be handled (saving the form, keeping the responses, etc.)”.

    Simply, the resource is just the client-side engine that provides the hard-work + its logic.

    CSS Checkbox is a website which provides styles for customizing checkboxes (without any JavaScript).

    There are styles which only have different colors compared to standard checkboxes and more customized ones which uses images too.

    CSS Checkbox

    Also, it is possible to find styles that mimic the usage in well-know websites like Reddit or Google.

    All the styles can be downloaded at once or it is possible to view the code for each item.