Inline SVG Drawing Animation
Simulating Hand-Drawn Motion with SVG Filters
A practical guide to implementing the boiling line animation effect using SVG filter primitives and JavaScript - Blog post by Camillo Visini
animated SVG-in-OpenType Digiac font
animated SVG-in-OpenType Digiac font .Visit vith Firefox or MS Edge...
Whimsical Animations
Learn how to create charming interactions and delightful touches using the magic of CSS, JavaScript, SVG, and Canvas. I’m sharing all my tricks in this one!
@tomlarkworthy/svg-lens
The drawing syncs to the code and vice versa. Switch between using code and UI. Built on composable lens [Foster et al. 2007] and edit-lens [Hofmann et al. 2012] theory, but applied in the string domain so unknown semantics like SVG animations are preserved without parsing. Follows the path of Sketch-n-Sketch [Chugh et al. 2016] [Hempel et al. 2019] but applied to an existing image format: SVG. Generated with a novel prompting strategy of requesting an LLM to use property checking against mathematical laws as a architecture, leading to strong implementation consistency over an expansive domain.
Creating fonts from SVGs – with automation! 🤖 · Leif Gehrmann
Lately I needed the ability to create a font from an existing set of SVG files that I created in Sketch. I’m not a professional font creator, but I’ve figured out an automated workflow works that works best for me.
Curved Text Along a Path | CSS-Tricks
We can flow text along a curved line with three tools built right into SVG: , and .
Pele · Mermaid diagrams as themeable SVG
Pele is a lightweight library that renders Mermaid diagrams to SVG, themed with CSS variables.
Anime.js | JavaScript Animation Engine
A fast, multipurpose and lightweight JavaScript animation library
Svelte - Animation
Resources for animations in Svelte
Portfolio - Brandon Ma
animate: • Svelte Docs
Animations for an AI agent using SVG and Svelte
Svelte - Native Animation Tools (by Bee 🐝) — Semble
Svelte - Animation Engines (by Bee 🐝) — Semble