Get our posts emailed to you with our monthly newsletter, subscribe here.

A few weeks back we featured a post showcasing websites utilising full screen sliders, its a pretty cool trend doing the rounds right now so I thought I would provide you with some resources to create the effect on your site. The resources I have included will allow you to replicate the full-screen or full width slideshow effect and most of the resources are written with jQuery, HTML5 and CSS3.

Superslides

Superslides

A fullscreen, hardware accelerated slider for jQuery.

WunderSlider

WunderSlider

Responsive Embedded & Fullscreen jQuery Slider.

Recreating The Square Slider

Recreating The Square Slider

Gilbert Pellegrom recreates the homepage slider on Squareup using jQuery and CSS3.

Fullscreen Slider With jQuery And CSS3

Fullscreen Slider With jQuery And CSS3

A tutorial on how to create a fullscreen slideshow with a twist.

BackSlider

BackSlider

This plugin can be used as site background changer or fullscreen image slider.

ScreenSlider

ScreenSlider

ScreenSlider is a fullscreen slider which allows you customize effects for all parts with responsive design, support touch to move slides.

FSSlider

FSSlider

Responsive Fullscreen Slider with unique transition effects.

Fullscreen Image And Content Slider

Fullscreen Image And Content Slider

Supersized

Supersized

Supersized is a fullscreen background slideshow built using the jQuery library.

BackSlider

BackSlider

This plugin can be used as site background changer or fullscreen image slider.

Posted by David Martin

David Martin is a WordPress developer & entrepreneur from the UK. He owns DesignWoop, CardDsgn and WhoDesignToday. Catch up with David on Twitter.

3 Comments

  1. Inspirational stuff! I like the FSS slider

  2. Right on time and on to the right place as I am in search for this for my upcoming project

    1. Perfect Mars, post a link to the finished project when complete :)

Comments are closed.