{"id":21525826,"url":"https://github.com/bkwld/cloak-modal","last_synced_at":"2026-03-19T20:44:10.727Z","repository":{"id":63920070,"uuid":"553163355","full_name":"BKWLD/cloak-modal","owner":"BKWLD","description":"Modal, alert, flyout container for Cloak","archived":false,"fork":false,"pushed_at":"2022-12-08T19:04:46.000Z","size":6237,"stargazers_count":0,"open_issues_count":1,"forks_count":0,"subscribers_count":3,"default_branch":"main","last_synced_at":"2025-02-26T14:06:10.171Z","etag":null,"topics":["cloak-package"],"latest_commit_sha":null,"homepage":"https://cloak-modal.netlify.app","language":"Vue","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/BKWLD.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}},"created_at":"2022-10-17T20:20:19.000Z","updated_at":"2022-12-08T19:02:39.000Z","dependencies_parsed_at":"2023-01-14T14:00:36.174Z","dependency_job_id":null,"html_url":"https://github.com/BKWLD/cloak-modal","commit_stats":null,"previous_names":[],"tags_count":4,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/BKWLD%2Fcloak-modal","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/BKWLD%2Fcloak-modal/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/BKWLD%2Fcloak-modal/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/BKWLD%2Fcloak-modal/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/BKWLD","download_url":"https://codeload.github.com/BKWLD/cloak-modal/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":244085008,"owners_count":20395523,"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":["cloak-package"],"created_at":"2024-11-24T01:38:37.342Z","updated_at":"2025-10-23T07:34:18.510Z","avatar_url":"https://github.com/BKWLD.png","language":"Vue","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003c!-- # cloak-modal\n\nVue component for triggering animations, adding classes, firing events, and syncing slot variables based on visibility in the viewport.\n\n- [View demo](https://cloak-modal.netlify.app)\n- [Edit CodeSandbox](https://githubbox.com/BKWLD/cloak-modal)\n\n## Install\n\n```sh\nyarn add @cloak-app/modal\n```\n\n### Default\n\n```js\nimport Modal from '@cloak-app/modal'\nVue.component 'modal', Modal\n```\n\n### Nuxt\n\n```js\n// nuxt.config.js\nexport default {\n  buildModules: [ '@cloak-app/modal/nuxt' ]\n}\n```\n\n## Usage\n\nUse the `animate` prop to have `cloak-modal` reset CSS animations when the component does not mount within the viewport.  When the user scrolls far enough to reveal the component, the animations will begin from the start. This is the primary use case of `cloak-modal`.\n\n```vue\n\u003ctemplate\u003e\n  \u003cmodal\u003e\u003c/modal\u003e\n\u003c/template\u003e\n\u003cstyle\u003e\n.menu {\n  border 1px solid blue\n}\n\u003c/style\u003e\n```\n\nFor more examples, check out [the demo](https://cloak-modal.netlify.app).\n --\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbkwld%2Fcloak-modal","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fbkwld%2Fcloak-modal","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbkwld%2Fcloak-modal/lists"}