Launch Demo

    Warning: count(): Parameter must be an array or an object that implements Countable in /home/customer/www/unheap.com/public_html/wp-content/themes/unheapv2/library/functions/template-tags.php on line 47
  • Save
  • 31
  • Vanilla
X

nanobar: Very lightweight progress bars. No jQuery.

Nanobar is a very lightweight progress bar (~699 bytes gzipped). It does not require jQuery. For iE7+ and the rest of the world.

Illustration by akselkreis

X

TextFill: Change font size to fill a container.

This jQuery plugin resizes text to make it fit into a container. The font size gets as big as possible.

  • Vanilla
X

Slinky: Responsive mobile-like menu plugin

A light-weight, responsive, mobile-like menu plugin.

It’s an update to a previously submitted plugin; http://www.unheap.com/navigation/horizontal-tabbed/sliding-menu/

Illustration by akselkreis

  • Vanilla
X

ContentTools: A beautiful & small content editor

ContentTools is a collection of small, flexible, extensible and framework agnostic JavaScript libraries for creating beautiful WYSIWYG editors for HTML content.

The ContentTools WYSIWYG editor can be added to any HTML page in a few simple steps.

Illustration by akselkreis

  • Vanilla
X

Minigrid: Cascading grid layout without pain

Minigrid is a minimal (2kb), zero dependency cascading grid layout plugin. Its responsive and even has the ability to add animations. It’s a great option if your cards are all going to be the same width. If your cards have different width sizes or you need more control I’d recommend Isotope

X

mediaWrapper: Responsive iframe video

iframe videos can be a pain for responsive pages. MediaWrapper is a plugin for wrapping iframes and embedded videos to behave more like images.

Illustration by akselkreis

  • Video
X

SecretNav: Nav menu revealed with 3d effects

SecretNav is a small jQuery push menu plugin that slides out an off-canvas navigation from the edge of the screen while pushing the main content away with a fancy CSS3 powered 3D perspective effect.

The plugin requires jQuery 1.7 or higher, and Modernizr.

SecretMenu Demo

Illustration by minnix

  • Vanilla
X

Luminous: A no-dependencies JavaScript lightbox

Luminous is a simple, lightweight, no-dependencies JavaScript lightbox. Out of the box the styling is very basic, so you will want to style it to your needs. They do provide a basic theme to get you started.

It supports the latest version of Google Chrome and the current and previous major releases of desktop Firefox, Internet Explorer, and Safari on a rolling basis. Mobile support is tested on the most recent minor version of the current and previous major release for the default browser on iOS and Android (e.g., iOS 9.2 and 8.4).

Illustration by minnix

X

scrollSpeed: For custom scrolling speed and easing

scrollSpeed is a lightweight jQuery extension for custom scrolling speed in modern web browsers. Supports vertical or horizontal scrolling direction, including user-defined easing. After setup, reference the scrollSpeed() method and modify the step and speed parameters to create the desired scrolling effect. The step parameter defaults to 100 units, while speed defaults to 800 milliseconds; custom easing is optional.

Illustration by akselkreis

X

AnchorScroll.js: A plugin for smooth scrolling to anchor targets

If you are looking to add a little flair to your anchor scrolling, this plugin can help. AnchorScroll.js is a lightweight, easy-to-use jQuery plugin for smooth scrolling to anchor targets that can also add classes to elements on scroll events. You can add blur effects, bounce effects or even text to let your user know you are scrolling to the right spot.

  • Spotlight
X

TypeIt: jQuery Animated Typing Plugin

TypeIt is a high quality jQuery plugin that types text a given string or strings of text on a page. Its responsive, lightweight and easy to customize.

To get started you can either pass in settings object, use data-typeit-* attributes, or You can define your string by dropping it directly in the HTML element. You can have it play back multiple strings and even set it to delete the previous string before starting a new one for that realistic effect. You can also alter details like speed, and even pacing to make it feel like a person is doing the typing.

  • Vanilla
  • Video
X

Clusterize.js: Display large data sets easily

Large data sets can pollute DOM with used tags. This can cause a scroll lag as you display the data. Cluserize.js elegantly solves this issue with a clever solution that splits your data into clusters and only loads it as you scroll. This gives you a smooth and fast scroll no matter how many rows of data there are.

You can apply Clusterize.js to a table, ordered list, unordered list or a div. They have a very useful sandbox on the demo site.

  • Paid
X

HTML5 Upload Image: Drag and Drop Plugin

HTML5 Upload Image, Ratio with Drag and Drop is a tool to help you upload images, making full use of HTML5 with canvas. The drag and drop feature makes this an ideal, and easy, solution for use in a content management system.

Key features include:

  • Use canvas to crop images (no server scripts needed)
  • Full HTML5 support
  • Touch support so everything works great on tablet and mobile devices
  • Responsive design
  • Save images with AJAX or use the traditional FORM input file element
  • Uses ratios to fit screens or elements
  • Easy to use
  • Additional options to configure
  • Works with Bootstrap 3.1
  • Works with jQuery 1.9

HTML5 Upload Image is a premium tool and is available from the Envato Market for $11, which includes quality checks, future updates and 6 months of support.

X

jQuery Lightgallery: Lightbox Gallery Plugin

jQuery Lightgallery is a customizable, modular lightbox gallery plugin. The fully responsive tool helps you make the most of images for almost any type of website design.

The key features of jQuery light gallery include responsive design, touch and drag navigation, animated thumbnail options, plenty of customization options and support for video from YouTube and Vimeo. The tool is also designed as modules – thumbnail, full screen, zoom, etc – to make it easy for you to create exactly what you want. Plus, you can add your own modules and detach elements that you don’t need.

The plugin also comes with more than 20 animations built in, and each one uses CSS3 transitions for super-fast performance. Finally, the tool includes a dynamic mode that can be instantiated and launched programmatically by setting dynamic option to true and populating dynamicEl option by passing array of objects representing the gallery elements.

jQuery Lightgallery is available on GitHub and you can find plenty of examples of its usage in the detailed documentation.