Best jQuery Layout Plugins & Tutorials with Demo

FinderJS is a small UI component that allows you to browse tree-like data in columns, similar to the file manager in OS X.

• Data source: Array or Function (useful for asynchronous operations, e.g. calling an API).
• Stlying: Use any CSS/framework of choice, or feel free to use the example CSS (which leverages Flexbox). You can also define how items are rendered and change default classnames.
• Keyboard navigation: use arrows keys to navigate.
• Events: several events are emitted to allow for custom behavior.
• Module formats: Provided as an npm module (CommonJS), a jQuery plugin, and exported as the global finder.

Stacky makes it easy to create UIs with panels that open horizontally using jQuery.

Panels can be opened, closed, expanded and collapsed. A panel can be opened either next to a given panel or a the end, in regular mode (pushed next to a panel) or in floating mode (absolute position). Additionally, the open and close events can optionally call functions to, for instance, set or retrieve data to/from panels.

A small jquery plugin will ensure that you don’t have ’empty boxes’ in gallery views. It works well on text and image galleries.This javascript code stretches the primary element (the recently added item) to occupy multiple columns thereby keeping the items in alignment.