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.
Une équipe à l'écoute et professionnelle ! Je recommande vivement ! (Translated by Google) An attentive and professional team! I highly recommend !
Entreprise très sérieuse et réactive. Le résultat est clairement au rdv. Merci. (Translated by Google) Very serious and responsive company. The result is clearly at the appointment. Thanks.
Service de grande qualité! Pour la refonte de notre site internet, JAG conseil a su être à l'écoute et créer un site à notre image. Merci Julien pour les échanges constructifs, la réactivité et....les optimisations à venir ;) (Translated by Google) High quality service! For the redesign of our website, JAG conseil was able to listen and create a site in our image. Thank you Julien for the constructive exchanges, the reactivity and.... the optimizations to come;)
Merci à Julien pour son accompagnement dans mon projet, je recommande à 200% c est le Top (Translated by Google) Thanks to Julien for his support in my project, I recommend 200% it is the top
Merci à Julien et son équipe, plus que satisfait par le travail fourni ! Je recommande vivement ! (Translated by Google) Thanks to Julien and his team, more than satisfied with the work provided! I highly recommend !
JAG nous a très bien conseillé pour le référencement de nos sites internet! (Translated by Google) JAG gave us very good advice for the referencing of our websites!
L'expérience de JAG au service de ses clients, la rapidité d'exécution en plus ! (Translated by Google) The experience of JAG at the service of its customers, the speed of execution in addition!
Merci à léquipe (Translated by Google) Thanks to the team
Bonjour, Une entreprise sérieuse, disponible et à l'écoute de son client. (Translated by Google) Hello, A serious company, available and attentive to its customers.
Je ne peux que conseiller Julien tant pour son investissement que ses compétences.Fort de son expérience il a répondu pleinement à mes attentes. N'hésitez plus (Translated by Google) I can only advise Julien both for his investment and his skills. With his experience, he fully met my expectations. do not hesitate
