GitHub, npmjs, Notion
Embed plays as animated <img>. Click to land on the permalink with code already in your clipboard.
Every snippet gets a URL, an animated embed, and a view counter. Drop it into your README, your docs, your post, or your deck — one link, alive on every surface.
def fizzbuzz(n: int) -> str:
if n % 15 == 0:
return "FizzBuzz"
if n % 3 == 0:
return "Fizz"
if n % 5 == 0:
return "Buzz"
return str(n)
for i in range(1, 16):
print(fizzbuzz(i))| Feature | Fenced code block | codeanimate.dev embed |
|---|---|---|
| Animation | ||
| Theme customization | Viewer's theme wins | Your theme, everywhere |
| Window chrome | macOS / Windows / terminal | |
| Drop shadow / depth | ||
| Copy code | Where the platform adds a button | One click via permalink; inline on docs sites |
| Screen-reader text | ||
| Search-engine indexable | ||
| Permalink URL | ||
| View analytics | ||
| Open Graph preview |
Embed plays as animated <img>. Click to land on the permalink with code already in your clipboard.
Our plugin inlines the SVG so text is selectable and the copy button is right there.
The /p/<id> link unfurls with an OG preview card showing the fully-typed frame.
Copy works in place where the platform allows it and one click via permalink where it doesn't. Screen readers and search engines see the real text regardless — it's embedded in the SVG bytes, not baked into a raster image.
Powered by Shiki — the same TextMate engine VS Code uses. Python f-strings, JSX expressions, embedded SQL: all highlight the way they should.
PNG, SVG, GIF, MP4, and WebM — all encoded client-side. No upload queue, no server bill, no third party seeing your code.
Every snippet, theme, and timing detail compresses into the address bar. Drop a teammate a link; they open exactly your composition.
Free forever — every format, every theme. Free exports carry a small watermark. Upgrade when you want to drop it, export without limits, and save your snippets, themes, and settings across devices.