• Vanilla
X

Snazzy Info Window: Customizable info windows using the Google Maps JavaScript API

Snazzy Info Window is a plugin for customizable info windows using the Google Maps JavaScript API. This plugin was built to allow for easier styling of info windows using the Google Maps JavaScript API. It supports dynamic content, responsive sizing, and custom styling using SCSS. You can also have it show up above, below, right or left of the marker. If you are building custom maps for your site, this plugin is a must.

  • Vanilla
X

Progressively: Load images progressively with pure javascript.

Looking for a way to asynchronously load images when users browse to the page without jQuery?

Progressively is a javascript library for loading images progressively. It’s written entirely in JavaScript so it doesn’t depend on 3rd-party libraries like jQuery. It’s super small, < 1.2kB when minified & gzipped! It will load images on when user browse to the page, saving bandwidth & server requests. It is compatible with all modern browsers.

  • Vanilla
X

Gridder: A thumbnail grid with expanding preview

A jQuery plugin that displays a thumbnail grid expanding preview similar to the effect seen on Google Images.

Why was this plugin built?

We have all searched images on Google, so you probably noticed the interesting expanding preview when you click on a thumbnail. It’s a very nice effect and practical, allowing you quickly see more details without having to reload a new page. This plugin allows you to recreate a similar effect on a thumbnail grid. The idea is to open a preview when clicking on a thumbnail and to show a larger image and some other content like a title, a description and a link.

  • Vanilla
X

MediumLightbox: Zooming functionality for images

Nice and elegant way to add zooming functionality for images, inspired by medium.com

This plugin reproduce exactly the same code that use Medium to add the smooth transition effect clicking over the images, with some improvement.

Key features

Written in pure javascript for better performance, lightweight and simple.

 

Illustration by akselkreis

  • 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

  • Vanilla
X

bLazy: Lightweight Lazy Loading Plugin

bLazy is a lightweight lazy loading, multi-serving image script. It’s written in JavaScript and doesn’t have any dependencies for third party libraries like jQuery.

The goal of bLazy is to help save bandwidth and server requests to your site to everything loads that much faster. (As an added bonus it saves data usage for mobile users as well.)

The loader has a sleek look and can work with almost any style of website design. The code is fairly easy to understand and install.

Here are a few reasons why you should try it:

  • bLazy is used on big sites with millions of monthly visitors so it has been tested plenty.
  • bLazy is written in pure JavaScript and doesn’t depend on third-party libraries such as jQuery.
  • bLazy can lazy load all types of images, including background images.
  • bLazy can lazy load images depending on screen size (multi-serve images).
  • bLazy can serve retina images on retina devices.
  • bLazy is lightweight, less than 1.2KB and less than 1.05KB (if you don’t need IE7- support).
  • bLazy is AMD, CommonJS and Browser global compatible.

This tool works on all modern browsers and is a great way to better serve images to your users.

  • Vanilla
X

PhotoSwipe: Image Gallery Plugin for Mobile and Desktop Devices

PhotoSwipe is an image gallery plugin for mobile and desktop devices with a modular, independent framework.

The plugin comes with some nifty features including support of touch gestures, a browser history API that allows users to link to each gallery item with a unique URL to use the back button and loads and displays images quickly.

What PhotoSwipe does is solve some of your common photo issues all in one package. The plugin preserves detail in responsive images so that gallery photos look great anywhere on any device, it does not slow down page load times and it saves user bandwidth because images load progressively.

PhotoSwipe is made to work well on mobile devices — as implied by the name — and supports multiple touch gestures. You can use the basic gestures that are part of the plugin or assign your own actions. The include actions are spread to zoom, pinch to close, vertical swipe to close and horizontal swipe to switch items. (As a bonus, these same actions are emulated on desktop computers as well with wheel and trackpad actions.)

The plugin works on all modern browsers and is fairly light. Plus this is a photo plugin that does not force additional HTML markup in the gallery; you have complete control and images will remain crawlable to search engines using your meta data.

 

  • Vanilla
X

Chartist: Simple Responsive Charts

Have you ever needed a great chart for your website design but did not know where to start? Chartist is a plugin that helps you create simple responsive charts for almost any design project.

This set of charts includes bar graphs, line charts, pie charts, circular charts, dot graphs, scatter plots, donut graphs and plenty of cool animations to bring your data to life. Every chart is designed so that you can customize it with your information.

And editing is a breeze. The CSS editor is easy to understand and compatible with almost any data.

Chartist is different from some of the other tools out there in that it is super easy to configure because it uses the convention method, it includes great flexibility in style, images are SVG based and it it built with Sass. Chart configuration behavior is based on media queries so that every chart renders perfectly every time. Plus, every element in Chartist is responsive.

You don’t have to worry about compatibility issues with this plugin either. It works will all major browsers. Chartist is waiting for you to download and test it out. The file is light (only 10kb) and has no dependencies. This might just be the charting tool you have been looking for.