{"id":20981718,"url":"https://github.com/robertoentringer/animate-css-class-extractor","last_synced_at":"2026-04-09T18:03:26.824Z","repository":{"id":57180093,"uuid":"322918091","full_name":"robertoentringer/animate-css-class-extractor","owner":"robertoentringer","description":"Extract animate.css css classes to json or js module file.","archived":false,"fork":false,"pushed_at":"2020-12-19T21:48:21.000Z","size":274,"stargazers_count":2,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-03-05T11:49:55.599Z","etag":null,"topics":["animate-css","css","esm","export","extractor","json","npm-package","parser"],"latest_commit_sha":null,"homepage":"https://www.npmjs.com/package/animate-css-class-extractor","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/robertoentringer.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}},"created_at":"2020-12-19T19:00:46.000Z","updated_at":"2023-03-04T05:05:30.000Z","dependencies_parsed_at":"2022-09-14T03:31:19.787Z","dependency_job_id":null,"html_url":"https://github.com/robertoentringer/animate-css-class-extractor","commit_stats":null,"previous_names":[],"tags_count":1,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/robertoentringer%2Fanimate-css-class-extractor","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/robertoentringer%2Fanimate-css-class-extractor/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/robertoentringer%2Fanimate-css-class-extractor/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/robertoentringer%2Fanimate-css-class-extractor/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/robertoentringer","download_url":"https://codeload.github.com/robertoentringer/animate-css-class-extractor/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":243383648,"owners_count":20282178,"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":["animate-css","css","esm","export","extractor","json","npm-package","parser"],"created_at":"2024-11-19T05:40:09.608Z","updated_at":"2025-12-24T18:46:28.249Z","avatar_url":"https://github.com/robertoentringer.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Animate.css class extractor\n\nThe command tries first to extract the css classes from the animate.css available in your **_current project / work folder_**.\n\nIn the case animate.css is not available from the current project folder use the animate.css provided by the command itself as depencie.\n\nNpm package : https://www.npmjs.com/package/animate-css-class-extractor\n\n## Usage\n\n```shell\n$ npx animate-css-class-extractor\n\nParse file: .../node_modules/animate.css/source/animate.css\nSave JSON file: .../2020-12-19_22-34__animate.css__v4.1.1.json ... OK\nSave JS file: .../2020-12-19_22-34__animate.css__v4.1.1.js ... OK\n\n```\n\n## Module\n\n```js\nconst { extractCssClasses } = require('animate-css-class-extractor')\n\nconst animations = extractCssClasses()\n\n//-\u003e animations\n{\n  'Attention seekers': [\n    'bounce',    'flash',\n    'pulse',     'rubberBand',\n    'shakeX',    'shakeY',\n    'headShake', 'swing',\n    'tada',      'wobble',\n    'jello',     'heartBeat'\n  ],\n  'Back entrances': [ 'backInDown', 'backInLeft', 'backInRight', 'backInUp' ],\n  'Back exits': [ 'backOutDown', 'backOutLeft', 'backOutRight', 'backOutUp' ],\n  'Bouncing entrances': [\n    'bounceIn',\n    'bounceInDown',\n    'bounceInLeft',\n    'bounceInRight',\n    'bounceInUp'\n  ],\n  'Bouncing exits': [\n    'bounceOut',\n    'bounceOutDown',\n    'bounceOutLeft',\n    'bounceOutRight',\n    'bounceOutUp'\n  ],\n  'Fading entrances': [\n    'fadeIn',\n    'fadeInDown',\n    'fadeInDownBig',\n    'fadeInLeft',\n    'fadeInLeftBig',\n    'fadeInRight',\n    'fadeInRightBig',\n    'fadeInUp',\n    'fadeInUpBig',\n    'fadeInTopLeft',\n    'fadeInTopRight',\n    'fadeInBottomLeft',\n    'fadeInBottomRight'\n  ],\n  'Fading exits': [\n    'fadeOut',\n    'fadeOutDown',\n    'fadeOutDownBig',\n    'fadeOutLeft',\n    'fadeOutLeftBig',\n    'fadeOutRight',\n    'fadeOutRightBig',\n    'fadeOutUp',\n    'fadeOutUpBig',\n    'fadeOutTopLeft',\n    'fadeOutTopRight',\n    'fadeOutBottomRight',\n    'fadeOutBottomLeft'\n  ],\n  Flippers: [ 'flip', 'flipInX', 'flipInY', 'flipOutX', 'flipOutY' ],\n  Lightspeed: [\n    'lightSpeedInRight',\n    'lightSpeedInLeft',\n    'lightSpeedOutRight',\n    'lightSpeedOutLeft'\n  ],\n  'Rotating entrances': [\n    'rotateIn',\n    'rotateInDownLeft',\n    'rotateInDownRight',\n    'rotateInUpLeft',\n    'rotateInUpRight'\n  ],\n  'Rotating exits': [\n    'rotateOut',\n    'rotateOutDownLeft',\n    'rotateOutDownRight',\n    'rotateOutUpLeft',\n    'rotateOutUpRight'\n  ],\n  Specials: [ 'hinge', 'jackInTheBox', 'rollIn', 'rollOut' ],\n  'Zooming entrances': [ 'zoomIn', 'zoomInDown', 'zoomInLeft', 'zoomInRight', 'zoomInUp' ],\n  'Zooming exits': [\n    'zoomOut',\n    'zoomOutDown',\n    'zoomOutLeft',\n    'zoomOutRight',\n    'zoomOutUp'\n  ],\n  'Sliding entrances': [ 'slideInDown', 'slideInLeft', 'slideInRight', 'slideInUp' ],\n  'Sliding exits': [ 'slideOutDown', 'slideOutLeft', 'slideOutRight', 'slideOutUp' ]\n}\n```\n\n## Screenshot\n\n[![screenshot.png](screenshot.png)](https://www.npmjs.com/package/animate-css-class-extractor)\n\n# Resources\n\nAnimate.css by Daniel Eden\nhttp://daneden.github.io/animate.css\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frobertoentringer%2Fanimate-css-class-extractor","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Frobertoentringer%2Fanimate-css-class-extractor","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frobertoentringer%2Fanimate-css-class-extractor/lists"}