Collection
Post cover

Best 17 jQuery Backgrounds

Collection of free jQuery background examples and plugins: adaptive, fullscreen, change color, video and other.

Post cover

Responsive Animated Triangles Background

Author: Donovan

Links: demo and code

Made with: HTML / CSS / JS

The background can be adapted to screen size.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Post cover

jquery.youtube-background

Another 100 liner in a form of a jQuery plugin created to facilitate YouTube embeds as a cover background using YouTube Embed API.

Simple script for embedding YouTube, Vimeo and HTML5 videos as cover background

Author: stamat ( Nikola Stamatovic)

Links: GitHub, Website

Made with: JavaScript (93.6%), HTML (6.4%)

GitHub Activity:

⭐ Stars 👀️ Watchers 📎️ Forks
127 5 42
Post cover

Adaptive Backgrounds

A simple jQuery plugin to extract the dominant color of an image and apply it to the background of its parent element.

Author: Brian Gonzalez

Links: GitHub, Website

Made with: JavaScript (95.6%), CSS (4.1%), HTML (0.3%)

GitHub Activity:

⭐ Stars 👀️ Watchers 📎️ Forks
6.6k 200 482
Post cover

Backstretch

Backstretch is a simple jQuery plugin that allows you to add a dynamically-resized, slideshow-capable background image to any page or element. The image will stretch to fit the page/element, and will automatically resize as the window/element size changes.

Author: jquery-backstretch (Scott Robbin)

Links: GitHub, Website

Made with: JavaScript (96.1%), CSS (3.1%), HTML (0.8%)

GitHub Activity:

⭐ Stars 👀️ Watchers 📎️ Forks
4k 163 940
Post cover

Vide

Easy as hell jQuery plugin for video backgrounds.

Author: vodkabears (Ilya Caulfield)

Links: GitHub, Website

Made with: JavaScript (93.8%), HTML (6.2%)

GitHub Activity:

⭐ Stars 👀️ Watchers 📎️ Forks
3.3k 106 547
Post cover

BackgroundCheck

Automatically switch to a darker or a lighter version of an element depending on the brightness of images behind it.

Author: Kenneth Cachia

Links: GitHub, Website

Made with: JavaScript (86.7%), CSS (13.3%)

GitHub Activity:

⭐ Stars 👀️ Watchers 📎️ Forks
3.3k 83 299
Post cover

BigVideo.js

The jQuery Plugin for Big Background Video (and Images)

Author: John Polacek

Links: GitHub, Website

Made with: JavaScript (87.8%), CSS (12.2%)

GitHub Activity:

⭐ Stars 👀️ Watchers 📎️ Forks
2.3k 139 447
Post cover

Particleground

A JavaScript (jQuery) plugin for snazzy background particle systems. Includes an optional parallax effect controlled by the mouse on desktop devices and gyroscope on mobile devices. Works in any browser that supports HTML5 canvas.

Author: jnicol (Jonathan Nicol)

Links: GitHub

Made with: JavaScript (100.0%)

GitHub Activity:

⭐ Stars 👀️ Watchers 📎️ Forks
2.2k 84 528
Post cover

Vegas – Backgrounds and Slideshows

Vegas is a jQuery/Zepto plugin to add beautiful backgrounds and slideshows to DOM elements.

Author: Jay Salvat

Links: GitHub, Website

Made with: JavaScript (73.4%), Sass (26.6%)

GitHub Activity:

⭐ Stars 👀️ Watchers 📎️ Forks
1.8k 82 467
Post cover

CoverVid

Make your HTML5 video behave like a background cover image with this lightweight Javascript plugin / jQuery extension

Author: Stefan Erickson

Links: GitHub, Website

Made with: JavaScript (39.7%), HTML (35.1%), CSS (24.9%), ApacheConf (0.3%)

GitHub Activity:

⭐ Stars 👀️ Watchers 📎️ Forks
1.1k 28 193
Post cover

Background Blur Plugin

Background Blur plugin is a cross browser and ultra light jQuery plugin for blurring images.

Author: msurguy (Maksim Surguy)

Links: GitHub, Website

Made with: HTML (52.4%), JavaScript (47.6%)

GitHub Activity:

⭐ Stars 👀️ Watchers 📎️ Forks
977 37 139
Post cover

jquery.mb.YTPlayer

An open source jQuery component to easily build your custom Youtube player or to use a Youtube video as background for your page.

Author: pupunzi (Matteo Bicocchi)

Links: GitHub, Website

Made with: JavaScript (88.1%), CSS (11.9%)

GitHub Activity:

⭐ Stars 👀️ Watchers 📎️ Forks
1.2k 69 445
Post cover

MaxImage2

MaxImage2 is a fullscreen background slideshow plugin that uses jQuery Cycle plugin for it's slideshow functionality.

Author: akv2 (Aaron Vanderzwan)

Links: GitHub, Website

Made with: JavaScript (59.9%), CSS (29.6%), PHP (6.5%), HTML (4.0%)

GitHub Activity:

⭐ Stars 👀️ Watchers 📎️ Forks
412 33 225
Post cover

Parallaxify

Parallaxify is a jQuery plugin that adds parallax effects to elements and backgrounds based on gyroscope sensor or mouse input

Author: hwthorn (Felix Pflaum)

Links: GitHub

Made with: JavaScript (100.0%)

GitHub Activity:

⭐ Stars 👀️ Watchers 📎️ Forks
356 21 85
Post cover

jQuery Ripples Plugin

Add a water ripple effect to your background using WebGL.

Author: sirxemic (Pim Schreurs)

Links: GitHub, Website

Made with: JavaScript (100.0%)

GitHub Activity:

⭐ Stars 👀️ Watchers 📎️ Forks
961 47 395
Post cover

Waterpipe.js

waterpipe.js is a jQuery plugin for smoky backgrounds generation (HTML5 Canvas)

Author: dragdropsite

Links: GitHub, Website

Made with: JavaScript (66.4%), CSS (26.0%), HTML (7.6%)

GitHub Activity:

⭐ Stars 👀️ Watchers 📎️ Forks
414 22 168
Post cover

ColourBrightness.js

A lightweight and easy-to-use jQuery plugin that determines if the background colour of an element is light or dark.

Author: Jamie Brittain

Links: GitHub

Made with: JavaScript (100.0%)

GitHub Activity:

⭐ Stars 👀️ Watchers 📎️ Forks
163 9 29

Did you like the post? Share it with your friends!

Follow us on social networks

Feedback