@Slidy
Simple, configurable, nested & reusable sliding action script with templates, animations, easings & plugins.
Сompletely mimics the behavior of a native scroll with mouse drag, index navigation, acceleration, gravity & infinite loop mode.
{ snap: 'deck', animation: flip }Packages
- @slidy/core - Core sliding script
- @slidy/media - Observable media
- @slidy/easing - Easing functions
- @slidy/animation - Animation functions
- @slidy/svelte - SvelteJS template
NPM organization @slidy
Development
pnpm workspaces- monoreposesbuild- bundling & packagingderver- dev server
Todo
- Demo docs site based on SvelteKit
- @slidy/vue - VueJS template
- @slidy/wc - WebComponent template
- @slidy/malina - MalinaJS template
- @slidy/solid - SolidJS template
Thanks 🎉
- @ariya for kinetic - examples & explanations of scroll kinetic principles
- @argyleink for open-props - Open Source CSS Variables
- @evanw for esbuild - an extremely fast JS bundler
- @rodshtein for the idea of implementing the action function
- @EricRovell for collaboration & ideas of modulating @slidy
- @AlexxNB for esbuild starter based on derver - simple but powerfull dev/prod nodejs server
- @PaulMaly for idea of simplifing reactive updates of options object
MIT © Valexr