This WordPress plugin extends the core Group block to create an animated timeline experience with subtle animation and considerations for prefers-reduced-motion
respecting a visitors preference for non-essential motion.
The 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.
There are two possible styling variations: animated-timeline
and animated-timeline animated-timeline--circles
.
The accompanying post resides on the WordPress Developer Blog: How to create an animated timeline plugin.
wp-content/plugins
directoryanimated-timeline
to animated-timeline animated-timeline--circles
for the overall pattern's parent Group block to see the circle variation.Feel free to fork it and use it however you like!
Initial launch.