svg

Browser generator producing SVG blobs, waves, layered shapes and gradient backgrounds with live controls.

Generates glitchy, displaced shape backgrounds with RGB-split and slice effects as SVG.

Suite of roughly seventy single-purpose SVG generators covering noise, grain, waves, blobs, patterns, spirals and gradients.

Library of parametric seamless SVG patterns with per-pattern controls for stroke, scale, spacing, rotation and colors.

Generates background scribble textures as lightweight SVG line art, with controls for density, roughness and stroke weight.

Symmetry-based editor where folding and cutting operations generate paper snowflake designs, exporting SVG or a print-and-cut PDF.

Generates futuristic glowing neon SVG shapes with layered blur and stroke controls.

Converts an SVG path into an equivalent CSS clip-path or mask so shapes stay resolution-independent.

Generates spill and melting-drip SVG shapes for section dividers, overlays and playful page transitions between colour blocks.

Generates custom colour palettes from a chosen base colour, with exportable swatches and copyable CSS variable output.

Generates SVG spiral wave shapes with adjustable turns, stroke thickness and taper, useful as decorative background art.

Creates vanishing-point perspective grids exportable as SVG for retro and synthwave layouts.

2,000+ hand-drawn CC0 illustrations in SVG and PNG, with ready-made Figma kits, a Figma plugin and an MCP server for agents.

Pattern generator based on the classic 10 PRINT maze algorithm, output as tileable SVG.

Generates SVG wave dividers with controls for amplitude, complexity and randomness, exportable as markup or file.

Vector animation editor focused on SVG and Lottie output, exporting animated icons and logos to SVG, Lottie, GIF, MP4 and WebM.

Open-source pack of 120-plus vector illustrations in AI, SVG, PNG, EPS and Figma formats, free for commercial use.

Generates isometric 3D-looking SVG patterns from tileable motifs, with control over tile size, angle and colour.

Long-running blog on CSS, SVG, generative graphics, Eleventy and sustainable web development from a working front-end developer.

Isometric scene builder that stacks and arranges isometric blocks into an exportable SVG illustration, no 3D tool needed.

Generator producing Bauhaus-inspired generative geometric compositions as downloadable SVG artwork, with colour and density controls.

Single-purpose generator producing volumetric god-ray light beam graphics with adjustable angle, spread and colour.

Generates smooth random organic blob shapes with complexity and contrast sliders, exportable as SVG.

TypeScript library for composing points, vectors, curves and interaction into visualizations rendered to canvas or SVG.

Icon family of about nine thousand glyphs across six weights including duotone and fill, with packages for most frameworks.

Generates deterministic SVG avatars from a name string in several geometric styles, as a React component or API.

Browser image compressor handling JPEG, PNG, SVG, GIF and WebP with lossy or lossless modes, resizing and EXIF stripping.

Interactive atlas of 65 authored CSS and SVG motion patterns plus studies on particles, springs, reaction-diffusion and gesture-to-easing.

Grid pattern generator covering dot, line, cross and mixed grid backgrounds as SVG.

Generates SVG shapes converging on a vanishing point for depth and tunnel effects.

Combines soft color blobs with an SVG noise filter to produce the grainy gradient backgrounds used across modern landing pages.

Collection of customisable SVG backgrounds, shape dividers, doodles and preloaders with export presets for Webflow, Elementor and plain CSS.

Over five thousand consistently stroked SVG icons on a 24px grid with filled variants and framework packages.

Creates soft blurry blob background shapes exportable as SVG, sized and coloured in the browser.

SVG badge generation service with 900+ icons and multiple themes, served from a Rust core on Cloudflare Workers.

Produces fluid, turbulence-displaced SVG gradient backgrounds using feTurbulence filters, with live colour and distortion controls.

SVG generator for wavy mesh-like gradient backgrounds built from overlapping union shapes with adjustable turbulence.

SVG wave generator producing layered wave dividers and backgrounds with adjustable amplitude and complexity.

Open-source icon set drawn on a 24-pixel grid, customisable by size, stroke width and colour, exported as SVG.

SVG icon library that morphs one glyph into another using closed-form optimal rotation and spring physics, across six frameworks.

Generates low-poly triangle mesh backgrounds from a seed and palette, available as a site and a JS library.

Icon set of programming language, framework and tool logos in original-color and plain variants, as font and SVG.

Encodes SVG markup to Base64 or URL-encoded form for use in CSS background-image.

Dependency-free QR code generator that renders to SVG, Unicode or ANSI in any JavaScript runtime including edge workers.

Single-weight open-source icon set of around three hundred icons, deliberately small and consistent, with React and Vue packages.

Browser SVG editor built for speed with no account or install, aimed at precise path and shape editing.

Generator for SVG noise and grain texture overlays with control over frequency, opacity and blend mode, exporting SVG or CSS.

Generates iridescent holographic background gradients with adjustable hue sweep and grain.

Timeline-based animation engine covering CSS, SVG, DOM attributes and JS objects; v4 rewrote it into tree-shakeable modules.

Hand-drawn doodle collection delivered as editable vector SVG assets you can recolour and combine into illustration sets.

Free hand-made icon set from Visiwig with unusual, characterful shapes distinct from standard icon libraries.

Declarative motion-graphics toolbelt for bursts, shape swirls and custom timelines; built for particle-style UI flourishes, not tweening DOM.

SVG chart library that draws in xkcd comic style with wobbly axes, hand-lettered labels and cartoon tooltips.

SVG arrow maker for hand-drawn and geometric pointer shapes with adjustable curvature.

Cyberpunk-inspired SVG background generator combining horizon grids, glow gradients and scan lines into a single exportable file.

Procedurally generated infinite Chinese landscape painting rendered as scrolling SVG in the browser.

Skills that produce editorial-quality diagrams in HTML and SVG with deliberate typography and layout decisions.

Icon set from Obra Studio with an unusually deliberate stroke-and-corner system, free to download.

Confetti and burst SVG generator producing celebratory particle arrangements as static vector art for success and empty states.

Extensible text-to-diagram library rendering to SVG or Canvas in the browser and to PNG/JPG/SVG in Node, with a plugin system for new diagram types.

Avatar library generating deterministic SVG avatars from a seed across dozens of illustrated and pixel art styles.

ByteDance icon system where a single SVG source can be rendered in outline, filled, two-tone or multi-color themes.

Generates soft watercolour-style background washes as SVG using layered filter effects.

Fully customisable open-source SVG icons where stroke width, size and corner radius are adjustable before download.

IntelliJ plugin converting SVG and Android vector XML into Compose ImageVector code.

Generator for repeating SVG shape grids with control over spacing, rotation and scale.

3KB Promise-based animation module for CSS and SVG properties, using requestAnimationFrame with no dependencies or plugin system.

Fully open-source icon library of over sixteen hundred icons with a consistent grid, no premium tier and no attribution.

SVG stroke and line generator for decorative rules, underlines, connectors and dividers, with adjustable curvature and thickness.

Organic blob shape generator producing editable SVG paths, with sliders for complexity, irregularity and corner smoothing.

Accessibility and CSS engineering blog covering focus indicators, ARIA live regions, SVG and inclusive component behaviour.

Minimal library for animating SVG line, path and polyline elements as if they were being drawn by hand.

Library that animates SVG stroke drawing with delayed, sync and oneByOne modes, plus scroll- and script-driven playback control.

Curated list of SVG tools, libraries, optimisers, animation techniques and tutorials.

Renders D3 charts and maps to static SVG on the server for emails, PDFs and social cards.

SVG line-chart web component under 3KB that is interactive, responsive and works in any framework or none.

Node and WebAssembly bindings for the Rust resvg renderer, rasterising SVG to PNG with custom font loading and cropping.

Codrops demo animating SVG text along a curved path as it scrolls into view via IntersectionObserver.

Library for animated SVG progress shapes — line, circle, semicircle or custom path — with per-step callbacks and custom easing.

Renders any web font as animated handwriting strokes, turning ordinary text into a hand-drawn reveal.

QR code designer where the rendering is defined by editable code presets, letting you script appearance parameters and export SVG.

Generator building SVG and PNG favicons from a letter or emoji with font, colour and background controls, emitting the head markup.

Searchable library of 660+ brand logos as clean SVGs with light/dark variants, wordmark options and a public API.

Open-source pack of hand-drawn doodle objects and characters in SVG and Sketch, free for any use.

Browser SVG editor built around a plugin architecture, so editing tools and panels are added as independent modules.

Parametric Voronoi pattern generator with real-time editing and SVG export for backgrounds and dividers.

React SVG mapping components built on d3-geo, aimed at static thematic maps rather than slippy tile maps.

Pseudo-3D engine rendering round, flat, designer-friendly vector illustrations on canvas or SVG with genuine 3D rotation.

Web tool that takes pasted SVG markup and generates CSS keyframes animating stroke-dashoffset and fill for draw-on effects.

Icon set drawn specifically for dense product interfaces, with an unusual visual restraint and steady release cadence.

Purpose-built generator for mathematically precise SVG sine waves with frequency, amplitude and phase controls.

Renderer-agnostic two-dimensional drawing API that outputs to SVG, canvas or WebGL from one scene description.

Converts text into SVG stroke paths and animates the drawing, supporting custom fonts and per-letter timing.

Library that puts colour palettes, type scales, icon grids and full styleguides on the clipboard as SVG you paste into Figma as editable frames.

Interactive mini-course teaching SVG animation techniques with editable inline examples.

Abstract holographic background generator producing layered iridescent SVG artwork you can recolour and export at any size.

Library of tileable SVG background patterns with live foreground colour and opacity controls, copied out as data-URI CSS.

Claude Code skill that writes themable SVG product illustrations in one family from a feature description.

Twenty-one typed SVG React loaders under 2 KB gzip, with a playground that exports size, color and speed as JSX.

Rust CLI that builds an icon font and matching stylesheet from a folder of SVG files, with a live glyph preview.

MIT 24×24 SVG icon set in five styles (duotone, light, regular, solid, editor) as React packages, with a Figma source.

Compiler-driven icon set for agents, MCP and RAG, with six validated drawings per concept and an MCP server of real names.

Client-side PNG-to-SVG vectorizer with per-colour Potrace-class curves, seam-free cutouts and centerline tracing for vinyl and plotters.

Browser vector workspace that reshapes icons from Tabler, Lucide, Phosphor, Iconoir and Heroicons into custom app icons, exporting SVG or PNG.

Browser generator for topographic contour-line patterns with adjustable parameters and export, for backgrounds, posters and section dividers.

Browser motion design editor with editable keyframes, easing curves, anchors, text stagger and multi-artboard canvas, exporting MP4, SVG and Lottie.

Searchable front-end for 250,000+ open-source icons across 150+ sets, with colour and stroke customisation and SVG, PNG, React or Vue export.

Animation engine with plugins for SVG path morphing, cubic morphing, SVG transforms, text and CSS properties.

Search engine over 500,000 open-licensed SVG vectors and icons with one-click download and editing.

Utility that interpolates between arbitrary SVG shapes by normalizing point counts, enabling morphs between unrelated paths.

Over 4,000 free CC-BY game and fantasy icons - weapons, creatures, symbols - downloadable as SVG or PNG.

Free vector SVG maps of every country, region and US state, editable in any design tool.

Free scientific and biological icon library - cells, organisms, lab equipment - in SVG for figures and diagrams.

Icon platform indexing roughly 450,000 icons across proprietary families and mirrored open sets like Material, Tabler and Remix.

Web generator for the Avataaars illustrated character set, free for commercial use and downloadable as SVG.

Generates superellipse squircle shapes as SVG with curvature, rotation and gradient fill controls.

Extension that lists every SVG on the current page and lets you preview, copy the markup or download each one individually.

Icon set of seven hundred icons built entirely from CSS with no SVG or font, also available as SVG and React.

Collection of hand-drawn style SVG patterns with a live color editor, from the LS Graphics studio.

Generates seamless SVG and CSS background patterns from configurable primitives, with a fully offline-capable interface.

Library of section-divider shapes with flip, invert, height and layering controls, output as inline SVG plus CSS.

Neutral-style icon system of over two thousand icons designed as a matched set in both line and fill variants.

Free SVG background generator covering waves, polygons, blobs, grids and noise with per-shape parameter control.

Free and paid illustration packs from a single illustrator, with a consistent line and character style across sets.

Open-source icon set with a distinct rounded geometry, available in line and fill, with framework packages.

Node-level editor for raw SVG path data with live command list, transforms, arc visualisation and path optimisation.

Zero-dependency SVG chart library with GitHub-style heatmaps, annotations and region markers in a very small bundle.

Declarative graphics library bringing a Flutter-style widget tree to SVG and canvas rendering for data visualisation on the web.

Renders digital timing diagrams and register maps from a compact JSON description, in browser or CLI.

Lightweight text image format that renders hand-positioned ASCII into clean SVG diagrams for technical documentation.

D3 module that generates SVG pattern fills — lines, circles, paths — for encoding categories without relying on colour alone.