npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

@figlinq/svgedit

v7.0.0-beta.6a

Published

Powerful SVG-Editor for your browser

Downloads

5

Vulnerabilities

Powered byPowered by Snyk
  • 0High
  • 0Medium
  • 0Low

Links

Git

Maintainers

dmt0dmt0pmkrawczykpmkrawczyk

Keywords

svg-editorjavascriptsvg-editsvg

Readme

SVG-Edit

npm Dependencies devDependencies

Tests badge Coverage badge

Known Vulnerabilities Total Alerts Code Quality: Javascript

issuehunt-to-marktext

SVG-edit is a fast, web-based, JavaScript-driven SVG drawing editor that works in any modern browser.

screenshot

Help wanted

SVG-Edit is the most popular open source SVG editor. It was started more than 10 years ago by a fantastic team of developers. Unfortunately, the product was not maintained for a quite long period. We decided to give this tool a new life by refreshing many aspects. If you can help us to maintain SVG-Edit, you are more than welcome!

Demo

Thanks to Netlify, you can test the following builds:

Try SVG-edit V7-preview here

Try SVG-edit 5.1.0 here

Try SVG-edit 6.1.0 here

Installation

Quick install

  1. Clone or copy the repository contents
  2. run npm i to install dependencies
  3. run npm run start to start a local server
  4. Use your browser to access http://localhost:8000/src/editor/index.html

Integrating SVG-edit into your own application

V7 is changing significantly the way to integrate and customize SVG-Edit. The documentation will be detailed here.

SVG-Edit is made of two major components:

  1. The "svgcanvas" that takes care of the underlying svg edition. It can be used to build your own editor. See example in the demos folder or the svg-edit-react repository.
  2. The "editor" that takes care of the editor UI (menus, buttons, etc.)

For earlier versions of SVG-Edit, please look in their respective branches.

Supported browsers

- Opera 59+,
- Chrome 75+,
- FireFox 68+,
- Safari 11+
- Edge 18+

Support for old browsers may require to use an older version of the package. However,
please open an issue if you need support for a specific version of your browser so
the project team can decide if we should support with the latest version.

Further reading and more information

Hosting

SVGedit versions are deployed to: Deploys by Netlify