jQuery Plugins

Motif features JavaScript plugins that depend on the jQuery framework — jQuery plugins, if you will. You’ll want to make sure that one way or another, jQuery v1.11.0 is included in your site to take advantage of the plugins. From core, infinitely configurable plugins to more specific use-case plugins built on top of them, these plugins are built with the intent of progressively enhancing a visitor’s web experience.

Note: All Motif jQuery Plugins require /utils/motif.utils.plugins.js for initialization.


Location: /forms/


Version: 1.0.0

Location: /forms/motif.gauntlet.js

A form validation plugin that depends on HTML5 syntax.

Full Gauntlet Documentation


Version: 0.3.0

Location: /forms/motif.conditioner.js

Conditionally enable and disable form elements.

Full Conditioner Documentation


Version: 0.1.0

Location: /forms/motif.checked.js

A script to mimic the :checked state of an input with class.

Full Checked Documentation


Version: 0.1.0

Location: /forms/motif.labelless.js

Simple script to help us determine if the field is empty or filled. This script accompanies the .labelless CSS.

Full Labelless Documentation

Ajax Submission

Version: 0.2.0

Location: /forms/motif.ajax-submission.js

A simple plugin to aid in Ajax form submission, with callback messages and form reseting. (Requires Gauntlet.)

Documentation coming soon!


Location: /ui/


Version: 2.3.0

Location: /ui/motif.reveal.js

Show and hide things with class(es).

Full Reveal Documentation


Version: 0.2.0

Location: /ui/motif.tabs.js

Basic tabs built on Reveal.

Full Tabs Documentation


Version: 0.1.3

Location: /ui/motif.modal.js

Basic modal built on Reveal.

Full Modal Documentation


Location: /scroll/


Version: 0.3.5

Location: /scroll/motif.herald.js

Fire off events depending on scroll position.

Full Herald Documentation


Version: 0.1.1

Location: /scroll/motif.sidekick.js

A basic sticky sidebar. (Requires Herald.)

Full Sidekick Documentation

Scroll Patrol

Version: 0.1.1

Location: /scroll/motif.scroll-patrol.js

A basic navigation scroll “spy”. (Requires Herald.)

Full Scroll Patrol Documentation

Lazy Social

Version: 0.1.0

Location: /scroll/motif.lazy-social.js

Lazy loading social like/follow buttons on scroll. (Requires Herald.)

Full Lazy Social Documentation


Location: /images/

Background Size

Version: 0.2.1

Location: /images/motif.background-size.js

Mimics the background-size: cover CSS property. Great for IE8 fallbacks.

Full Background Size Documentation


Location: /utils/

Load Script

Version: 1.0.0

Location: /utils/motif.utils.load-script.js

Slightly modified version of https://gist.github.com/niftylettuce/3620903. (Does not require jQuery.)

Plugin Utilities

Version: 0.2.0

Location: /utils/motif.utils.plugins.js

Not a plugin in itself, but a set of tool for initializing plugins safely.

Documentation coming soon!