{"id":20577392,"url":"https://github.com/voloshchenkoal/morphing-pointer","last_synced_at":"2025-04-14T18:23:13.262Z","repository":{"id":54128219,"uuid":"306465785","full_name":"VoloshchenkoAl/morphing-pointer","owner":"VoloshchenkoAl","description":"Morphing pointer in iPadOS style","archived":false,"fork":false,"pushed_at":"2023-03-24T14:15:38.000Z","size":1532,"stargazers_count":24,"open_issues_count":1,"forks_count":0,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-04-10T01:56:21.544Z","etag":null,"topics":["animation","cursor","gsap","ipados","typescript"],"latest_commit_sha":null,"homepage":"https://voloshchenkoal.github.io/morphing-pointer/","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/VoloshchenkoAl.png","metadata":{"files":{"readme":"readme.md","changelog":null,"contributing":null,"funding":null,"license":"License.md","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-10-22T21:46:21.000Z","updated_at":"2024-10-10T06:59:42.000Z","dependencies_parsed_at":"2024-11-16T05:49:23.213Z","dependency_job_id":"bbada0f0-6418-4694-809a-804b867d9dc6","html_url":"https://github.com/VoloshchenkoAl/morphing-pointer","commit_stats":{"total_commits":47,"total_committers":2,"mean_commits":23.5,"dds":0.276595744680851,"last_synced_commit":"9c93f5561ef3992dd4ae8c8393c778492e3de681"},"previous_names":[],"tags_count":13,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/VoloshchenkoAl%2Fmorphing-pointer","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/VoloshchenkoAl%2Fmorphing-pointer/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/VoloshchenkoAl%2Fmorphing-pointer/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/VoloshchenkoAl%2Fmorphing-pointer/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/VoloshchenkoAl","download_url":"https://codeload.github.com/VoloshchenkoAl/morphing-pointer/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248933944,"owners_count":21185566,"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","cursor","gsap","ipados","typescript"],"created_at":"2024-11-16T05:49:19.606Z","updated_at":"2025-04-14T18:23:13.221Z","avatar_url":"https://github.com/VoloshchenkoAl.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Morphing pointer (experimental project)\n\nThis is a custom pointer in iPadOS style\n\n## Installation\n\nInstall with npm:\n\n```js\nnpm install --save morphing-pointer\n```\n\n\u003cimg src=\"https://raw.githubusercontent.com/VoloshchenkoAl/morphing-pointer/main/public/animation.gif\" alt=\"morphing pointer\" /\u003e\n\n## Example of use\n\nInit Morphing Pointer in your app\n\n```js\nimport { initMorphingPointer } from 'circular-revealer';\n\ninitMorphingPointer();\n```\n\nAnd use different triggers in html to add different types of animation\n\n| animation type | data attr                     |\n| -------------- | ----------------------------- |\n| highlight      | data-pointer-type=\"highlight\" |\n| lift           | data-pointer-type=\"lift\"      |\n| content        | data-pointer-type=\"content\"   |\n\n\n```html\n\u003cbutton data-pointer-type=\"lift\"\u003eButton\u003c/button\u003e\n\u003cbutton data-pointer-type=\"highlight\"\u003eAnother button\u003c/button\u003e\n\u003cp data-pointer-type=\"content\"\u003etext\u003c/p\u003e\n```\n\n---\n\nInspired by [Pointers (iPadOS)](https://developer.apple.com/design/human-interface-guidelines/ios/user-interaction/pointers/)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fvoloshchenkoal%2Fmorphing-pointer","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fvoloshchenkoal%2Fmorphing-pointer","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fvoloshchenkoal%2Fmorphing-pointer/lists"}