25+ UNIQUE TEMPLATES
Copy and Customize
You Don't Need to Start from Scratch
The Slider
-
Responsive HTML Slider
Responsive, touch/swipe enabled HTML slider. Adjust width/height automatically and compatible with browsers in multiple devices. Slider item can be any HTML element such as text, paragraph, image, or video.
-
Animated Layer
Add animated layer in top of slider item. Specify animation attribute for each slider item, slide from any direction, fade in or fade out layers.
-
HTML 5 Video Slide
HTML 5 Video in each slide. Video plays automatically when slide active.
-
HTML 5 Video Background
HTML 5 video as slider background.
-
Lazy Loading
Lazy loading image to save resources and loading time. Image is loaded when it is about to slide.
-
Floating Slider
Turn your image gallery into slider and view in slider. XProSlider find all images in a given element and renders it in floating slider.
The Full Screen Hero
-
Full Screen Hero - Classic 1
Full screen hero slider with animated layer.
-
Full Screen Hero - Classic 2
More full screen hero slider with animated layer.
-
Full Screen Hero - Form Input
Hero slider with form input. The form input is sticky, always stay on top.
-
Full Screen Hero - Video Preview
Hero slider with video preview. Video can be inline or lightbox.
The Carousel
-
News Carousel
XProSlider as news bar. It slides content by item in direction you specified. In narrow screen, slide direction change to vertical automatically.
-
Showcase Carousel
Use slider to showcase product, team member and testimonials.
-
Newbar with Preview
Load content of active item from server (via AJAX) and display it. Content is then cached for later display.
-
Newbar with Preview (Vertical)
Vertical news thumbnail. On each slide, it displays content loaded from server. Content is then cached for later display
-
Image Carousel
Full Width Carousel Full width responsive carousel with visible nearby slides and thumbnails.
The Gallery
-
Gallery with Image Thumbnail
Gallery with thumbnails and info panel. Additional description defined in each slide and displayed in external info panel.
-
Gallery with Image Thumbnail (Vertical)
Video gallery with vertical thumbnails, shows Youtube or Vimeo in slider. When video play, slider stops until the video is closed.
-
Gallery from Youtube Playlist
Load video from Youtube playlist
-
Gallery with External Thumbnails
Turn your image gallery into slider. XProSlider find all images in a given element and slides it. This enable you to style your thumbnails as your wish and give you full control of thumbnails look.
-
Gallery with Flaoting Thumbnails
In this template, image thumbnails floating on top of slider and the right panel shows slide's additional information.
Misc
-
RSS in Ipad Mockup
Continuously scrolls news item. The content can be any html text or text from rss feed. Dynamic function allow you to add content a runtime.
-
RSS News
RSS news carousel. RSS is loaded and parsed (using server side proxy - required PHP). Slider item can be customized.
-
RSS News (Vertical)
RSS news carousel (vertical). RSS is loaded and parsed (using server side proxy - required PHP). Slider item can be customized.
-
Tab Slider 1
Tab style thumbnails, styleable with css and create you own custom navigation to navigate slider.
-
Tab Slider 2
Tab style thumbnails, styleable with css and create you own custom navigation to navigate slider.