Square Theme
Content slider drag and freedrag

Content slider mouse and touch drag and freedrag examples.

Autoplay

Automaticaly move to next slide after some time.

Slide title 1

Some quick example text to build on the slide title and make up the bulk of the slide content.

Slide title 2

Some quick example text to build on the slide title and make up the bulk of the slide content.

Slide title 3

Some quick example text to build on the slide title and make up the bulk of the slide content.

Slide title 4

Some quick example text to build on the slide title and make up the bulk of the slide content.

Slide title 5

Some quick example text to build on the slide title and make up the bulk of the slide content.

Autoplay speed

Set custom autoplay speed, for example 2 seconds (2000ms).

Slide title 1

Some quick example text to build on the slide title and make up the bulk of the slide content.

Slide title 2

Some quick example text to build on the slide title and make up the bulk of the slide content.

Slide title 3

Some quick example text to build on the slide title and make up the bulk of the slide content.

Slide title 4

Some quick example text to build on the slide title and make up the bulk of the slide content.

Slide title 5

Some quick example text to build on the slide title and make up the bulk of the slide content.

Free play

Slide title 1

Some quick example text to build on the slide title and make up the bulk of the slide content.

Slide title 2

Some quick example text to build on the slide title and make up the bulk of the slide content.

Slide title 3

Some quick example text to build on the slide title and make up the bulk of the slide content.

Slide title 4

Some quick example text to build on the slide title and make up the bulk of the slide content.

Slide title 5

Some quick example text to build on the slide title and make up the bulk of the slide content.

Slowly move throught all slides.

Slide title 1

Some quick example text to build on the slide title and make up the bulk of the slide content.

Slide title 2

Some quick example text to build on the slide title and make up the bulk of the slide content.

Slide title 3

Some quick example text to build on the slide title and make up the bulk of the slide content.

Slide title 4

Some quick example text to build on the slide title and make up the bulk of the slide content.

Slide title 5

Some quick example text to build on the slide title and make up the bulk of the slide content.

Move throught slides applying current slide styles.

Start delay

Set extra time to wait before start playing.
* You might require to reload page to check it out.

Slide title 1

Some quick example text to build on the slide title and make up the bulk of the slide content.

Slide title 2

Some quick example text to build on the slide title and make up the bulk of the slide content.

Slide title 3

Some quick example text to build on the slide title and make up the bulk of the slide content.

Slide title 4

Some quick example text to build on the slide title and make up the bulk of the slide content.

Slide title 5

Some quick example text to build on the slide title and make up the bulk of the slide content.

Autoplay. Wait extra 10000ms (10 seconds) and than start autoplay.

Slide title 1

Some quick example text to build on the slide title and make up the bulk of the slide content.

Slide title 2

Some quick example text to build on the slide title and make up the bulk of the slide content.

Slide title 3

Some quick example text to build on the slide title and make up the bulk of the slide content.

Slide title 4

Some quick example text to build on the slide title and make up the bulk of the slide content.

Slide title 5

Some quick example text to build on the slide title and make up the bulk of the slide content.

Freeplay. Wait 5000ms (5 seconds) and than stat freeplay.

Reverse play

Play in reverse direction.

Slide title 1

Some quick example text to build on the slide title and make up the bulk of the slide content.

Slide title 2

Some quick example text to build on the slide title and make up the bulk of the slide content.

Slide title 3

Some quick example text to build on the slide title and make up the bulk of the slide content.

Slide title 4

Some quick example text to build on the slide title and make up the bulk of the slide content.

Slide title 5

Some quick example text to build on the slide title and make up the bulk of the slide content.

Autoplay.

Slide title 1

Some quick example text to build on the slide title and make up the bulk of the slide content.

Slide title 2

Some quick example text to build on the slide title and make up the bulk of the slide content.

Slide title 3

Some quick example text to build on the slide title and make up the bulk of the slide content.

Slide title 4

Some quick example text to build on the slide title and make up the bulk of the slide content.

Slide title 5

Some quick example text to build on the slide title and make up the bulk of the slide content.

Freeplay.

Release delay

Set delay to continue autoplay or freeplay, after moving mouse out of slider. For example 1s (1000ms).

Slide title 1

Some quick example text to build on the slide title and make up the bulk of the slide content.

Slide title 2

Some quick example text to build on the slide title and make up the bulk of the slide content.

Slide title 3

Some quick example text to build on the slide title and make up the bulk of the slide content.

Slide title 4

Some quick example text to build on the slide title and make up the bulk of the slide content.

Slide title 5

Some quick example text to build on the slide title and make up the bulk of the slide content.

Autoplay.

Slide title 1

Some quick example text to build on the slide title and make up the bulk of the slide content.

Slide title 2

Some quick example text to build on the slide title and make up the bulk of the slide content.

Slide title 3

Some quick example text to build on the slide title and make up the bulk of the slide content.

Slide title 4

Some quick example text to build on the slide title and make up the bulk of the slide content.

Slide title 5

Some quick example text to build on the slide title and make up the bulk of the slide content.

Freeplay.

Release on inactive

Force to continue autoplay or freeplay when user is inactive, even if was paused on hover. To check it: move mouse over slider so it will pause playing, than stop moving mouse and wait 5 seconds - slider will continue playing, if you move mouse again - it will pause playing. Slider is set to release on inactive by default, but it can be disabled.

Slide title 1

Some quick example text to build on the slide title and make up the bulk of the slide content.

Slide title 2

Some quick example text to build on the slide title and make up the bulk of the slide content.

Slide title 3

Some quick example text to build on the slide title and make up the bulk of the slide content.

Slide title 4

Some quick example text to build on the slide title and make up the bulk of the slide content.

Slide title 5

Some quick example text to build on the slide title and make up the bulk of the slide content.

Autoplay.

Slide title 1

Some quick example text to build on the slide title and make up the bulk of the slide content.

Slide title 2

Some quick example text to build on the slide title and make up the bulk of the slide content.

Slide title 3

Some quick example text to build on the slide title and make up the bulk of the slide content.

Slide title 4

Some quick example text to build on the slide title and make up the bulk of the slide content.

Slide title 5

Some quick example text to build on the slide title and make up the bulk of the slide content.

Freeplay.

Don't pause on hover.

Don't pause autoplay when you move mouse over slider or navigation.

Slide title 1

Some quick example text to build on the slide title and make up the bulk of the slide content.

Slide title 2

Some quick example text to build on the slide title and make up the bulk of the slide content.

Slide title 3

Some quick example text to build on the slide title and make up the bulk of the slide content.

Slide title 4

Some quick example text to build on the slide title and make up the bulk of the slide content.

Slide title 5

Some quick example text to build on the slide title and make up the bulk of the slide content.

Autoplay.

Slide title 1

Some quick example text to build on the slide title and make up the bulk of the slide content.

Slide title 2

Some quick example text to build on the slide title and make up the bulk of the slide content.

Slide title 3

Some quick example text to build on the slide title and make up the bulk of the slide content.

Slide title 4

Some quick example text to build on the slide title and make up the bulk of the slide content.

Slide title 5

Some quick example text to build on the slide title and make up the bulk of the slide content.

Freeplay.

Rewind play

Go backwards when the boundary has reached. Rewind play option can be set separately from slider rewind. It's also possible to set extra rewind delay for free play.

Slide title 1

Some quick example text to build on the slide title and make up the bulk of the slide content.

Slide title 2

Some quick example text to build on the slide title and make up the bulk of the slide content.

Slide title 3

Some quick example text to build on the slide title and make up the bulk of the slide content.

Slide title 4

Some quick example text to build on the slide title and make up the bulk of the slide content.

Slide title 5

Some quick example text to build on the slide title and make up the bulk of the slide content.

Autoplay.

Slide title 1

Some quick example text to build on the slide title and make up the bulk of the slide content.

Slide title 2

Some quick example text to build on the slide title and make up the bulk of the slide content.

Slide title 3

Some quick example text to build on the slide title and make up the bulk of the slide content.

Slide title 4

Some quick example text to build on the slide title and make up the bulk of the slide content.

Slide title 5

Some quick example text to build on the slide title and make up the bulk of the slide content.

Freeplay.

Rewind delay

Can be used with rewind options to make slider, when the boundary has reached, wait specified time before going backwards.

Slide title 1

Some quick example text to build on the slide title and make up the bulk of the slide content.

Slide title 2

Some quick example text to build on the slide title and make up the bulk of the slide content.

Slide title 3

Some quick example text to build on the slide title and make up the bulk of the slide content.

Slide title 4

Some quick example text to build on the slide title and make up the bulk of the slide content.

Slide title 5

Some quick example text to build on the slide title and make up the bulk of the slide content.

Autoplay. Wait 10000ms (10 seconds) and than rewind.

Slide title 1

Some quick example text to build on the slide title and make up the bulk of the slide content.

Slide title 2

Some quick example text to build on the slide title and make up the bulk of the slide content.

Slide title 3

Some quick example text to build on the slide title and make up the bulk of the slide content.

Slide title 4

Some quick example text to build on the slide title and make up the bulk of the slide content.

Slide title 5

Some quick example text to build on the slide title and make up the bulk of the slide content.

Freeplay. Wait 5000ms (5 seconds) and than rewind.

Adaptive height

Adaptive height can be used with freeplay

Text sliding

Praesent eget porttitor augue, ac tristique nulla. Morbi consequat dictum efficitur. Curabitur vitae erat quam. Integer dapibus quam non congue efficitur. Pellentesque quis tortor at neque lobortis auctor. Aenean facilisis dolor non venenatis finibus. Mauris hendrerit enim non elit elementum, non molestie risus efficitur.

Some title text

Sed ut leo pellentesque, fringilla purus sed, tempus est. Nullam eget vehicula diam. Praesent convallis aliquet sapien, bibendum auctor ipsum viverra eu. Duis quis felis non augue aliquam elementum dignissim ut augue. Curabitur in dui vitae quam aliquam dapibus. Fusce a velit lobortis, aliquam massa vel, porttitor velit.

Another title

Sed ut leo pellentesque, fringilla purus sed, tempus est. Nullam eget vehicula diam. Praesent convallis aliquet sapien, bibendum auctor ipsum viverra eu. Duis quis felis non augue aliquam elementum dignissim ut augue. Curabitur in dui vitae quam aliquam dapibus. Fusce a velit lobortis, aliquam massa vel, porttitor velit.

Bootstrap jumbotron slide

This is a simple hero unit, a simple jumbotron-style component for calling extra attention to featured content or information.


Some quick example text to build on the slide title and make up the bulk of the slide content.

Learn more

Bootstrap form slide

We'll never share your email with anyone else.
Bootstrap media slide

Some quick example text to build on the slide title and make up the bulk of the slide content.

Bootstrap card slide

Some quick example text to build on the slide title and make up the bulk of the slide content.

Slowly move throught all slides.

Text sliding

Praesent eget porttitor augue, ac tristique nulla. Morbi consequat dictum efficitur. Curabitur vitae erat quam. Integer dapibus quam non congue efficitur. Pellentesque quis tortor at neque lobortis auctor. Aenean facilisis dolor non venenatis finibus. Mauris hendrerit enim non elit elementum, non molestie risus efficitur.

Some title text

Sed ut leo pellentesque, fringilla purus sed, tempus est. Nullam eget vehicula diam. Praesent convallis aliquet sapien, bibendum auctor ipsum viverra eu. Duis quis felis non augue aliquam elementum dignissim ut augue. Curabitur in dui vitae quam aliquam dapibus. Fusce a velit lobortis, aliquam massa vel, porttitor velit.

Another title

Sed ut leo pellentesque, fringilla purus sed, tempus est. Nullam eget vehicula diam. Praesent convallis aliquet sapien, bibendum auctor ipsum viverra eu. Duis quis felis non augue aliquam elementum dignissim ut augue. Curabitur in dui vitae quam aliquam dapibus. Fusce a velit lobortis, aliquam massa vel, porttitor velit.

Bootstrap jumbotron slide

This is a simple hero unit, a simple jumbotron-style component for calling extra attention to featured content or information.


Some quick example text to build on the slide title and make up the bulk of the slide content.

Learn more

Bootstrap form slide

We'll never share your email with anyone else.
Bootstrap media slide

Some quick example text to build on the slide title and make up the bulk of the slide content.

Bootstrap card slide

Some quick example text to build on the slide title and make up the bulk of the slide content.

Move throught slides applying current slide styles.

Text sliding

Praesent eget porttitor augue, ac tristique nulla. Morbi consequat dictum efficitur. Curabitur vitae erat quam. Integer dapibus quam non congue efficitur. Pellentesque quis tortor at neque lobortis auctor. Aenean facilisis dolor non venenatis finibus. Mauris hendrerit enim non elit elementum, non molestie risus efficitur.

Some title text

Sed ut leo pellentesque, fringilla purus sed, tempus est. Nullam eget vehicula diam. Praesent convallis aliquet sapien, bibendum auctor ipsum viverra eu. Duis quis felis non augue aliquam elementum dignissim ut augue. Curabitur in dui vitae quam aliquam dapibus. Fusce a velit lobortis, aliquam massa vel, porttitor velit.

Another title

Sed ut leo pellentesque, fringilla purus sed, tempus est. Nullam eget vehicula diam. Praesent convallis aliquet sapien, bibendum auctor ipsum viverra eu. Duis quis felis non augue aliquam elementum dignissim ut augue. Curabitur in dui vitae quam aliquam dapibus. Fusce a velit lobortis, aliquam massa vel, porttitor velit.

Bootstrap jumbotron slide

This is a simple hero unit, a simple jumbotron-style component for calling extra attention to featured content or information.


Some quick example text to build on the slide title and make up the bulk of the slide content.

Learn more

Bootstrap form slide

We'll never share your email with anyone else.
Bootstrap media slide

Some quick example text to build on the slide title and make up the bulk of the slide content.

Bootstrap card slide

Some quick example text to build on the slide title and make up the bulk of the slide content.

Move throught slides applying current slide styles, but resize only on current change.