{"id":27206361,"url":"https://github.com/Valexr/Slidy","last_synced_at":"2025-04-09T23:29:57.155Z","repository":{"id":39622953,"uuid":"286025830","full_name":"Valexr/Slidy","owner":"Valexr","description":"📸 Sliding action script","archived":false,"fork":false,"pushed_at":"2025-03-30T16:54:25.000Z","size":26269,"stargazers_count":341,"open_issues_count":2,"forks_count":13,"subscribers_count":6,"default_branch":"main","last_synced_at":"2025-04-07T03:16:14.228Z","etag":null,"topics":["animations","carousel","easings","javascript","malinajs","media-queries","reactjs","slider","slideshow","solidjs","sveltejs","typescript","vuejs","webcomponent"],"latest_commit_sha":null,"homepage":"https://valexr.github.io/Slidy/","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Valexr.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2020-08-08T10:57:11.000Z","updated_at":"2025-04-01T15:27:36.000Z","dependencies_parsed_at":"2023-11-10T13:27:06.171Z","dependency_job_id":"cfe07d5f-8946-4ee0-9fcd-7268cd5f83cd","html_url":"https://github.com/Valexr/Slidy","commit_stats":{"total_commits":1903,"total_committers":10,"mean_commits":190.3,"dds":"0.23331581713084604","last_synced_commit":"09732a591b8c9171b21b0ca29505efdcbc98dd83"},"previous_names":["valexr/svelte-slidy"],"tags_count":10,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Valexr%2FSlidy","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Valexr%2FSlidy/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Valexr%2FSlidy/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Valexr%2FSlidy/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Valexr","download_url":"https://codeload.github.com/Valexr/Slidy/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248129287,"owners_count":21052545,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["animations","carousel","easings","javascript","malinajs","media-queries","reactjs","slider","slideshow","solidjs","sveltejs","typescript","vuejs","webcomponent"],"created_at":"2025-04-09T23:29:56.185Z","updated_at":"2025-04-09T23:29:57.137Z","avatar_url":"https://github.com/Valexr.png","language":"TypeScript","readme":"[![npm version](https://img.shields.io/npm/v/@slidy/core)](https://www.npmjs.com/package/@slidy/core)\n[![npm bundle size](https://img.shields.io/bundlephobia/minzip/@slidy/core?label=minzip)](https://bundlephobia.com/package/@slidy/core)\n[![npm downloads](https://img.shields.io/npm/dt/@slidy/core)](https://www.npmjs.com/package/@slidy/core)\n[![github issues](https://img.shields.io/github/issues/valexr/slidy)](https://github.com/Valexr/slidy/issues)\n[![npm license](https://img.shields.io/npm/l/@slidy/core)](https://www.npmjs.com/package/@slidy/core)\n\n# @Slidy\n\n### \u003cimg align=\"right\" width=\"120\" src=\"assets/static/Slidy.png\"\u003e Simple, configurable, nested \u0026 reusable sliding action script with templates, animations, easings \u0026 plugins.\n\nСompletely mimics the behavior of a native scroll with mouse drag, index navigation, acceleration, gravity \u0026 infinite loop mode.\n\n\u003cimg src=\"assets/static/flip.gif\"\u003e\n\n```html\n\u003cscript\u003e\n    import { slidy } from '@slidy/core'\n    import { flip } from '@slidy/animation'\n\n    slidy(node, { snap: 'deck', animation: flip })\n\u003c/script\u003e\n\n\u003cdiv id=\"node\"\u003e\n    \u003cimg /\u003e\n    ...\n\u003c/div\u003e\n```\n\n## Try the [DEMO](https://slidy-core.surge.sh/)\n\n## [Packages](https://github.com/Valexr/slidy/tree/master/packages)\n\n-   [@slidy/core](https://github.com/Valexr/slidy/tree/master/packages/core) - Core sliding script\n-   [@slidy/media](https://github.com/Valexr/slidy/tree/master/packages/media) - Observable media\n-   [@slidy/easing](https://github.com/Valexr/slidy/tree/master/packages/easing) - Easing functions\n-   [@slidy/animation](https://github.com/Valexr/slidy/tree/master/packages/animation) - Animation functions\n-   [@slidy/plugins](https://github.com/Valexr/slidy/tree/master/packages/plugins) - Plugins functions\n-   [@slidy/element](https://github.com/Valexr/slidy/tree/master/packages/element) - CustomElement\n-   [@slidy/svelte](https://github.com/Valexr/slidy/tree/master/packages/svelte) - SvelteJS template\n-   [@slidy/solid](https://github.com/Valexr/slidy/tree/master/packages/solid) - SolidJS template\n-   [@slidy/react](https://github.com/Valexr/slidy/tree/master/packages/react) - ReactJS template\n\n### 👨🏻‍💻 in progress...\n\n-   [Demo docs site](https://github.com/Valexr/slidy/tree/master/www) based on SvelteKit\n\n### 📝 todo...\n\n-   [@slidy/vue](https://github.com/Valexr/slidy/tree/master/packages/vue) - VueJS template\n-   [@slidy/malina](https://github.com/Valexr/slidy/tree/master/packages/malina) - MalinaJS template\n\n## NPM organization [@slidy](https://www.npmjs.com/org/slidy)\n\n## Development\n\n-   `esbuild` - bundling \u0026 packaging\n-   `pnpm workspaces` - monorepo\n-   `tsc` - types declaration\n-   `derver` - dev server\n\n## Thanks 🎉\n\n[@ariya](https://github.com/ariya) for [kinetic](https://github.com/ariya/kinetic) - examples \u0026 explanations of scroll kinetic principles  \n[@argyleink](https://github.com/argyleink) for [open-props](https://github.com/argyleink/open-props) - Open Source CSS Variables  \n[@evanw](https://github.com/evanw) for [esbuild](https://github.com/evanw/esbuild) - an extremely fast JS bundler  \n[Unsplash](https://github.com/unsplash) for [light dataset](https://github.com/unsplash/datasets) - Unsplash images made available for research and machine learning by this [terms](https://github.com/unsplash/datasets/blob/master/TERMS.md)  \n[@AlexxNB](https://github.com/AlexxNB) for [derver](https://github.com/AlexxNB/derver) - simple but powerfull dev/prod nodejs server  \n[@PaulMaly](https://github.com/PaulMaly) for idea of simplifing reactive updates of options object  \n[@rodshtein](https://github.com/rodshtein) for the idea of implementing the action function  \n[@EricRovell](https://github.com/EricRovell) for collaboration, ideas of modulating `@Slidy` \u0026 `SvelteJS` root template  \n[@ArtemiySchukin](https://github.com/yhdgms1) for collaboration \u0026 `SolidJS` \u0026 `RactJS` implementations\n\nMIT \u0026copy; [Valexr](https://github.com/Valexr)\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FValexr%2FSlidy","html_url":"https://awesome.ecosyste.ms/projects/github.com%2FValexr%2FSlidy","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FValexr%2FSlidy/lists"}