• no-jQuery Content Slider
  • Content Slider with Zero jQuery
  • Wordpress Content Slider with CSS only
  • Responsive Content Slider w/o jQuery

100 % Pure CSS Carousel?

Build enchanting picture sliders entirely in CSS. No jQuery, no JavaScript, no picture icons, no programming! It's really fast, lightweight, adaptive, and retina-ready. Works perfectly on each popular devices and internet browsers. Rotate, Pan & Zoom, KenBurns, Fade, Slide animations and some flat themes are accessible. Download a free slider builder for Windows and Mac now!

Cross-browser

Works perfectly on every todays mobile gadgets and browsers, including old IEs (with the optional js fallback)

SEO Friendly

cssSlider is created with clear HTML5. It looks brilliant and search engines are still able to spider it effortlessly. This allows you to keep your website visitors and search engines each happy at the same time!

Mobile-friendly

cssSlider is fully compatible with any smartphones, tablets and will perform just as well on your Android, iPhone, iPad as it does on your home desktop computer.

Automatic Cropping and Sizing

No need for separate photo editing programs. The cssSlider instantly crops your pictures and resizes them to suit whatever size you specify!

Retina-ready

The prev/next arrows, bullets, play/pause and other controls are vector icon font, making them monitor size independent and excellent for retina high-res screens.

CSS3 animations

Silky smooth hardware-accelerated animations run far better than jQuery ones, especially on mobile devices

100 % Pure CSS

cssSlider is solely CSS based (zero jQuery, zero JavaScript), so it will work in any web browser, without needing any extra script libraries.

Inspiring animations

cssSlider includes amazing pure CSS3, hardware-accelerated transitions to delight your visitors and keep their eyes concentrated on your own blog.

Slide Effect & Boundary Theme Jquery Content Slider

This slightly unusual slider theme is very modern and attractive. It is a more ‘square’ shape than most website sliders, which allows is to work for images that aren’t landscape. It could be a great addition for a portfolio website, or to showcase portraits of people and animals.

The slider uses a deep burgundy color scheme, offset with white. It’s an unusual and striking color, that suggests luxury and sophistication.

Each image in the slider zooms in and out, slowly fading at the same time to reveal the next image.

In the bottom left corner is a single line of a caption. This is white text on a burgundy rectangle, that slides in from the left. The rectangle sits flush with the corner of the slider, which means they don’t cover up or distract from the images.

The caption uses a sophisticated serif font called Lora.

In the bottom right corner is a series of round burgundy circles. Each of these circles is linked to an image in the slideshow. The circle linked to the active image contains a white dot in the center.

Hovering over the circles brings up a preview of the relevant image. Clicking will load that image into the slideshow.

In addition, hovering over the circles brings up another, final circle which contains either a pause icon or a play icon.

One of the most attractive parts of this slider design is the next/previous arrows that appear when you hover over the slider.

These are two vertically aligned rectangles, in burgundy, that sit flush to the left and right edge of the slideshow. Inside is a thin white arrow. Hovering over one of the arrows, however, causes it to become taller and than slide outwards, forming a frame for a thumbnail of the next/previous image in the slider. The overall feel of the animation is great, everything is smooth, seamless and the perfect speed.

Overall, this slider theme is warm, sophisticated and modern — it would be ideal for an antiques website, any site selling luxury goods such as perfume, or a studio photographer who specialized in luxurious settings.

As you would expect, the slider is responsive and fits itself to the size of the screen automatically. On smaller screens some of the functionality disappears, allowing more of the image to show and keeping things simple for touchscreen users.

The slider uses CSS3 and HTML5 to achieve all of the transitions and iconography — there are no images used (apart from those within the slider itself) to slow the website down or cause problems with loading. Because the slider does not use Javascript or JQuery it will work on all modern platforms, and again there are no external scripts to cause lag or loading problems.

In fact, this is an excellent slider theme that would be a great addition to almost any website.