{"id":13424243,"url":"https://github.com/haydenbbickerton/vue-animate","last_synced_at":"2025-10-22T11:53:12.299Z","repository":{"id":57142358,"uuid":"55311572","full_name":"haydenbbickerton/vue-animate","owner":"haydenbbickerton","description":"*UNSUPPORTED* (active fork @ https://github.com/asika32764/vue2-animate)  Vue.js port of Animate.css","archived":false,"fork":false,"pushed_at":"2017-08-28T15:26:35.000Z","size":28,"stargazers_count":185,"open_issues_count":7,"forks_count":165,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-10-22T11:52:54.121Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"","language":"CSS","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/haydenbbickerton.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":"2016-04-02T19:06:48.000Z","updated_at":"2025-09-10T01:41:30.000Z","dependencies_parsed_at":"2022-08-30T20:01:10.135Z","dependency_job_id":null,"html_url":"https://github.com/haydenbbickerton/vue-animate","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/haydenbbickerton/vue-animate","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/haydenbbickerton%2Fvue-animate","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/haydenbbickerton%2Fvue-animate/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/haydenbbickerton%2Fvue-animate/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/haydenbbickerton%2Fvue-animate/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/haydenbbickerton","download_url":"https://codeload.github.com/haydenbbickerton/vue-animate/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/haydenbbickerton%2Fvue-animate/sbom","scorecard":{"id":458092,"data":{"date":"2025-08-11","repo":{"name":"github.com/haydenbbickerton/vue-animate","commit":"2e2af3af928bbbc941b5a0e1053b0dc83a6a7920"},"scorecard":{"version":"v5.2.1-40-gf6ed084d","commit":"f6ed084d17c9236477efd66e5b258b9d4cc7b389"},"score":3,"checks":[{"name":"Token-Permissions","score":-1,"reason":"No tokens found","details":null,"documentation":{"short":"Determines if the project's workflows follow the principle of least privilege.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#token-permissions"}},{"name":"Maintained","score":0,"reason":"0 commit(s) and 0 issue activity found in the last 90 days -- score normalized to 0","details":null,"documentation":{"short":"Determines if the project is \"actively maintained\".","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#maintained"}},{"name":"Code-Review","score":0,"reason":"Found 0/5 approved changesets -- score normalized to 0","details":null,"documentation":{"short":"Determines if the project requires human code review before pull requests (aka merge requests) are merged.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#code-review"}},{"name":"Binary-Artifacts","score":10,"reason":"no binaries found in the repo","details":null,"documentation":{"short":"Determines if the project has generated executable (binary) artifacts in the source repository.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#binary-artifacts"}},{"name":"Packaging","score":-1,"reason":"packaging workflow not detected","details":["Warn: no GitHub/GitLab publishing workflow detected."],"documentation":{"short":"Determines if the project is published as a package that others can easily download, install, easily update, and uninstall.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#packaging"}},{"name":"Dangerous-Workflow","score":-1,"reason":"no workflows found","details":null,"documentation":{"short":"Determines if the project's GitHub Action workflows avoid dangerous patterns.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#dangerous-workflow"}},{"name":"SAST","score":0,"reason":"no SAST tool detected","details":["Warn: no pull requests merged into dev branch"],"documentation":{"short":"Determines if the project uses static code analysis.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#sast"}},{"name":"Pinned-Dependencies","score":-1,"reason":"no dependencies found","details":null,"documentation":{"short":"Determines if the project has declared and pinned the dependencies of its build process.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#pinned-dependencies"}},{"name":"CII-Best-Practices","score":0,"reason":"no effort to earn an OpenSSF best practices badge detected","details":null,"documentation":{"short":"Determines if the project has an OpenSSF (formerly CII) Best Practices Badge.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#cii-best-practices"}},{"name":"Security-Policy","score":0,"reason":"security policy file not detected","details":["Warn: no security policy file detected","Warn: no security file to analyze","Warn: no security file to analyze","Warn: no security file to analyze"],"documentation":{"short":"Determines if the project has published a security policy.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#security-policy"}},{"name":"Vulnerabilities","score":10,"reason":"0 existing vulnerabilities detected","details":null,"documentation":{"short":"Determines if the project has open, known unfixed vulnerabilities.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#vulnerabilities"}},{"name":"Fuzzing","score":0,"reason":"project is not fuzzed","details":["Warn: no fuzzer integrations found"],"documentation":{"short":"Determines if the project uses fuzzing.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#fuzzing"}},{"name":"License","score":10,"reason":"license file detected","details":["Info: project has a license file: LICENSE:0","Info: FSF or OSI recognized license: MIT License: LICENSE:0"],"documentation":{"short":"Determines if the project has defined a license.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#license"}},{"name":"Signed-Releases","score":-1,"reason":"no releases found","details":null,"documentation":{"short":"Determines if the project cryptographically signs release artifacts.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#signed-releases"}},{"name":"Branch-Protection","score":0,"reason":"branch protection not enabled on development/release branches","details":["Warn: branch protection not enabled for branch 'master'"],"documentation":{"short":"Determines if the default and release branches are protected with GitHub's branch protection settings.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#branch-protection"}}]},"last_synced_at":"2025-08-19T10:17:32.322Z","repository_id":57142358,"created_at":"2025-08-19T10:17:32.322Z","updated_at":"2025-08-19T10:17:32.322Z"},"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":280431497,"owners_count":26329786,"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","status":"online","status_checked_at":"2025-10-22T02:00:06.515Z","response_time":63,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"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":[],"created_at":"2024-07-31T00:00:50.639Z","updated_at":"2025-10-22T11:53:12.279Z","avatar_url":"https://github.com/haydenbbickerton.png","language":"CSS","funding_links":[],"categories":["Awesome Vue.js [![Awesome](https://cdn.rawgit.com/sindresorhus/awesome/d7305f38d29fed78fa85652e3a63e154dd8e8829/media/badge.svg)](https://github.com/sindresorhus/awesome)","实用库","Awesome Vue.js"],"sub_categories":["Libraries \u0026 Plugins"],"readme":"#vue-animate\n*Cross-browser CSS3 animation library*\n\n[![Version](https://img.shields.io/npm/v/vue-animate.svg?style=flat-square)](https://www.npmjs.com/package/vue-animate)\n[![License](https://img.shields.io/npm/l/vue-animate.svg?style=flat-square)](LICENSE)\n\nA [Vue.js](http://vuejs.org/ \"Vue.js\") port of [Animate.css](https://github.com/daneden/animate.css \"Animate.css\"). For use with Vue's built-in transitions.\n\n - **[DEMO](http://luoye.pw/vue-animate-demo/)** (courtesy of [luoye-fe](https://github.com/luoye-fe))\n\n##Installation\n####HTML\nInclude the stylesheet:\n\n  ```html\n  \u003chead\u003e\n    \u003clink rel=\"stylesheet\" href=\"vue-animate.min.css\"\u003e\n  \u003c/head\u003e\n  ```\n####npm\n  If you're on webpack and using the [css-loader](https://github.com/webpack/css-loader \"css loader\"), you can use something like this:\n  ```shell\n  npm install --save vue-animate\n  ```\n  ```js\n  require('vue-animate/dist/vue-animate.min.css')\n  ```\n####Less\n  ```less\n  @import \"\u003cPATH_TO_SOURCE\u003e/src/vue-animate.less\";\n  ```\n\n####Building\n  ```shell\n  git clone https://github.com/haydenbbickerton/vue-animate.git\n  cd vue-animate\n  npm install\n  npm run build #Compiled .css files go to the dist folder\n  ```\n\n##Usage\n\n  Use [Vue.js transitions](http://vuejs.org/guide/transitions.html \"Vue.js Transitions\") as you normally would, but for the transition name you will use one of [Animate.css animations](https://github.com/daneden/animate.css#basic-usage \"animations\") **removing** the ***In/Out*** from the name.\n\n  For example, if I want to use *fadeInLeft* and *fadeOutLeft* on my element, I'll write:\n  ```html\n  \u003cdiv v-if=\"show\" transition=\"fadeLeft\"\u003ehello\u003c/div\u003e\n  ```\n  enter/leave is already written in the stylesheet, so just remove *In/Out* from the name and you're golden.\n\n####Custom Transition Classes\n  As of 0.0.3, Animate.css's original classnames are supported on enter/leave transitions. So if you're going to use [Custom Transition Classes](http://vuejs.org/guide/transitions.html#Custom-Transition-Classes \"Custom Transition Classes\"), you can either add *-enter/-leave* to the classes:\n\n  ```js\n  Vue.transition('bounce', {\n    enterClass: 'bounceLeft-enter',\n    leaveClass: 'bounceRight-leave'\n  })\n  ```\n  Or use the regular *In/Out* syntax:\n\n  ```js\n  Vue.transition('bounce', {\n    enterClass: 'bounceInLeft',\n    leaveClass: 'bounceOutRight'\n  })\n  ```\n\n####Supported Animations\n  Not all [Animate.css animations](https://github.com/daneden/animate.css#basic-usage \"animations\") are supported at the moment. Here is a list of what's in vue-animate (aka - *what you can put in the transition=\"x\"* attribute) as of right now:\n\n#####Bounce\n  * `bounce`\n  * `bounceDown`\n  * `bounceLeft`\n  * `bounceRight`\n  * `bounceUp`\n\n#####Fade\n  * `fade`\n  * `fadeDown`\n  * `fadeDownBig`\n  * `fadeLeft`\n  * `fadeLeftBig`\n  * `fadeRight`\n  * `fadeRightBig`\n  * `fadeUp`\n  * `fadeUpBig`\n\n#####Rotate\n  * `rotate`\n  * `rotateDownLeft`\n  * `rotateDownRight`\n  * `rotateUpLeft`\n  * `rotateUpRight`\n\n#####Slide\n  * `slideDown`\n  * `slideLeft`\n  * `slideRight`\n  * `slideUp`\n\n#####Zoom\n  * `zoom`\n  * `zoomDown`\n  * `zoomLeft`\n  * `zoomRight`\n  * `zoomUp`\n\n# License\n\n[MIT](http://opensource.org/licenses/MIT)\n\n## Contributing\n\nPull requests are welcome :)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhaydenbbickerton%2Fvue-animate","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fhaydenbbickerton%2Fvue-animate","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhaydenbbickerton%2Fvue-animate/lists"}