New on CTAN: svg-animate
svg-animate is a new LaTeX package for producing step-by-step animated SVG diagrams with TikZ. Animations are implemented as SMIL keyframes embedded in the SVG output, so they run natively in any web browser with no JavaScript and no external dependencies. The animation model is simple: a TikZ picture is divided into discrete steps, and each element is revealed or hidden at specific steps via instantaneous opacity transitions. The same source file produces both an animated SVG (via latex + dvisvgm) and a clean static PDF (via xelatex or lualatex), making it suitable for web publishing and print from a single source. Key features: - \begin{animate} / \reveal / \animstep — minimal, intuitive interface - Per-step durations, looping or one-shot playback - Multi-step and range visibility (step={1,3-5}) - Blinking elements with configurable amplitude (blink=) - Static fallback for PDF output (\noanimate, static key) - Cascading options from global to per-element level Requirements: PGF/TikZ >= 3.1.9, dvisvgm >= 2.9, TeX Live 2022+ or MiKTeX 22+.
This package is located at https://mirrors.ctan.org/graphics/svg-animate More information is at https://www.ctan.org/pkg/svg-animate
Thanks for the upload. For the CTAN Team Erik Braun
CTAN is run entirely by volunteers and supported by TeX user groups. Please join a user group or donate to one, see https://ctan.org/lugs
svg-animate – Generate animated SVG diagrams with TikZ
This package provides step-by-step animations for TikZ diagrams in SVG format. The resulting animations run natively in web browsers and do not require JavaScript or plugins.
From a single source file, both an animated SVG and a static PDF can be generated. In the PDF output, steps may be stacked or collapsed into a single frame.
The animation model is based on discrete steps. A TikZ picture is enclosed in \begin{animate}, material to be shown at a given step is marked with \reveal{...}, and \animstep is used to advance to the next step.
Additional features include per-step durations, visibility over multiple steps or step ranges, blinking elements, one-shot or looping playback, and a \noanimate fallback for PDF output.
In SVG output, visibility changes are implemented by means of SMIL animations with instantaneous opacity transitions.
| Paket | svg-animate |
| Version | 1.0 2026-03-16 |
| Copyright | 2026 Sébastien Gross |
| Betreuer | Sébastien Gross |