Here is a list of CSS sliders you can use on your website. Most of them are built with CSS only or with a little bit of javascript or jquery.
You may also like
- 75 CSS Text Animations You Can Use
- 15 Amazing CSS Animated Background for you to try
- 57 Beautiful CSS Cards examples to improve your UI
- 19 Cool CSS Loading Animation to inspire you
- 17 Fancy CSS Search Boxes
- 21 Modern CSS menu examples
- 19 Stylish CSS forms
- 23 Fantastic CSS Hover Effects
- 19 CSS Border Animations you can implement
- 15 Stylised CSS Tables
- 13 Pure CSS Dropdown Menus
- 15 Creative CSS Filter Examples
- 35 Unique CSS Text Effects
- 21 New Bootstrap Login Forms for you
- 19 Bootstrap Profiles you can use for yourself
- 13 Material Design Login Forms
- 35 Cool CSS Select Boxes
- 15 CSS Range Sliders you can use today
- 35 Creative use of CSS clip-path examples
- 29 Unique CSS Toggle Switches
- 41 Beautiful CSS Animation Examples
Pure CSS Slider
Dev: Damian Drygiel
Pure CSS3 slider
Dev: Aladin Bensassi
Pure CSS slider content
Dev: John Louie Biñas
Minimal pure css slider
Dev: Elton Kamami
Animated Carousel on CSS with Minimal JS
Dev: Maxim Konoval
Pure CSS Horizontal Slide
Dev: David Conner
CSS slider
Dev: geekwen
Pure CSS Slider – autoplay, kenburns, prev/next, bullets – no js!
Dev: Heinz W
Slider CSS Only
Dev: Elena
Pure css slider
Dev: Kamil
Pure CSS Slider
Dev: Husam Alrubaye
Pure CSS full screen slider [NO JS!]
Dev: Nathan Peixoto
AutoPlay Responsive CSS only Slider
Dev: Kyler Berry
CSS Slider Puzzle Game
Dev: Mark Robbins
AMAZING CSS slider!!!
Dev: Paul
CSS Slider
Dev: Ivan Grozdic
Slider
Dev: Mustafa GÜNEŞ
Pure CSS Slider Autoplay
Dev: panikaro
Full screen animation slider
Dev: Александр
Responsive CSS Image Slider
Dev: Dudley Storey
CSS3 Clickable Slider
Dev: John Motyl Jr
Pure CSS Featured Image Slider
Dev: Joshua Hibbert
Responsive Slideshow / Carousel with only HTML5 & CSS3
Dev: Trung Vo
HTML5 CSS-Driven Responsive Image Slider With Captions
Dev: Dudley Storey
CSS image slider w/ next/prev btns & nav dots
Dev: Avi Kohn
CSS3 Testimonials Slider
Dev: Sara Soueidan
Pure CSS Tabs With Indicator
Dev: woranov
Elegant Responsive Pure CSS3 Slider
Dev: Rizky Kurniawan Ritonga
Slider
Dev: Nathan Taylor
[CSS] Infinite autoplay carousel
Dev: Jack Oliver
Testimonial Slider Pure CSS
Dev: MAHESH AMBURE
Card effect
Dev: Alex Moore
Pure CSS Slideshow Gallery
Dev: Roko C. Buljan
Onboarding Screens
Dev: Jebbles
Slider Animation Effect
Dev: Emily Hayman
Clip-Path Revealing Slider
Dev: Nikolay Talanov
Exploring UI Animation
Dev: mario s maselli
Responsive CSS vertical slider with thumbnails
Dev: Chen Hui Jing
Slider with Ripple Effect
Dev: Pedro Castro
Hover slider (dark/light)
Dev: Ivan Grozdic
Full Page Slider
Dev: Joseph Martucci
Information Card Slider
Dev: Andy Tran
Split Slick Slideshow
Dev: Fabio Ottaviani
Pure CSS Bug ECommerce Interactions
Dev: Adam Kuhn
Fancy Slider
Dev: Nikolay Talanov
Responsive Blog Card Slider
Dev: Muhammed Erdem
Responsive Parallax Drag-slider With Transparent Letters
Dev: Ruslan Pivovarov
Fashion concept
Dev: jesper landberg
Voyage Slider
Dev: Sikriti Dakua
Slider transitions
Dev: Mirko Zorić
HTML5 Before & After Comparison Slider
Dev: Dudley Storey
Motion blur effect using SVG filters
Dev: Damián Muti
Gummy slider
Dev: Lewi Hussey
Masked Circle Slider
Dev: Fabio Ottaviani
Popout Slider
Dev: Nathan Taylor
Star Wars Imperial Army’s Product Slider!
Dev: Muhammed Erdem
Slice Slider
Dev: Stephen Scaff
Smooth 3d perspective slider
Dev: Alex Nozdriukhin
Gray & White – Skewed Slider with Scrolling
Dev: Victor Belozyorov
Card Slider
Dev: Aybüke Ceylan
Exploring UI Animation
Dev: mario s maselli
Slider using property Clip
Dev: Pedro Castro
Slider Transition (WIP)
Dev: BryanE
Horizontal parallax sliding slider
Dev: digistate
Fullscreen Hero Image Slider
Dev: Tobias Bogliolo
Velo Slider – with Borders
Dev: Stephen Scaff
Slider with complex animation and half-collored angled text
Dev: Ruslan Pivovarov
Slider Parallax Effect
Dev: Manuel Madeira
Full Slider Prototype
Dev: Glauber Sampaio
Greensock animated slideshow [wip]
Dev: Arden
Pure css slider with custom effects
Dev: Nikolay Talanov
Fullscreen drag-slider with parallax
Dev: Nikolay Talanov
Actual Rotating Slider
Dev: Tyler Johnson
CSS Carousel with keyboard controls
Dev: David Lewis
Pure CSS scroll-snap carousel
Dev: Jenning
Pure CSS Slideshow
Dev: Charanjit Chana
Pure CSS Carousel
Dev: Jenning
smallest slider ever w/o JS
Dev: Steffen
Stacked flexible slides layout
Dev: Kamil
Masked Text w/ Navigation (CSS Only)
Dev: Ting Chen
CSS Slider
Dev: Sam Gord
Flexbox Image Slider
Dev: Katherine Kato
Greensock animated slider
Dev: Artur Sedlukha
CSS-only image slider using SVG patterns
Dev: Damián Muti
GSAP slider
Dev: Goran Vrban
Slider UI
Dev: Mergim Ujkani
Slider gsap
Dev: Eman Abdelqader
CSS Only Cupcake Slider with Sprinkles!
Dev: Jamie Coulter
Exploring UI Animation
Dev: mario s maselli
Exploring UI Animation
Dev: mario s maselli
Ecommerce Slider
Dev: Pedro Castro
Clean Slider With Curved Background
Dev: Ruslan Pivovarov
Slicing images pure Css and more
Dev: Kseso
Double exposure carousel slider
Dev: Misaki Nakano
Untranslatable
Dev: Joe Harry
Image Slider with Masking Effect
Dev: balapa
Dot slider
Dev: Derek Nguyen
Prism Effect Slider
Dev: victor
Sliding Background Gallery
Dev: Ron Gierlach
Sequence.js – Mono
Dev: Ian Lunn
Tiny Circle Slider – Customized
Dev: Bram de Haan
Responsive GTA V Slider
Dev: Eduard Mayer
CSS Hover Slider
Dev: Hugo Darby-Brown
CSS Only: Carousel/Slider with proper sliding between Slides
Dev: Abubaker Saeed
Checkbox-hack
Dev: ycw
CSS only slider
Dev: Steffen
Image Overlay Slider
Dev: Yugam
Feature Slider
Dev: Andy Lorimer
Simple Image Slider
Dev: André Cortellini
Easy CSS Page/Slide Transitions
Dev: Jamie Coulter
SVG Mask Slider
Dev: Valery Alikin
Image Slider – responsive, modular, autoplay
Dev: Eric Porter
Slider CSS only flexbox
Dev: Anna Blok