A library designed for web applications.

This is a front end library designed to assist in the development of web applications. This library focuses almost entirely on forms, because the most useful (& often the most neglected) parts of the internet are forms-based data entry.

Developers should find the components useful in improving the design & usability of their projects.

In each of the components, check for:

  1. Responsive design,
  2. Maximized click areas on table headers, checkboxes and other buttons,
  3. Minimalist code (to promote maintainability & conversion rates),
  4. Naming conventions based on Bootstrap and SMACSS,
  5. Cross browser support from IE9 forward.

At the bottom of each page, you will find a Codepen which you can easily open and edit, to see how each component works. You may freely use code from these examples.

Dependencies

This site assumed basic familiarity with CSS, HTML, & jQuery. Make sure to include the files you need before you begin.

B
Get Bootstrap.

Bootstrap is optional. Choose either v3 or v4 JS if you want to use their tabs, modals and dropdowns. Elsewise it's not required.
Get the icons.

This library uses the Material Icons font extensively, because these icons designed by Google are highly relevant in application design.
{j} Get jQuery.

Many of the components rely on jQuery. To add it to your page, generally prefer the Google CDN, because the file is often cached already.