15 JQuery Carousels

freefrontend.com freefrontend.com3 years ago in #Dev Love405

Collection of free jQuery carousel examples and plugins. Update of January 2018 collection. 12 new items. CSS Carousels jQuery Carousel Examples jQuery Carousel Plugins Author Supremo September 6, 2019 About a code Variable Fonts Experiment A quick experiment with variable fonts. Variables fonts look to have an interesting future, providing the ability to use all variations of a typeface in a single compressed file and being able to animate between these variations. Compatible browsers: Chrome, Edge, Firefox, Opera, Safari Responsive: yes Dependencies: slick.css, jquery.js, slick.js Author Jamie Coulter May 30, 2019 Made with HTML (Haml) / CSS (SCSS) / JS (Babel) About a code Portfolio Carousel Portfolio concept with carousel. Compatible browsers: Chrome, Firefox, Opera, Safari Responsive: no Dependencies: jquery.js Made with HTML (Pug) / CSS (SCSS) / JS About a code Spotify Style Carousel Horizontal overflow scrolling cards in Spotify style that work on desktop and mobile. Compatible browsers: Chrome, Edge, Firefox, Opera, Safari Responsive: yes Dependencies: jquery.js Author januaryofmine March 21, 2019 About a code Camera Showroom Simple carousel using Swiper.js Compatible browsers: Chrome, Edge, Firefox, Opera, Safari Responsive: no Dependencies: swiper.css, jquery.js, swiper.js Author FinByz Tech Pvt. Ltd February 23, 2019 About a code Testimonial Carousel Design Testimonial carousel design with CSS animation, Owl Carousel and jQuery. Compatible browsers: Chrome, Edge, Firefox, Opera, Safari Responsive: yes Dependencies: owl.carousel.css, jquery.js, owl.carousel.js Author Anya Melnyk December 19, 2018 About a code Directional Carousel 3D planets directional slider/carousel. Compatible browsers: Chrome, Edge, Firefox, Opera, Safari Responsive: no Dependencies: jquery.js, tweenmax.js, morphsvgplugin.js Author Jesús Castro September 24, 2018 About a code Flipping Card Slider Flipping card slider in jQuery. Compatible browsers: Chrome, Edge, Firefox, Opera, Safari Responsive: yes Dependencies: slick.css, slick-theme.css, jquery.js, web-animations.js, smooth-scrollbar.js, slick.js About a code 3D Carousel with GSAP Compatible browsers: Chrome, Edge, Firefox, Opera, Safari Responsive: yes Dependencies: jquery.js, tweenmax.js, splittext.js About a code Mouse Driven Carrousel Concept UI test for a horizontal scroll carrousel concept. The elements scroll on mouse horizontal move. Compatible browsers: Chrome, Edge, Firefox, Opera, Safari Responsive: yes Dependencies: jquery.js Author Collin Smith April 21, 2018 Made with HTML (Pug) / CSS (Stylus) / JS About a code Custom Carousel A custom carousel created using some jQuery. Click slides or press left & right arrow keys. Compatible browsers: Chrome, Edge, Firefox, Opera, Safari Responsive: no Dependencies: jquery.js Author Mehul Rojasara March 15, 2018 About a code Change direction from horizontal to vertical Change direction from horizontal to vertical carousel. Compatible browsers: Chrome, Edge, Firefox, Opera, Safari Responsive: no Dependencies: bootstrap.css, swiper.css, jquery.js, bootstrap.js, swiper.js Author Alex Bratsos September 24, 2017 Made with HTML / CSS (SCSS) / JS (Babel) About a code Simple Photo Carousel A simple carousel for photo images with parallax in jQuery. Compatible browsers: Chrome, Edge, Firefox, Opera, Safari Responsive: no Dependencies: jquery.js Author Danil Goncharenko August 15, 2017 About a code Vertical Carousel Animated vertical carousel with jQuery and TweenMax. Compatible browsers: Chrome, Edge, Firefox, Opera, Safari Responsive: no Dependencies: jquery.js, tweenmax.js About a code slick The last carousel you’ll ever need. Features: fully responsive (scales with its container), separate settings per breakpoint, uses CSS3 when available (fully functional when not), swipe enabled (or disabled, if you prefer), desktop mouse dragging, infinite looping, fully accessible with arrow key navigation, add/remove/filter/unfilter slides, autoplay, dots, arrows, callbacks, etc… Compatible browsers: Chrome, Edge, Firefox, Opera, Safari Responsive: yes Dependencies: jquery.js About a code Owl Carousel 2 Touch enabled jQuery plugin that lets you create a beautiful responsive carousel slider. Compatible browsers: Chrome, Edge, Firefox, Opera, Safari Responsive: yes Dependencies: jquery.js URL Out – https://freefrontend.com/jquery-carousels/Author – freefrontend.comDate – 2019-10-24 00:11:27

Like to keep reading?

This article first appeared on freefrontend.com. If you'd like to keep reading, follow the white rabbit.

View Full Article

Leave a Reply