10+ CSS & JavaScript Carousels- codesfrontend

Carousels are a set of CSS card which contains an image or some text that continuously moving from one side to another which can be created easily with CSS and a bit of JS.

Here is some example of CSS carousels which it latest design of 2021 which is used in the website to create some category.

vue-agile – responsive and two related carousels

Creator – Katherin

Made With – HTML/CSS(SCSS)/JS(Babel)

Demo of Codes

vue.js – use vue transition to create a carousel

Creator – Trishaaa

Made With – HTML/CSS(SCSS)/JS

Demo of Codes

Image blocks animated clip-path carousel

Creator – Mai Nguyen

Made With – HTML/CSS(SCSS)

Demo of Codes

Testimonials Carousel

Creator – Gabriel Toledo

Made With – HTML/CSS(SCSS)/JS

Demo of Codes

Variable Fonts Experiment

Creator – Supremo

Made With – HTML/CSS(SCSS)/JS

Demo of Codes

Change direction from horizontal to vertical SWIPER SLIDER

Creator – Mehul Rojasara

Made With – HTML/CSS(SCSS)/JS

Demo of Codes

Vertical / Horizontal carousel

Creator – khuhsal

Made With – HTML/CSS(SCSS)/JS(Babel)

Demo of Codes

pure CSS thumbnail carousel

Creator – Israel Palma

Made With – HTML/CSS(SCSS)

Demo of Codes

3D Carousel rotating

Creator – Claudiu Lazar

Made With – HTML/CSS(SCSS)

Demo of Codes

CSS-Tricks Card Carousel

Creator – William Goldsworthy

Made With – HTML/CSS(SCSS)

Demo of Codes

Playlist Carousel – CSS only

Creator – Aybüke Ceylan

Made With – HTML/CSS(SCSS)

Demo of Codes

CSS Variables 3D Carousel (No JS)

Creator – Aybüke Ceylan

Made With – HTML/CSS(SCSS)

Demo of Codes

News Slider Carousel

Creator – Gabriel Toledo

Made With – HTML/CSS(SCSS)/JS

Demo of Codes

Leave a Comment

close