css sliders

113 CSS Sliders you can use

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

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