{"id":13791093,"url":"https://github.com/mcanouil/quarto-animate","last_synced_at":"2026-02-21T14:12:15.771Z","repository":{"id":85244655,"uuid":"532310095","full_name":"mcanouil/quarto-animate","owner":"mcanouil","description":"Animate.css extension for Quarto.","archived":false,"fork":false,"pushed_at":"2026-02-11T21:29:40.000Z","size":159,"stargazers_count":45,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"main","last_synced_at":"2026-02-12T05:36:51.603Z","etag":null,"topics":["animate","animate-css","animation","css","quarto","quarto-extension","quarto-pub","quartopub","stable"],"latest_commit_sha":null,"homepage":"https://m.canouil.dev/quarto-animate/","language":"Lua","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/mcanouil.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":".github/FUNDING.yml","license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":"CITATION.cff","codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null},"funding":{"github":"mcanouil","patreon":null,"open_collective":null,"ko_fi":null,"tidelift":null,"community_bridge":null,"liberapay":null,"issuehunt":null,"otechie":null,"lfx_crowdfunding":null,"custom":null}},"created_at":"2022-09-03T16:11:14.000Z","updated_at":"2026-02-11T21:28:16.000Z","dependencies_parsed_at":"2024-08-03T22:04:26.249Z","dependency_job_id":"c291d65d-65ce-4b8d-9e4b-6ba877af632b","html_url":"https://github.com/mcanouil/quarto-animate","commit_stats":null,"previous_names":[],"tags_count":12,"template":false,"template_full_name":null,"purl":"pkg:github/mcanouil/quarto-animate","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mcanouil%2Fquarto-animate","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mcanouil%2Fquarto-animate/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mcanouil%2Fquarto-animate/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mcanouil%2Fquarto-animate/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/mcanouil","download_url":"https://codeload.github.com/mcanouil/quarto-animate/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mcanouil%2Fquarto-animate/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":29682765,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-02-21T13:29:26.630Z","status":"ssl_error","status_checked_at":"2026-02-21T13:26:50.125Z","response_time":107,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.6:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"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":["animate","animate-css","animation","css","quarto","quarto-extension","quarto-pub","quartopub","stable"],"created_at":"2024-08-03T22:00:55.503Z","updated_at":"2026-02-21T14:12:15.766Z","avatar_url":"https://github.com/mcanouil.png","language":"Lua","funding_links":["https://github.com/sponsors/mcanouil"],"categories":["Extensions"],"sub_categories":[],"readme":"# Animate.css Extension for Quarto\n\nThis extension provides support and shortcode to [animate.css](https://animate.style/).\n\nAnimations are only available for HTML-based documents.\n\n## Installation\n\n```sh\nquarto add mcanouil/quarto-animate@1.5.0\n```\n\nThis will install the extension under the `_extensions` subdirectory.\n\nIf you're using version control, you will want to check in this directory.\n\n## Usage\n\nTo animate a text, use the `{{\u003c animate \u003e}}` shortcode. For example:\n\n```markdown\n{{\u003c animate bounce \"Some text\" \u003e}}\n```\n\n- Mandatory `\u003ceffect\u003e` and `\u003ctext\u003e`:\n\n  ``` markdown\n  {{\u003c animate \u003ceffect\u003e \"\u003ctext\u003e\" \u003e}}\n  ```\n\n- Optional `\u003cdelay=...\u003e`, `\u003cduration=...\u003e`, and `\u003crepeat=...\u003e`:\n\n  ``` markdown\n  {{\u003c animate \u003ceffect\u003e \"\u003ctext\u003e\" \u003cdelay=...\u003e \u003cduration=...\u003e \u003crepeat=...\u003e \u003e}}\n  ```\n\n  `\u003cdelay=...\u003e` and `\u003cduration=...\u003e` are durations requiring unit, _e.g._, `1s` or `800ms`. See \u003chttps://animate.style/\u003e for more details.\n\nDefining default values for animations can be done in the YAML front matter of your document:\n\n```yml\nextensions:\n  animate:\n    delay: 5s\n    duration: 10s\n    repeat: 3\n```\n\n## Advanced\n\nThe following won't work:\n\n```markdown\n{{\u003c animate bounce \"[HTML](https://m.canouil.dev/quarto-animate/)\" \u003e}}\n```\n\nBut this will:\n\n```markdown\n[[HTML](https://m.canouil.dev/quarto-animate/)]{.animate__animated .animate__bounce style=\"display:inline-block;\"}\n```\n\nOr:\n\n```markdown\n::: {.animate__animated .animate__bounce}\n[HTML](https://m.canouil.dev/quarto-animate/)\n:::\n```\n\nSee \u003chttps://animate.style/\u003e for more details.\n\n## Example\n\nHere is the source code for a minimal example: [example.qmd](example.qmd).\n\nOutput of `example.qmd`:\n\n- [HTML](https://m.canouil.dev/quarto-animate/)\n\n## Animation Effects\n\n- **Attention seekers**: `bounce`, `flash`, `pulse`, `rubberBand`, `shakeX`, `shakeY`, `headShake`, `swing`, `tada`, `wobble`, `jello`, `heartBeat`.\n- **Back entrances**: `backInDown`, `backInLeft`, `backInRight`, `backInUp`.\n- **Back exits**: `backOutDown`, `backOutLeft`, `backOutRight`, `backOutUp`.\n- **Bouncing entrances**: `bounceIn`, `bounceInDown`, `bounceInLeft`, `bounceInRight`, `bounceInUp`.\n- **Bouncing exits**: `bounceOut`, `bounceOutDown`, `bounceOutLeft`, `bounceOutRight`, `bounceOutUp`.\n- **Fading entrances**: `fadeIn`, `fadeInDown`, `fadeInDownBig`, `fadeInLeft`, `fadeInLeftBig`, `fadeInRight`, `fadeInRightBig`, `fadeInUp`, `fadeInUpBig`, `fadeInTopLeft`, `fadeInTopRight`, `fadeInBottomLeft`, `fadeInBottomRight`.\n- **Fading exits**: `fadeOut`, `fadeOutDown`, `fadeOutDownBig`, `fadeOutLeft`, `fadeOutLeftBig`, `fadeOutRight`, `fadeOutRightBig`, `fadeOutUp`, `fadeOutUpBig`, `fadeOutTopLeft`, `fadeOutTopRight`, `fadeOutBottomRight`, `fadeOutBottomLeft`.\n- **Flippers**: `flip`, `flipInX`, `flipInY`, `flipOutX`, `flipOutY`.\n- **Lightspeed**: `lightSpeedInRight`, `lightSpeedInLeft`, `lightSpeedOutRight`, `lightSpeedOutLeft`.\n- **Rotating entrances**: `rotateIn`, `rotateInDownLeft`, `rotateInDownRight`, `rotateInUpLeft`, `rotateInUpRight`.\n- **Rotating exits**: `rotateOut`, `rotateOutDownLeft`, `rotateOutDownRight`, `rotateOutUpLeft`, `rotateOutUpRight`.\n- **Specials**: `hinge`, `jackInTheBox`, `rollIn`, `rollOut`.\n- **Zooming entrances**: `zoomIn`, `zoomInDown`, `zoomInLeft`, `zoomInRight`, `zoomInUp`.\n- **Zooming exits**: `zoomOut`, `zoomOutDown`, `zoomOutLeft`, `zoomOutRight`, `zoomOutUp`.\n- **Sliding entrances**: `slideInDown`, `slideInLeft`, `slideInRight`, `slideInUp`.\n- **Sliding exits**: `slideOutDown`, `slideOutLeft`, `slideOutRight`, `slideOutUp`.\n\n---\n\n[Animate.css](https://animate.style/) by Daniel Eden under Hippocratic License 3.0.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmcanouil%2Fquarto-animate","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmcanouil%2Fquarto-animate","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmcanouil%2Fquarto-animate/lists"}