@feather-scroll/presets
v0.1.1
Published
Ready-made product-scroll presets for FeatherScroll: shelves, grids, marquees, galleries.
Readme
@feather-scroll/presets
One-line, e-commerce-ready configurations for FeatherScroll. Each preset returns a ready-made options object for common product-shelf patterns — momentum drag, multi-row grids, logo marquees, infinite catalogs, thumbnail galleries and more.
Available presets: productShelf, peekShelf, freeShelf, gridShelf, logoMarquee, dealRow, categoryPills, thumbGallery.
Install
npm i @feather-scroll/core @feather-scroll/presetsUsage
import Carousel from '@feather-scroll/core';
import { freeShelf, gridShelf, logoMarquee } from '@feather-scroll/presets';
new Carousel('#shelf', freeShelf()); // free-drag with momentum
new Carousel('#grid', gridShelf({ rows: 2 })); // multi-row grid
new Carousel('#logos', logoMarquee({ speed: 50 }));Presets are plain option objects, so you can spread and override anything:
new Carousel('#shelf', { ...freeShelf(), gap: 24, nav: true });