45+ jQuery Background Plugins - Free Code + Demos
Collection of 45+ jQuery Background Plugins. All items are 100% free and open-source. The list also includes adaptive jquery background plugins, fullscreen, change color, and video.
1. Adaptive Backgrounds
🦎 A jQuery plugin for extracting the dominant color from images and applying the color to their parent.
Links: Demo, Github Page
Created on: November 16, 2013
2. 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.
Links: Demo, Github Page
Created on: December 17, 2009
3. Vide
No longer actively maintained.
Links: Demo, Github Page
Created on: June 28, 2014
4. Background Check
Automatically switch to a darker or a lighter version of an element depending on the brightness of images behind it.
Links: Demo, Github Page
Created on: September 15, 2013
5. Particle Ground
A jQuery plugin for snazzy background particle systems
Links: Demo, Github Page
Created on: August 17, 2014
6. Vegas
Vegas is a jQuery/Zepto plugin to add beautiful backgrounds and Slideshows to DOM elements.
Links: Demo, Github Page
Created on: April 21, 2011
7. CoverVid
Make your HTML5 video behave like a background cover image with this lightweight Javascript plugin / jQuery extension
Links: Demo, Github Page
Created on: May 2, 2014
8. Background Blur
Ultra light cross browser image blurring plugin for jQuery
Links: Demo, Github Page
Created on: July 3, 2015
9. JQuerymbytplayer
use a custom yutube player for a video as background on jQuery framework
Links: Demo, Github Page
Created on: March 12, 2010
10. Maximage
The first jQuery plugin to use jQuery Cycle plugin as a fullscreen background slideshow.
Links: Github Page, Home Page
Created on: November 16, 2011
11. Parallaxify
parallaxify is a jQuery plugin that adds parallax effects to elements and backgrounds based on gyroscope sensor or mouse input
Links: Demo, Github Page
Created on: June 20, 2013
12. JQuery Ripples Plugin
Add a water ripple effect to your background using WebGL.
Links: Demo, Github Page
Created on: October 15, 2013
13. Waterpipe
waterpipe.js is a jQuery plugin for smoky backgrounds generation (HTML5 Canvas)
Links: Demo, Github Page
Created on: May 11, 2014
14. ColourBrightness.js
A lightweight and easy-to-use jQuery plugin that determines if the background colour of an element is light or dark.
Links: Demo, Github Page
Created on: October 28, 2013
15. JQuery Background Image Scroll
16. Ckline.js
17. Vidbacking
18. Simple IOS Parallax Effect
19. Shared Background
20. Imager
21. Full Clip
22. JQuery-mb-vimeo-player
23. Material Background Generator
24. Photoflip
25. Backflip
26. Vidbg.js
27. JQuery Background Video
28. Crosscover
29. Custom Background
30. Draggable Background
31. Mbbgndgallery
32. Supersized
Full screen background slideshow plugin for jQuery
Links: Source Code / Demo
Created on: December 31, 2010
33. BigVideo.js
The jQuery Plugin for Big Background Video (and Images)
Links: Source Code / Demo
Created on: August 14, 2012
34. Jquery-videobackground
HTML5 video background jQuery plugin
Links: Source Code / Demo
Created on: May 7, 2011
35. Jquery.lazy
A lightweight, fast, feature-rich, powerful and highly configurable delayed content, image and background lazy loading plugin for jQuery & Zepto.
Links: Source Code / Demo
Created on: January 19, 2013
36. Jquery-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.
Links: Source Code / Demo
Created on: December 17, 2009
37. Fullscreen-Background-jQuery-plugin
Fullscreen background is a small jQuery plugin that allows you to create fullscreen background.
Links: Source Code / Demo
Created on: April 25, 2012
38. Jquery-starfield
jQuery Starfield background plugin
Links: Source Code / Demo
Created on: March 9, 2015
39. Wallpaper
A jQuery plugin for smooth-scaling, element-filling backgrounds.
Links: Source Code / Demo
Created on: July 30, 2012
40. Jquery.youtube-background
Simple jQuery plugin for embedding YouTube videos as cover background
Links: Source Code / Demo
Created on: August 8, 2019
41. Noisy
A jQuery plugin that adds random noise to the background of a given element.
Links: Source Code / Demo
Created on: February 25, 2011
More Awesome Lists:
Share: