Plugins

An overview of Jumpstart’s extended Javascript functionality.
Click here to see full documentation.

Countdowns

Count down to a specified date and time in the future.

Simple Example

Simple Example – Elapsed

Detailed Example

This is the fallback for when the countdown is elapsed

Detailed Example – Elapsed

This is the fallback for when the countdown is elapsed

Counters

Animated counting up or down to a specified value.

Average Rating

Support

Downloads

Uptime

Average Rating

Downloads

Paid out this year

Active Accounts

Support Tickets Closed

Date Pickers

Turn a text input into a beautiful, flexible date picker.

Google Maps

Richly featured maps implementation. Easy to customize and style.

Basic Example Using Address

Info windows in Jumpstart

We've made info windows easy in Jumpstart, so you can use any HTML in this infowindow on your map.

Address

443 Park Avenue South, Kips Bay New York City

... More Info

Styled Map

Info windows in Jumpstart

We've made info windows easy in Jumpstart, so you can use any HTML in this infowindow on your map.

Address

443 Park Avenue South, Kips Bay New York City

... More Info

[ { "featureType": "administrative", "elementType": "labels.text.fill", "stylers": [ { "color": "#444444" } ] }, { "featureType": "landscape", "elementType": "all", "stylers": [ { "color": "#f2f2f2" } ] }, { "featureType": "poi", "elementType": "all", "stylers": [ { "visibility": "off" } ] }, { "featureType": "road", "elementType": "all", "stylers": [ { "saturation": -100 }, { "lightness": 45 } ] }, { "featureType": "road.highway", "elementType": "all", "stylers": [ { "visibility": "simplified" } ] }, { "featureType": "road.arterial", "elementType": "labels.icon", "stylers": [ { "visibility": "off" } ] }, { "featureType": "transit", "elementType": "all", "stylers": [ { "visibility": "off" } ] }, { "featureType": "water", "elementType": "all", "stylers": [ { "color": "#f88e88" }, { "visibility": "on" } ] } ]

Styled Map

Info windows in Jumpstart

We've made info windows easy in Jumpstart, so you can use any HTML in this infowindow on your map.

Address

443 Park Avenue South, Kips Bay New York City

... More Info

Info windows in Jumpstart

We've made info windows easy in Jumpstart, so you can use any HTML in this infowindow on your map.

Address

443 Park Avenue South, Kips Bay New York City

... More Info

Info windows in Jumpstart

We've made info windows easy in Jumpstart, so you can use any HTML in this infowindow on your map.

Address

443 Park Avenue South, Kips Bay New York City

... More Info

[ { "featureType": "all", "elementType": "geometry.fill", "stylers": [ { "weight": "2.00" } ] }, { "featureType": "all", "elementType": "geometry.stroke", "stylers": [ { "color": "#9c9c9c" } ] }, { "featureType": "all", "elementType": "labels.text", "stylers": [ { "visibility": "on" } ] }, { "featureType": "administrative.land_parcel", "elementType": "geometry.fill", "stylers": [ { "visibility": "on" }, { "color": "#372305" }, { "saturation": "-25" } ] }, { "featureType": "landscape", "elementType": "all", "stylers": [ { "color": "#f2f2f2" } ] }, { "featureType": "landscape", "elementType": "geometry.fill", "stylers": [ { "color": "#ffffff" } ] }, { "featureType": "landscape.man_made", "elementType": "geometry.fill", "stylers": [ { "color": "#ffffff" } ] }, { "featureType": "poi", "elementType": "all", "stylers": [ { "visibility": "off" } ] }, { "featureType": "road", "elementType": "all", "stylers": [ { "saturation": -100 }, { "lightness": 45 } ] }, { "featureType": "road", "elementType": "geometry.fill", "stylers": [ { "color": "#eeeeee" } ] }, { "featureType": "road", "elementType": "labels.text.fill", "stylers": [ { "color": "#7b7b7b" } ] }, { "featureType": "road", "elementType": "labels.text.stroke", "stylers": [ { "color": "#ffffff" } ] }, { "featureType": "road.highway", "elementType": "all", "stylers": [ { "visibility": "simplified" } ] }, { "featureType": "road.arterial", "elementType": "labels.icon", "stylers": [ { "visibility": "off" } ] }, { "featureType": "transit", "elementType": "all", "stylers": [ { "visibility": "off" } ] }, { "featureType": "water", "elementType": "all", "stylers": [ { "color": "#46bcec" }, { "visibility": "on" } ] }, { "featureType": "water", "elementType": "geometry.fill", "stylers": [ { "color": "#c8d7d4" } ] }, { "featureType": "water", "elementType": "labels.text.fill", "stylers": [ { "color": "#070707" } ] }, { "featureType": "water", "elementType": "labels.text.stroke", "stylers": [ { "color": "#ffffff" } ] } ]

Masonry Layout

Lay out and filter a collection of elements in masonry style. Powered by Metafizzy’s Isotope plugin.

Basic Masonry

Filterable Masonry

Modals

Use Bootstrap’s JavaScript modal plugin to add dialogs to your site for lightboxes, user notifications, or completely custom content.

Parallax

Animate elements with the scrolling of the page. Please note, the parallax stars are for demonstration purposes only.

Parallax Background Image

Parallax Elements

Range Sliders

Turn a text input into a highly customizable range slider. Please note these are created via HTML and are developers only

Basic Slider

Complex Pricing Slider

3 Users

$ 120

Total charge per month