{"id":13547107,"url":"https://github.com/Anemolo/StickyImageEffect","last_synced_at":"2025-04-02T19:32:28.241Z","repository":{"id":143917220,"uuid":"178085057","full_name":"Anemolo/StickyImageEffect","owner":"Anemolo","description":"A sticky image effect for a slideshow inspired by ultanoir's website. ","archived":false,"fork":false,"pushed_at":"2019-04-17T22:23:20.000Z","size":9708,"stargazers_count":227,"open_issues_count":4,"forks_count":51,"subscribers_count":11,"default_branch":"master","last_synced_at":"2025-03-28T13:46:52.042Z","etag":null,"topics":["animation","slideshow","threejs","webgl"],"latest_commit_sha":null,"homepage":"https://tympanus.net/codrops/2019/04/10/how-to-create-a-sticky-image-effect-with-three-js/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Anemolo.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null}},"created_at":"2019-03-27T22:38:21.000Z","updated_at":"2025-03-20T18:20:23.000Z","dependencies_parsed_at":"2023-04-11T15:46:21.490Z","dependency_job_id":null,"html_url":"https://github.com/Anemolo/StickyImageEffect","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Anemolo%2FStickyImageEffect","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Anemolo%2FStickyImageEffect/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Anemolo%2FStickyImageEffect/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Anemolo%2FStickyImageEffect/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Anemolo","download_url":"https://codeload.github.com/Anemolo/StickyImageEffect/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":246880215,"owners_count":20848826,"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":["animation","slideshow","threejs","webgl"],"created_at":"2024-08-01T12:00:51.045Z","updated_at":"2025-04-02T19:32:27.305Z","avatar_url":"https://github.com/Anemolo.png","language":"JavaScript","readme":"# How to Create a Sticky Image Effect with Three.js\n\nA sticky image effect for a slideshow inspired by [ultanoir's project showcase slideshow](https://ultranoir.com/en/).\n\n![Sticky Image Effect](https://tympanus.net/codrops/wp-content/uploads/2019/04/Sticky_featured.jpg)\n\n[Article on Codrops](https://tympanus.net/codrops/2019/04/10/how-to-create-a-sticky-image-effect-with-three-js/)\n\n[Demo](https://tympanus.net/Tutorials/StickyImageEffect/)\n\n## Development and Building\n\nIf you want to build the project or develop on top of it. You have to install the packages first:\n\n```\nnpm install\n```\n\nStarting a local development server:\n\n```\nnpm start\n```\n\nBuild and bundle all the assets into /dist:\n\n```\nnpm run build\n```\n\n## Credits\n\n_third party resources_\n\n- [Popmotion](https://twitter.com/popmotionjs) by Matt Perry\n- [three.js](https://threejs.org/) by Ricardo Cabello\n- Images from [Unsplash.com](https://unsplash.com/)\n\n## License\n\nThis resource can be used freely if integrated or build upon in personal or commercial projects such as websites, web apps and web templates intended for sale. It is not allowed to take the resource \"as-is\" and sell it, redistribute, re-publish it, or sell \"pluginized\" versions of it. Free plugins built using this resource should have a visible mention and link to the original work. Always consider the licenses of all included libraries, scripts and images used.\n\n## Misc\n\nFollow Daniel: [Twitter](https://twitter.com/Anemolito), [Codepen](https://codepen.io/Anemolo/), [CodeSandbox](https://codesandbox.io/u/Anemolo), [GitHub](https://github.com/Anemolo)\n\nFollow Codrops: [Twitter](http://www.twitter.com/codrops), [Facebook](http://www.facebook.com/codrops), [Google+](https://plus.google.com/101095823814290637419), [GitHub](https://github.com/codrops), [Pinterest](http://www.pinterest.com/codrops/), [Instagram](https://www.instagram.com/codropsss/)\n\n[© Codrops 2019](http://www.codrops.com)\n","funding_links":[],"categories":["🚀 A series of exquisite and compact web page cool effects"],"sub_categories":["Image Effect"],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FAnemolo%2FStickyImageEffect","html_url":"https://awesome.ecosyste.ms/projects/github.com%2FAnemolo%2FStickyImageEffect","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FAnemolo%2FStickyImageEffect/lists"}