@feather-scroll/web-component

A <feather-scroll> custom element for FeatherScroll — works in any framework (or none), including Angular. Ships an all-in-one IIFE bundle (core + effects) so it can run with no build step.

Install

npm i @feather-scroll/web-component

Usage

Import the module to register <feather-scroll> automatically:

<script type="module" src="@feather-scroll/web-component"></script>

<feather-scroll effect="coverflow" items="3" loop nav dots autoplay="3000">
  <div>1</div>
  <div>2</div>
  <div>3</div>
</feather-scroll>

Or register it manually:

import { defineFeatherScroll } from '@feather-scroll/web-component';
defineFeatherScroll(); // registers <feather-scroll>

For a zero-build drop-in, use the self-registering IIFE build at dist/global.global.js.

Links

• 📖 Framework wrappers
• ▶ Live demo

License

MIT