{"id":14954938,"url":"https://github.com/wptrainingteam/animated-timeline-plugin","last_synced_at":"2025-10-24T07:30:35.080Z","repository":{"id":244128975,"uuid":"813848753","full_name":"wptrainingteam/animated-timeline-plugin","owner":"wptrainingteam","description":"A WordPress plugin that extends the Group block to create an animating timeline effect","archived":false,"fork":false,"pushed_at":"2024-07-30T17:45:06.000Z","size":9177,"stargazers_count":10,"open_issues_count":0,"forks_count":2,"subscribers_count":7,"default_branch":"main","last_synced_at":"2025-01-29T08:11:49.648Z","etag":null,"topics":["timeline","timeline-component","wordpress","wordpress-blocks","wordpress-development","wordpress-plugin"],"latest_commit_sha":null,"homepage":"https://developer.wordpress.org/news/2024/06/13/how-to-create-an-animated-timeline-plugin/","language":"PHP","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/wptrainingteam.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,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-06-11T21:33:16.000Z","updated_at":"2024-11-24T16:35:36.000Z","dependencies_parsed_at":null,"dependency_job_id":"d63ef8c0-ffe1-4074-bcea-7a8752383821","html_url":"https://github.com/wptrainingteam/animated-timeline-plugin","commit_stats":{"total_commits":19,"total_committers":2,"mean_commits":9.5,"dds":"0.10526315789473684","last_synced_commit":"ce9c562d928e1450a9866c2ee7c4b1b6a49e53b9"},"previous_names":["wptrainingteam/animated-timeline-plugin"],"tags_count":1,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wptrainingteam%2Fanimated-timeline-plugin","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wptrainingteam%2Fanimated-timeline-plugin/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wptrainingteam%2Fanimated-timeline-plugin/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wptrainingteam%2Fanimated-timeline-plugin/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/wptrainingteam","download_url":"https://codeload.github.com/wptrainingteam/animated-timeline-plugin/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":237932060,"owners_count":19389560,"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":["timeline","timeline-component","wordpress","wordpress-blocks","wordpress-development","wordpress-plugin"],"created_at":"2024-09-24T13:10:15.991Z","updated_at":"2025-10-24T07:30:34.605Z","avatar_url":"https://github.com/wptrainingteam.png","language":"PHP","readme":"# Animated timeline plugin\n\nThis WordPress plugin extends the core Group block to create an animated timeline experience with subtle animation and considerations for [`prefers-reduced-motion`](https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-reduced-motion) respecting a visitors preference for non-essential motion.\n\nThe final pattern is registered within the plugin, but it could also potentially be included directly in a custom WordPress theme. It can also be found on the WordPress Pattern Directory as [Vertical Timeline](https://wordpress.org/patterns/pattern/vertical-timeline/).\n\nThere are two possible styling variations: `animated-timeline` and `animated-timeline animated-timeline--circles`.\n\nThe accompanying post resides on the WordPress Developer Blog: [__How to create an animated timeline plugin__](https://developer.wordpress.org/news/2024/06/13/how-to-create-an-animated-timeline-plugin/).\n\n## How to use\n\n1. Download this plugin as a zip (click on 'Code' and choose 'Download ZIP')\n2. Place the un-zipped directory in your WordPress `wp-content/plugins` directory\n3. Activate the plugin\n4. Create a new post / page and add the 'Animated Timeline' pattern.\n5. Save and preview the final animated timeline.\n6. Try editing the Advanced -\u003e Additional CSS Classes from `animated-timeline` to `animated-timeline animated-timeline--circles` for the overall pattern's parent Group block to see the circle variation.\n\nFeel free to fork it and use it however you like!\n\n## Changelog\n\n### June 11, 2024 - v1.0.0\n\nInitial launch.\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwptrainingteam%2Fanimated-timeline-plugin","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fwptrainingteam%2Fanimated-timeline-plugin","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwptrainingteam%2Fanimated-timeline-plugin/lists"}