{"id":17141097,"url":"https://github.com/jscottsmith/parallax-controller","last_synced_at":"2025-04-13T09:32:36.891Z","repository":{"id":40456978,"uuid":"431003874","full_name":"jscottsmith/parallax-controller","owner":"jscottsmith","description":"🕹 Core classes and controller for creating parallax scrolling effects.","archived":false,"fork":false,"pushed_at":"2023-11-24T17:58:30.000Z","size":493,"stargazers_count":23,"open_issues_count":5,"forks_count":3,"subscribers_count":2,"default_branch":"master","last_synced_at":"2024-10-31T19:24:42.073Z","etag":null,"topics":["animation","effects","parallax","performance","scroll"],"latest_commit_sha":null,"homepage":"http://parallax-controller.damnthat.tv","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/jscottsmith.png","metadata":{"files":{"readme":"README.md","changelog":null,"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":"2021-11-23T07:34:17.000Z","updated_at":"2024-06-12T14:49:20.000Z","dependencies_parsed_at":"2023-11-24T18:48:26.654Z","dependency_job_id":null,"html_url":"https://github.com/jscottsmith/parallax-controller","commit_stats":{"total_commits":186,"total_committers":1,"mean_commits":186.0,"dds":0.0,"last_synced_commit":"b9ea98e3d74ceec5c05e9512c7d42d5b98d75217"},"previous_names":[],"tags_count":60,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jscottsmith%2Fparallax-controller","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jscottsmith%2Fparallax-controller/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jscottsmith%2Fparallax-controller/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jscottsmith%2Fparallax-controller/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/jscottsmith","download_url":"https://codeload.github.com/jscottsmith/parallax-controller/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":223581935,"owners_count":17168655,"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","effects","parallax","performance","scroll"],"created_at":"2024-10-14T20:24:21.276Z","updated_at":"2024-11-07T20:04:07.457Z","avatar_url":"https://github.com/jscottsmith.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# 🕹 Parallax Controller\n\n[![NPM Version Latest](https://img.shields.io/npm/v/parallax-controller/latest)](https://www.npmjs.com/package/parallax-controller)\n[![NPM Downloads](https://img.shields.io/npm/dm/parallax-controller)](https://www.npmjs.com/package/parallax-controller)\n[![Codecov](https://codecov.io/gh/jscottsmith/parallax-controller/branch/master/graph/badge.svg)](https://codecov.io/gh/jscottsmith/parallax-controller)\n\n[![Test and Lint](https://github.com/jscottsmith/parallax-controller/actions/workflows/main.yml/badge.svg)](https://github.com/jscottsmith/parallax-controller/actions/workflows/main.yml)\n[![Size](https://github.com/jscottsmith/parallax-controller/actions/workflows/size.yml/badge.svg)](https://github.com/jscottsmith/parallax-controller/actions/workflows/size.yml)\n[![Coverage](https://github.com/jscottsmith/parallax-controller/actions/workflows/coverage.yml/badge.svg)](https://github.com/jscottsmith/parallax-controller/actions/workflows/coverage.yml)\n\nCore classes and controller for creating parallax scrolling effects. Designed to provide scroll based animations for elements relative to the view. Built for performance by caching important attributes that cause reflow and layout when accessing.\n\n## NPM Package\n\nVia Yarn\n\n```bash\nyarn add parallax-controller\n```\n\nor NPM\n\n```bash\nnpm install parallax-controller\n```\n\n## Documentation\n\n[API and Usage docs](https://parallax-controller.vercel.app/docs/intro)\n\n## React Integration\n\nIf you're building with React use `react-scroll-parallax`, a set of hooks and components to easily create effects and interact with the `parallax-controller`.\n\n```bash\nyarn add react-scroll-parallax\n```\n\nSee the [React Scroll Parallax documentation](https://react-scroll-parallax.damnthat.tv/) for usage and demos.\n\n## Demos\n\nThis package was created for [react-scroll-parallax](https://github.com/jscottsmith/react-scroll-parallax), but can be used as a standalone lib. Most demos were built with `react-scroll-parallax`.\n\n- [React Scroll Parallax V3 Doc Site](https://react-scroll-parallax-docs.netlify.app/)\n- [React Scroll Parallax V3 Storybook](https://react-scroll-parallax-v3.surge.sh/)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjscottsmith%2Fparallax-controller","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fjscottsmith%2Fparallax-controller","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjscottsmith%2Fparallax-controller/lists"}