Extremely lightweight carousel micro library. simple-slider is a carousel micro library based on the requestAnimationFrame API. It makes for a highly testable implementation and less css-dependent.
js carousel slider html transition-animation micro-library slide-transitions slide javascript-carousel simple gallery slideshow lightweight minimalistic micro slick lory siema swipe swiper flickity islider owlcarousel unslider glide glidejs dom browserAn AngularJS module that exposes a directive and service to create and control multiple Flickity instances.In my experience, including Flickity through bower often doesn't work out of the box. By default, bower pulls in the unpackaged files as the Flickity bower.json specifies rather than packaged files which seems to be what we need.
flickity slideshow carousel touch angularjs angular angular-flickity flickity.js angular.js swipe sliderEnables asNavFor option for Flickity, where one gallery is navigation or another.as-nav-for.js is included with the Flickity pkgd.js files. If you are using those, you do not need to install.
flickity browser domLazyload background images of selected cells.Set data-flickity-bg-lazyload attribute of the cell to the background image's url.
flickity lazyload background imageDocumentation for Flickity, the web UI library for touch, responsive, flickable carousels.Building these docs requires npm, Bower, and Gulp.
flickity docsThis package is already included in flickity.pkgd.js and flickity.pkgd.min.js. You do not need to install this package if you are using those files.
flickity imagesloaded browser domYou can sync two Flickity galleries. Whenever one selects a cell, its companion will select its cell of the same index.See demo on CodePen.
flickity browser domUsed in Flickity and Draggabilly.Unidragger handles all the event binding and handling to support a draggable library.
draggable flickity draggabilly browser domngx-flickity is in development and not ready for production use. Feel free to install and try it out, but depend on it at your own risk. Triggered after a slide has changed.
angular2 component flickity galleryA React.js Flickity component. You can access Flickity instance with flickityRef prop just like ref, and use this instance to register events and use API.
slider flickity react carousel-component carousel react-componentA Vue Component for Flickity.js - See a live demo here. See official documentation here.
flickity vue vue-components carousel slider responsive touchAdd flickity-fade.css to you stylesheets and flickity-fade.js to your scripts. This package is registered as flickity-fade.
flickity fadeAdd hash.js to your scripts. Enable hash behavior by setting hash: true in Flickity options.
flickity carousel hashAdd fullscreen.css to your stylesheets and fullscreen.js to your scripts. Enable fullscreen behavior by setting fullscreen: true in Flickity options.
flickity carousel fullscreenThis is a ground-up rewrite of the original Svelte Carousel/Slider using Svelte v3, and Siema, the goal being a fully working carousel with a tiny size. This library is pure javascript, so can be used with any framework you like.
slide slider carousel svelte-components svelte vanilla-js siema svelte-v3 beyonk glidejs slick flickity
We have large collection of open source products. Follow the tags from
Tag Cloud >>
Open source products are scattered around the web. Please provide information
about the open source projects you own / you use.
Add Projects.