L'agence de communication 360°  et événementiels  à La Baule
Des questions ? Appelez-nous au 
02 44 73 57 57

8 CSS HTML5 JS carousels for modern website

Publié le 26/11/2019

CSS/HTML and JS carousels are often used as quality elements for the user experience (UX) in modern web design.

They allow a qualitative enhancement of content, such as photos, videos or other (menu, links, etc.). If you're looking for a quality carousel to impress your visitors, this easy-to-set carousel list will help. Thanks to CodePen, you will find the HTML5/CSS3 or SCSS-JS code to be modified to your liking for your site in order to customize your site to the best of your ability.

See the Pen 3D Carousel: navigation by Giulio Mainardi(@mgiulio)on CodePen.dark

This carousel allows 3-dimensional navigation of each of the elements, it is possible to add or remove it at your convenience. Navigation buttons are built in to make it easier and don't have to pass on the visuals. This 3D carousel module can be perfectly suited to the design of your website or application.

See the Pen Infinite Automatic Carousel by Julien Lejeune (@jlnljn) on CodePen.dark

An automatic carousel rather oriented "Slider" in the end, contains a linear fading horizontal and a timer, it can fit very well in your pages, your website or your application.

See the Pen Hover-Carousel by Yair Even Or(@vsync) on CodePen.dark

A musical ride that has the peculiarity of slide at the same time as you pass on it. Very aesthetic and practical for a worked UX.

See the Pen Carousel by DobladoV(@dobladov) on CodePen.dark

A carousel that gives a Mac OS finder effect in image mode. Adaptable in HTML / CSS3 and JS . Pretty easy to integrate and edit.

See the Pen Looping Instagram Feed Carousel by Ryan Mulligan(@hexagoncircle)on CodePen.dark

Connect your Instagram bookstore directly to this Carousel, the change is quite simple in the JS. You can adapt it and integrate it on your site easily.

See the Pen Carousel team by Marco Barraa(@fixcl) on CodePen.dark

A light carousel, with the ability to change the number of slides to be displayed (nView-3) as well as automation to 2.5 seconds.

See the Pen 3d carousel 3 by Juan C. Irizar(@carliirizar) on CodePen.dark

A waterwheel format that will indefinitely put the slides back in the presentation chain. Fluid and integrable carousel on your site in a clear and simple way.

See the Pen CSS Carousel with keyboard controls by David Lewis(@dp_lewis) on CodePen.dark

An amazing carousel/slider that can be driven by arrows or very simply on the keyboard, it incorporates a background in cover mode and the ability to add all the content you want.

Articles qui pourraient vous plaire

La newsletters
Une sélection d'articles rien que pour vous
les OFFREs
Un tarif tout inclus simple, clair
et sans frais cachés
14 Jours satisfait ou remboursé
Migration gratuite vers JAG
Tarif de lancement


De 0 à 250€ de vente
Parfait si vous démarrez
69 €
0% Frais de transaction
Paiement unique sans abonnement mensuel

No limit

Vente illimitée
Idéal si vous vendez déjà
69 €
0% Frais de transaction
Sans engagement

Les 2 forfaits inclus :


0% Frais de transaction
Migration gratuite vers la plateforme JAG
1 nom de domaine inclus
Certificat SSL inclus
5 adresses email incluses


Boutique e-commerce
Produits illimités
Comptes employés illimités
Toutes les applications incluses
+ de 100 thèmes inclus
Visual builder No code
Toutes les options de paiement
Toutes les options de livraison
Mises à jours futures