svg
Different Dynamic Typing SVG Generator—multi-line & blank-space formatting, multiple cursor styles, customizable delete speed, and more.
Related contents:
A simple but nice header image generator for your Github profile or project.
StarVector is a foundation model for SVG generation that transforms vectorization into a code generation task. Using a vision-language modeling architecture, StarVector processes both visual and textual inputs to produce high-quality SVG code with remarkable precision.
Refreshingly simple. Premium icons for websites and applications.
Related contents:
SVG Drawing Animation Generator.
SVG Artista is a tool that helps you animate stroke and fill properties in your SVG images with plain Css code. It should work fine with path, line, polyline, rect, circle, ellipse and polygon elements. It cannot animate SVG gradients though, so please keep that in mind.
Related contents:
SVG animation tool.
SVG Circus enables you to create cool animated SVG spinners, loaders and other looped animations in seconds.
Related contents:
5800+ free vector icons for web design. 5826 pixel-perfect icons for web design. A set of over 5700 free MIT-licensed high-quality SVG icons for you to use in your web projects.
Free and open source icons designed to make your website or app attractive, visually consistent and simply beautiful.
Related contents:
a DOM-only, super-fast, uber-tolerant XSS sanitizer for HTML, SVG and MathML. DOMPurify works with a secure default, but offers a lot of configurability and hooks.
Not your standard vector icons - 486 open-source line pixel-art style icons, in one color and made with a 24x24px grid by Gerrit Halfmann. Pro version with 1,944 icons with 4 variants!
Pixelarticons are presented in a singular color scheme, embodying a line art variant that captures the essence of minimalist and brutalist design principles. The Pro version expands this offering to 1,944 icons, available in four distinct styles, ensuring versatility and adaptability across a broad range of design projects.
Official Implementation of KnobGen: Controlling the Sophistication of Artwork in Sketch-Based Diffusion Models
I wrote this book back in 2016. SVG wasn't new then, but it was starting to catch on a little bit more for front-end developers. I thought, and still think, SVG is a great tool for a lot of things on the web, and wanted to help keep that trend going.
A gallery of hand-drawn arrows and other design resources as SVGs that can be easily copied as SVG code or React components for use in your projects.
Cute illustrations for React Apps.
React Kawaii is an open source library of cute SVG illustrations. Perfect if you want to give some cuteness to your React App.
Generate images of code and terminal output 📸.
Freeze generates PNGs, SVGs, and WebPs of code and terminal output alike.
Haikei is a web-based design tool to generate unique SVG design assets for websites, social media, blog posts, desktop and mobile wallpapers, posters, and more!
Create stunning vector illustrations in seconds. Create stylish & consistent vector illustrations in seconds
Just type a prompt and our AI will generate four unique vector illustrations that maintain a consistent style. Perfect for busy web agencies and creative individuals, it simplifies and speeds up your design process.
All popular icon sets, one framework. Freedom to choose icons. Over 150,000 open source vector icons.
Universal icon framework. One syntax for FontAwesome, Material Design Icons, DashIcons, Feather Icons, EmojiOne, Noto Emoji and many other open source icon sets (100+ icon sets, 100,000+ icons). SVG framework, React, Vue and Svelte components!
Web-based vector graphics editor and design tool.
Graphite is an in-development raster and vector graphics package that's free and open source. It is powered by a node graph compositing engine that fuses layers with nodes, providing a fully nondestructive editing experience.
180K+ open source icons.
Download, Customize, Edit and Personalize.Over 180k+ open source icons.
Convert 2D PNG/JPG Images to 3D STL Mesh files!
Use our free and fast online tool to convert your PNG and JPG 2D heightmap images or logo into 3D STL (stereolithography) mesh/model files suitable for printing with a 3D printer, CNC machining or for loading into your favourite 3D editing package.
Trace Pixels To Vectors in Full Color, Fully Automatically, Using AI.
Convert your JPEG and PNG bitmaps to SVG vectors quickly and easily. Fully Automatically. Using AI.
Custom-color elements ready to paste into your project. Squiggles, scribbles, shapes and... other stuff.
A library of over 70 custom-color elements ready to paste into your project.
If you've ever looked at the SVG code for an icon before, you might have noticed that they're usually made up of a bunch of path elements, each with a cryptic d attribute.
Get started with a collection of 437 free and open-source SVG icons compatible with Flowbite and Tailwind CSS based on solid and outline styles with React (JSX) and Figma support.
Beautiful hand-crafted SVG icons, by the makers of Tailwind CSS.
Related contents:
Phosphor is a flexible icon family for interfaces, diagrams, presentations — whatever, really.
Free SVG generators, color tools & web design tools.
fffuel is a collection of color tools and free SVG generators for gradients, patterns, textures, shapes & backgrounds
Free SVG Vectors and Icons. 500.000+ Open-licensed SVG Vector and Icons.
Related contents:
a chart and vector image re-styler.
Turn any vector image (charts, diagrams, illustrations) into hand-drawn art.
Bring Design Freedom to your Product Team. Designers and developers can finally work in unison to build beautifully designed software experiences that truly scale up.
Penpot is the first Open Source design and prototyping platform meant for cross-domain teams. Non dependent on operating systems, Penpot is web based and works with open standards (SVG). Penpot invites designers all over the world to fall in love with open source while getting developers excited about the design process in return.
Looking to add some premium squircley goodness to add to your designs? Squircley is all you need to start creating beautiful organic shapes ready to use for logos, icons and background images.
The generator exports SVG files which can be copied straight to the clipboard for dropping into your HTML / CSS or downloaded to your computer ready to use in your design software of choice (Figma, Sketch, Framer, XD, etc)
1424 Open source free SVG icons. Highly customizable. No attribution required. For commercial use.
Textures.js is a JavaScript library for creating SVG patterns. Made on top of d3.js, it is designed for data visualization.
We created this free tool to make it easier for designers and developers to export a beautiful SVG shape divider for their latest project. We hope you enjoy this tool.
Our Shape Dividers are premade SVG shapes that are not dynamic to the settings you use on the toolbar. Every Shape exported will come out as per it's original design and is manipulated via the code you export with it and implement into your web build.
Pose Animator takes a 2D vector illustration and animates its containing curves in real-time based on the recognition result from PoseNet and FaceMesh. It borrows the idea of skeleton-based animation from computer graphics and applies it to vector characters.
JavaScript 3D Library.
The aim of the project is to create an easy to use, lightweight, cross-browser, general purpose 3D library. The current builds only include a WebGL renderer but WebGPU (experimental), SVG and CSS3D renderers are also available as addons.
Related contents:
A gooey text hover effect using SVG filters
2 701Free Consistent Icons. Open source free icons library, available in variable stroke SVG format, web font, Figma, React, Vue and Flutter ready to use packages.
Over 3200 pixel-perfect icons for web design. Free and open source icons designed to make your website or app attractive, visually consistent and simply beautiful.
Random Favicon Generator is a free online tool to easily create icons and favicons for your website from a set of over 1950 free MIT-licensed high-quality SVG icons
A free font editor for TTF, OTF and SVG fonts.
Birdfont is a free font editor which lets you create vector graphics and export TTF, OTF and SVG fonts. The editor has good support for both monochrome and color font formats.
Capture website screenshots. Capture screenshots of websites in various resolutions. A good way to make sure your websites are responsive. It's speedy and generates 100 screenshots from 10 different websites in just over a minute. It can also be used to render SVG images.
SVGs are awesome! Thanks to math and geometry, SVG graphics give us a standardized way to create images and icons on the web to be displayed at any size without any loss in image quality. Here's an interactive reference to the most popular and/or interesting parts of the SVG spec.
Tool to create nice color palettes based on multi-color gradients.
A set of 3128 free MIT-licensed high-quality SVG icons for you to use in your web projects. Each icon is designed on a 24x24 grid and a 2px stroke.
A couple of ideas for decorative link distortion effects using SVG filters on lines, circles and squares.
700+ CSS Icons, Customizable, Retina Ready & API. Open-source CSS, SVG and Figma UI Icons.
Available in SVG Sprite, styled-components, NPM & API.
JavaScript animation engine. Anime.js (/ˈæn.ə.meɪ/) is a lightweight JavaScript animation library with a simple, yet powerful API. It works with CSS properties, SVG, DOM attributes and JavaScript Objects.
Create graphics with a hand-drawn, sketchy, appearance. Rough.js is a small (<9 kB) graphics library that lets you draw in a sketchy, hand-drawn-like, style. The library defines primitives to draw lines, curves, arcs, polygons, circles, and ellipses. It also supports drawing SVG paths.
Free repeatable SVG background patterns for your web projects. A collection of repeatable SVG background patterns for you to use on your web projects.
The zero configuration build tool. Parcel combines a great out-of-the-box development experience with a scalable architecture that can take your project from just getting started to massive production application.
Beautiful animated waves. nice-waves is a Vanilla JS library that makes creating waves a breeze.
CoreUI Icons is an open-source icon set with more than 1500 icons in multiple formats SVG, PNG, and Webfonts. CoreUI Icons are beautifully crafted symbols for common actions and items. You can use them in your digital products for web or mobile app.