design · Picked by us
Reuse 20 animated graphics made entirely from SVG
A public-domain collection shows how circles, paths, gradients and transforms can produce animation without JavaScript or external files.

What it does
Give designers and developers small, inspectable animation examples they can learn from or reuse.
Who it helps
Web designers, frontend developers and people learning SVG animation.
How it was made
- Models
- Claude · version not given
- Tools
- SVG SMIL · Self-contained animation
- BlinkZer0 says Claude generated every SVG in the collection.
- The 20 examples use native SVG animation elements and no JavaScript, CSS file or external asset.
What the person did
BlinkZer0 selected, named, documented and published the unmodified examples. The repository does not provide prompts or an exact Claude model.
What we know
Creator-reported: The repository says Claude generated all 20 unmodified SVGs; no exact model is named.
Access checked — 2026-09-20 · Served and rendered the committed DNA helix SVG in Chromium. The graphic loaded; only a missing favicon request failed.
Can you use it?
The repository README releases the SVG examples into the public domain under CC0. Its licence file contains MIT terms for the repository. The preview is a resized browser capture of the committed DNA helix SVG.
About this project
Picked by Made With Models. Added 2026-09-20. Updated 2026-09-20.