[](https://www.webcomponents.org/element/balint777/b7-carousel) [](https://vaadin.com/directory/component/balint777b7-carousel) [](https://vaadin.com/directory/component/balint777b7-carousel) # \ b7-carousel is a carousel designed for real-world use. It is a simplistic approach to a functionally complete carousel element. The main design goal is to have a minimal performance footprint to be well fit for mobile devices. The element features * Native performance scrolling and paging * A trivial API * High level of customizability, with minimal assumptions to the use-cases * Touch Scrolling * Mouse scrolling * Keyboard scrolling * Responsive layout ## Dependencies [Intersection Observer API](https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API#Browser_compatibility) # Basic b7-carousel demo ```html ``` # Customized b7-carousel demo ```html

<

>

The Rouge One

• I
• am
• a
• list

``` # Development guide ## Install the Polymer-CLI First, make sure you have the [Polymer CLI](https://www.npmjs.com/package/polymer-cli) installed. Then run `polymer serve` to serve your element locally. ## Viewing Your Element ``` $ polymer serve ``` ## Running Tests ``` $ polymer test ``` Your application is already set up to be tested via [web-component-tester](https://github.com/Polymer/web-component-tester). Run `polymer test` to run your application's test suite locally.