Moving an element along a given path

A step-by-step guide on how to draw using raw SVG code, complete with interactive diagrams.

A funky SVG shape generator.

Simply click on a shape to copy its SVG code to your clipboard.

Developers often feel discouraged from editing SVG markup and experimenting with SVG animations,.

Quickly look up how to define SVG shapes, transforms, masks, patterns, gradients, text and more.

This is an interactive article. To fully experience it, you’ll need to turn JavaScript on. Today, I’ll take you through the process I came up with …

I've been working on a program called html2svg, it converts web pages to SVG. It's based on a fork of Chromium to support modern web standards.

Make pixel art and turn it into repeated SVG patterns that can be used in your designs.

Open-source project and a fork of Feather Icons. We're expanding the icon set as much as possible while keeping it nice-looking

Let’s try to remember why we needed SVG sprites in the first place, then see what other less-known options are available and how they might be useful.

Announcing Vercel OG Image Generation, a new library for generating dynamic social card images.

It’s been a while since I introduced a new syntax to the css-doodle project to solve my own problems.

A simple tool to design cute SVG hearts to use anywhere.

A short tutorial on how to animate SVG paths while smooth scrolling a web page using Lenis and GSAP’s ScrollTrigger plugin.

Smart SVG techniques, from generative SVG grids to SVG paths with masks, grainy SVG gradients, cut-out effects and fractional SVG stars.

Creating software to reconstruct one-line drawings.

Generative mountain ridge dividers using videogame terrain generation techniques, JavaScript and SVG.

If an SVG is imported into a design tool, then immediately exported as another SVG, how much precision is kept?

The following article is a random collection of opinions on how design tools should export SVGs.