Best Citizenships

20 Cool Pure CSS sliders without jQuery/Javascript

I absolutely love image or text sliders written using pure css code. Likewise, i always hated slow loading sliders using jquery or javascript to use in my wordpress themes or html websites. I have compiled some cool css sliders from codepen/github for use in your website or in themes, many are responsive too :)). A word of advise: Please make sure to test all sliders in Safari, Chrome and FF before deployment.

1. CSS3 Multi Animation Slider

Multi animation slider for images with captions

purecss2manim

http://codepen.io/Eliteware/full/BoBgqV/

2. CSS Juizy Slideshow

CSS and html driven slideshow

juizy

http://www.creativejuiz.fr/trytotry/juizy-slideshow-full-css3-html5/

3. CSS Featured Image slider

Featured image slider built with pure css.

featuredimageslider

https://codepen.io/joshnh/full/KwilB/

4. CSS Image slider

cssimg

http://codepen.io/AMKohn/details/EKJHf

5. CSS3 Thumbnail Slider

Pure CSS slider with image thumbs

cssthumbs

http://thecodeplayer.com/walkthrough/css3-image-slider-with-stylized-thumbnails

6. HTML5 CSS Driven Slider

Simple html5/css driven slider

htmkl5css

http://codepen.io/dudleystorey/full/kFoGw/

7. CSS Accordian slider

iAuto is a cool accordian slider built with pure css and html.

accordian

http://codepen.io/JFarrow/full/iAuto/

8. Responsive no javascript CSS3 Slider

Responsive css slider with captions. No javascript

cloudragon

http://csscience.com/responsiveslidercss3/

9. CSS3 Clickable Slider

Simple clickable images slider with forward and backward buttons.

clickable

http://codepen.io/johnmotyljr/full/cDpEH/

10. Gallery CSS slider

Gallery images slider with Pure CSS only.

Screen Shot 2015-12-08 at 8.47.45 pm

http://benschwarz.github.io/gallery-css/

11. KeyFrames Slider

Silky smooth background image slider built using css keyframes.

keyframes

https://github.com/stephenscaff/keyframes-slider

12. CSS Slider

Pure css slider (no JS, no jquery)

csssliderblack2

http://codepen.io/drygiel/full/rtpnE/

13. CSS Slider

Professional sliders with over 20 custom styled slides and buttons.

csscslidercomjpg

http://cssslider.com

14. Elegant Responsive CSS slider

Image slider with captions, purely written in CSS with dimensions 942×400 images.

elegant

http://codepen.io/rizky_k_r/full/shmwC/

15. Pure CSS slider content

Text content slider for use in themes or websites.

slidertext

https://codepen.io/johnlouie04/full/BqyGb/

16. Responsive CSS3 Slider

A very simple slider based on html and css3 with botttom text captions.

responcss3

http://dreyacosta.github.io/pure-responsive-css3-slider/

17. CSS3 slider without Javascript

Pure css3 slider with breadcrumb captions

csswithoutjs

http://codeconvey.com/Tutorials/cssSlider/

18. Pure CSS slider

A very simple css slider for images.

purecssslider

http://codepen.io/ClearDesign/full/KpQEyv

19. CSS Sliding Checkboxes

Checkbox styled css buttons with slide effect

Screen Shot 2015-12-08 at 8.53.31 pm

http://tstachl.github.io/slidr.css/

20. Pure CSS3 Cycle Slider

The slider cycles images with loading indicator

cycleslider

http://www.alessioatzeni.com/CSS3-Cycle-Image-Slider/

21. CSS Accordian Slider

Showcase, gallery and tour slider with custom color options. Built with pure css and html (no javascript).

cssacc

http://accordionslider.com/

22. Pure CSS Slides

Screen Shot 2015-12-09 at 8.31.31 pm

https://github.com/littleli/PureCssSlides

23. CSS3 Image Collapse

imgcollapse

http://anroots.github.io/css3-image-collapse/

24. PureCSS Image comparison Slider

imgcompare

http://lea.verou.me/2014/07/image-comparison-slider-with-pure-css/

25. Revolution Slider

If you have no problems using jquery/javascript and  looking for best slider easy to plug and play with responsive options, i would highly revolution slider. It is compatible with almost every theme and plugin. If you have the money, then go for it. Available as wordpress plugin

Paid Sliders

http://codecanyon.net/item/slider-revolution-responsive-wordpress-plugin/2751380