The five best design links, every weekday

Category: Svg

All Categories

getloaf.io

SVG animations made easySponsored

Loaf is a tool that makes SVG animations easy. Hundreds of premium animations packaged in a beautiful app for Windows and macOS. Get started for free!

boringavatars.com

Random SVG avatar generator based on user names

Boring avatars is a tiny JavaScript React library that generates custom, SVG-based, round avatars from any username and color palette.

javier.xyz

PINTR

Create single line SVG illustrations from your pictures.

sarasoueidan.com

Not Your Typical Horizontal Rules

Like other HTML elements, horizontal rules can be styled using CSS. This means that they don’t have to look like boring, plain horizontal lines.

kumiko-generator.netlify.app

Kumiko Generator

Kumiko is an ancient Japanese woodworking technique, which involves slotting together many tiny pieces into a lattice.

globs.design

Glob Editor

A globs-based vector editor.

cassie.codes

Swipey Image Grids

SVG isn’t just useful for illustrative animation. It’s hella handy for UI too.

smashingmagazine.com

SVG Generators

A complete guide to SVG generators — for everything from SVG shapes and cropping tools to SVG filters, color matrix mixer and SVG to JSX generators.

css-tricks.com

Creating Patterns With SVG Filters

For years, my pain has been not being able to create a somewhat natural-looking pattern in CSS. I mean, sometimes all I need is a wood texture.

haikei.app

Haikei: Generate unique SVG design assets

A web-based design tool to generate unique SVG design assets for websites, social media, blog posts, desktop and mobile wallpapers, posters, and more!

tympanus.net

Circular SVG Text Animation

Exploring some experimental circular SVG text effects for an intro animation.

irigoyen.dev

Stop Using Icon Fonts

Icon fonts became popular over a decade ago. But their convenience comes at a high cost to your visitors.

adrianroselli.com

Cistercian SVG

I am one of the many people who stumbled across Cistercian numerals and fell down the rabbit hole.

svgrepo.com

SVG Repo: Free SVG Vectors and Icons

Download free mono or multi color vectors for commercial use.

svgwaves.io

SVG Waves - Instantly generate waves

An interactive playground to generate svg waves for your design. Customize wave types, colours, and more.

humaan.com

Creating comic book speech bubbles with SVG and javascript

Webcomics traditionally include speech bubbles as part of the image. Today we explore whether it could be done using SVG and javascript.

svgbox.net

SVGBox: An API for Web Icons

SVGBox makes it dead-easy to include icons in your project. Simple tags: that's all you need. No CSS, JS, file uploads, or inline SVGs.

yqnn.github.io

SvgPathEditor

Online editor to create and manipulate SVG paths.

formito.com

Build your SVG favicon in seconds

Build a letter-based favicon like most big tech companies, or be playful and create an emoji-based favicon.

bgjar.com

BGJar

Free svg background generator for your websites, blogs and app.