design · Picked by us

Reuse 20 animated graphics made entirely from SVG

Animated SVG Showcase

A public-domain collection shows how circles, paths, gradients and transforms can produce animation without JavaScript or external files.

By BlinkZer0

Browse the SVGs
Inspect the DNA helix

Free; self-contained source

SVG examples released as CC0

One frame of BlinkZer0's Claude-generated animated DNA helix SVG on a white background.
A look at the result

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
  1. BlinkZer0 says Claude generated every SVG in the collection.
  2. 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.