svg
-
#SVG Coding Examples: Useful Recipes For Writing Vectors By Hand #webdev #frontend #CSS https://www.smashingmagazine.com/2024/09/svg-coding-examples-recipes-writing-vectors-by-hand/
-
3198+ Free #SVG icons for popular brands #design https://simpleicons.org https://github.com/simple-icons/simple-icons-website #icons
-
TIL about https://www.svgviewer.dev View, edit, and optimize SVGs. Also other #SVG and path editors/croppers: https://jakearchibald.github.io/svgomg/https://yqnn.github.io/svg-path-editor/https://svgcrop.com/https://www.softr.io/tools/svg-shape-generator #webdev
-
ripl is a #JavaScript library for data visualization in both #SVG and Canvas. #opensource https://github.com/andrewcourtice/ripl #charts
-
Blobmaker is a free generative design tool that creates "random, unique, and organic-looking #SVG shapes". https://www.blobmaker.app #design
-
https://fffuel.co is a collection of color tools and #free #SVG generators for gradients, patterns, textures, shapes & backgrounds #design #frontend
-
A tool for easily creating #SVG filters with a nice graphical interface https://svgfm.chriskirknielsen.com #design #webdev
-
Collection of #SVG company logos https://www.brandbird.app/tools/svg-company-logos #webdesign
-
Generate a static #SVG sprite sheet. #webdev https://til.jakelazaroff.com/astro/generate-a-static-svg-sprite-sheet/ via @jakelazaroff
-
Rough.js creates graphics "with a hand-drawn, sketchy, appearance". Works w/ Canvas and #SVG. #JavaScript https://roughjs.com/
-
An interactive guide to making #SVG spinners. https://fffuel.co/svg-spinner/ #CSS #frontend
-
A nice looking #SVG Tutorial, learning step by step with a fun interface. #css #frontend https://svg-tutorial.com/
-
Making "noisy" #SVG or adding noise texture with only code. #frontend #css https://daniel.do/article/making-noisy-svgs/ Pretty cool. Expecting @chriscoyier to mention this in a future Shoptalk Show. 😉 See also: https://css-tricks.com/grainy-gradients/
-
Changing Colors in an #SVG Element Using #CSS and #JavaScript https://www.kirupa.com/web/changing_colors_svg_css_javascript.htm
-
BGJar is a "free #SVG background generator". https://bgjar.com/ (It's a little ad heavy).
-
Easy #SVG sparklines (Sparkline charts are compact, simple charts showing a general trend without getting into the nitty-gritty of a more complete solution.) https://alexplescan.com/posts/2023/07/08/easy-svg-sparklines/
-
@jonkantner: Swirling Sun Preloader codepen.io/jkantner/pen/L… @CodePen #CSS #SVG pic.twitter.com/ntyaj1fHPE Video
-
https://techicons.dev/ offers free "#SVG and PNG tech icons".
-
A collection of 120+ basic #SVG shapes to copy – the SVG code goes into to your clipboard. https://shapes.framer.website/
-
Adding #SVG to the #WordPress block editor (Via @pandulu) claudiorimann.com/adding-svg-to-…
-
https://iconoir.com is an #opensource #icon library. Available in #SVG format, Font, React and React Native libraries, #Figma and Framer.
-
svg-sanitizer ( darylldoyle/svg-sanitizer )
A PHP SVG/XML Sanitizer Created by darylldoyle on Jun 18, 2015.
-
svg-path-editor ( Yqnn/svg-path-editor )
Online editor to create and manipulate SVG paths Created by Yqnn on May 02, 2020.
-
safe-svg ( 10up/safe-svg )
Enable SVG uploads and sanitize them to stop XML/SVG vulnerabilities in your WordPress website. Created by 10up on May 18, 2018.
-
apexcharts.js ( apexcharts/apexcharts.js )
📊 Interactive JavaScript Charts built on SVG Created by apexcharts on Jul 24, 2018.
-
rawgraphs-app ( rawgraphs/rawgraphs-app )
A web interface to create custom vector-based visualizations on top of RAWGraphs core Created by rawgraphs on Apr 17, 2013.
-
pintr ( javierbyte/pintr )
Create single line SVG illustrations from your pictures Created by javierbyte on May 08, 2021.
-
boring-avatars ( boringdesigners/boring-avatars )
Boring avatars is a tiny JavaScript React library that generates custom, SVG-based avatars from any username and color palette. Created by boringdesigners on Dec 23, 2020.
-
js-code-to-svg-flowchart ( Bogdan-Lyashenko/js-code-to-svg-flowchart )
js2flowchart – a visualization library to convert any JavaScript code into beautiful SVG flowchart. Learn other’s code. Design your code. Refactor code. Document code. Explain code. Created by Bogdan-Lyashenko on Jul 30, 2017.
-
tabler-icons ( tabler/tabler-icons )
A set of over 3200 free MIT-licensed high-quality SVG icons for you to use in your web projects. Created by tabler on Feb 27, 2020.