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.

View Documentation
Simple Example

Simple Example - Elapsed

Detailed Example
Days
Hours
Minutes
Seconds
Detailed Example - Elapsed
Days
Hours
Minutes
Seconds
This timer has elapsed.

Counters

Animated counting up or down to a specified value.

View Documentation

Average Rating

Support

Downloads

Uptime

Average Rating

Loyal followers

Paid out this year

Active Accounts

Support Tickets Closed

Date Pickers

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

View Documentation
Single Date
Date Range
Date and Time
Date range with icon
Door Icon

Google Maps

Richly featured maps implementation. Easy to customize and style.

View Documentation
Basic Example Using Address
Info windows in Jumpstart
Jumpstart Logo

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
Jumpstart Logo

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, Multiple Markers, Zoom Controls
Info windows in Jumpstart
Jumpstart Logo

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

Address
15 Warren Street, New York City
... More Info
Info windows in Jumpstart
Jumpstart Logo

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

Address
147 West 66th Street New York City
... More Info
Info windows in Jumpstart
Jumpstart Logo

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

Address
379 3rd Avenue, 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.

View Documentation
Basic Masonry
Filterable Masonry
thunder-move-icon
thunder-move-icon
thunder-move-icon

Modals

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

View Documentation
Styled Modals

Parallax

Animate elements with the scrolling of the page.

View Documentation
Parallax Background Image
Image
Parallax Elements
Star Icon
Star Icon
Star Icon
Star Icon
Star Icon
Star Icon
Floating Images
Floating Image
Floating Image

Range Sliders

Turn a text input into a highly customizable range slider.

View Documentation
Basic Slider
Complex Pricing Slider
3 Users
$ 120
Total charge per month
Range Slider

Scroll Animations

Animate items into view as they enter the viewport.

View Documentation
 icon=
Fade Up
Arya tincidunt imp aliquet risus.
 icon=
Fade Left
Dui ut ornare lectus sit amet placerat.
 icon=
Fade Right
Urna imp volutpat lacus libero imp faucibus.
 icon=
Flip Left
Lectus sit amet est placerat.
 icon=
Flip Right
Sed arcu Jon odio Oberyn lacinia at quis.
 icon=
Zoom Out
Lectus sit amet est placerat.

Sliders

Responsive sliders with touch-aware controls. Powered by Metafizzy's Flickity plugin.

View Documentation

Twitter Feeds

Pull in a feed of tweets from any Twitter account. Powered by the Twitterfetcher plugin.

View Documentation
Basic Twitter Cards
Twitter

Twitter Slider

Typed Text

A text effect to simulate typing keystrokes. Powered by Typed plugin.

View Documentation
Typing With Cursor
Fade Out

Video Backgrounds

Youtube, Vimeo and locally hosted fullscreen video backgrounds powered by the Jarallax plugin.

View Documentation
Vimeo Video Background
Vimeo Video Background
Youtube Video Background
Youtube Video Background
Self-Hosted Video Background
Self-Hosted Video Background

Video Lightbox

Link to a lightbox containing Youtube, Vimeo and locally hosted videos. Powered by Fancyapps' Fancybox plugin.

View Documentation
Vimeo Player in Lightbox
Media Play Icon
Youtube Player in Lightbox
Media Play Icon
Video Cover to Lightbox

Video Players

Youtube, Vimeo and locally hosted videos in a versatile, seamless interface. Powered by the Plyr plugin.

View Documentation
Youtube / Vimeo Player
Self-Hosted Player
Open Sidebar Open Sidebar
Plugins
Icon