@feather-scroll/effects
v0.1.1
Published
105+ tree-shakeable layout effects for FeatherScroll.
Readme
@feather-scroll/effects
105+ tree-shakeable layout effects for FeatherScroll — coverflow, cube, flip, cards, parallax, ken-burns, creative transforms and more. The whole library is ~6 KB gzipped, and you only bundle the effects you import.
Install
npm i @feather-scroll/core @feather-scroll/effectsUsage
import Carousel from '@feather-scroll/core';
import { coverflow } from '@feather-scroll/effects';
import '@feather-scroll/core/styles/core.css';
new Carousel('#gallery', { effect: coverflow, loop: true, nav: true });Need to pick effects dynamically? Use the effects map and effectNames list:
import { effects, effectNames } from '@feather-scroll/effects';
new Carousel('#gallery', { effect: effects['cube-horizontal'] });Or build your own with createCreativeEffect.
