carousel-webcomponent

A tiny(1.2Kb), framework agnostic, light weight, zero dependancy, touch friendly carousel component


Keywords
carousel, web, component, slider, slides, webcomponent, webcomponents
License
MIT
Install
npm install carousel-webcomponent@1.0.2

Documentation

Carousel Web Component

Build Status version min size mingzip size license

dependancies downloads all contributors code of conduct chat with community

stargazers number of forks Follow technikhil314 on twiter

👏 & ❤️ to auto badger for making badging simple

A tiny(1.2Kb), framework agnostic, light weight, zero dependancy, touch friendly carousel component

Why?

Most of the carousel components out there do not leverage latest css and javascript features like css scroll snap, flex order and webcomponents etc. Using these features makes carousel much more eligent, reliable, light weight and framework agnostic

Disclaimers

  • This is still a WIP. Feel free to contribute.

  • This is a webcomponent make sure you are not running on old browsers (by that I mostly mean Internet exploer). If you want to use it in old browser that do not support webcomponents please include webcomponent polyfill from here

  • This package is ideal and best suitable for static sites. The support for dynamic content on carousel is in roadmap

Browser campatibility

Desktop Mobile Desktop Desktop Desktop Desktop Mobile Desktop
Chrome Android Chrome Firefox IE Opera Safari Ios Safari Edge
69+ ✔️ 81+ ✔️ 68+ ✔️ Polyfill ✔️ 64+ ✔️ 11+ ✔️ 11+ ✔️ 79+ ✔️

Documentation / How to use / Options / Customization

The documentation is hosted here

If you liked my work, show some ❤️ the repo.

Also you can appreciate by

Buy Me A Coffee PayPal Logo