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


2. CSS Juizy Slideshow

CSS and html driven slideshow


3. CSS Featured Image slider

Featured image slider built with pure css.


4. CSS Image slider


5. CSS3 Thumbnail Slider

Pure CSS slider with image thumbs


6. HTML5 CSS Driven Slider

Simple html5/css driven slider


7. CSS Accordian slider

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


8. Responsive no javascript CSS3 Slider

Responsive css slider with captions. No javascript


9. CSS3 Clickable Slider

Simple clickable images slider with forward and backward buttons.


10. Gallery CSS slider

Gallery images slider with Pure CSS only.

Screen Shot 2015-12-08 at 8.47.45 pm

11. KeyFrames Slider

Silky smooth background image slider built using css keyframes.


12. CSS Slider

Pure css slider (no JS, no jquery)


13. CSS Slider

Professional sliders with over 20 custom styled slides and buttons.


14. Elegant Responsive CSS slider

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


15. Pure CSS slider content

Text content slider for use in themes or websites.


16. Responsive CSS3 Slider

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


17. CSS3 slider without Javascript

Pure css3 slider with breadcrumb captions


18. Pure CSS slider

A very simple css slider for images.


19. CSS Sliding Checkboxes

Checkbox styled css buttons with slide effect

Screen Shot 2015-12-08 at 8.53.31 pm

20. Pure CSS3 Cycle Slider

The slider cycles images with loading indicator


21. CSS Accordian Slider

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


22. Pure CSS Slides

Screen Shot 2015-12-09 at 8.31.31 pm

23. CSS3 Image Collapse


24. PureCSS Image comparison Slider


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