@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 }
DEMO
Try the version 3Packages
- @slidy/core - Core sliding script
- @slidy/media - Observable media
- @slidy/easing - Easing functions
- @slidy/animation - Animation functions
- @slidy/svelte - SvelteJS template
- @slidy/solid - SolidJS template
- @slidy/react - ReactJS template
- @slidy/element - CustomElement
π¨π»βπ» in progress...
- Demo docs site based on SvelteKit
π todo...
- @slidy/vue - VueJS template
- @slidy/malina - MalinaJS template
@slidy
NPM organizationDevelopment
esbuild
- bundling & packagingpnpm workspaces
- monorepotsc
- types declarationderver
- dev server
π
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
@AlexxNB for derver - simple but powerfull dev/prod nodejs server
@PaulMaly for idea of simplifing reactive updates of options object
@rodshtein for the idea of implementing the action function
@EricRovell for collaboration, ideas of modulating @Slidy
& SvelteJS
root template
@ArtemiySchukin for collaboration & SolidJS
& RactJS
implementations
MIT Β© Valexr