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

  • Untitled post 59179

    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

  • Untitled post 58864

    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

  • Untitled post 58560

    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

  • Untitled post 58492

    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).

  • Untitled post 57795

    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

  • Untitled post 57128

    https://techicons.dev/ offers free "#SVG and PNG tech icons".

  • Untitled post 56189

    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.