Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality. Learn more →
Top 12 svgo Open-Source Projects
-
SurveyJS
Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.
-
svg-sprite
SVG sprites & stacks galore — A low-level Node.js module that takes a bunch of SVG files, optimizes them and bakes them into SVG sprites of several types along with suitable stylesheet resources (e.g. CSS, Sass, LESS, Stylus, etc.)
-
image-optimizer
A free and open source tool for optimizing images and vector graphics. (by antonreshetov)
-
WorkOS
The modern identity platform for B2B SaaS. The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.
-
svg-gobbler
Open source browser extension that makes designing and developing easier by finding, processing, exporting, optimizing, and managing SVG content.
-
parsers
Specify helps you unify your brand identity by collecting, storing and distributing design tokens and assets — automatically.
-
vectorexpress-api
Vector Express is a free service and API for converting, analyzing and processing vector files.
image-shrinker is a simple, easy to use open source tool for shrinking images. Under the hood it uses pngquant, mozjpg, SVGO, and gifsicle. You can also install these tools individually if you need to compress some images. I often use pngquantafter exporting PNGs for web projects from Figma or similar tools. I literally run it like this:
Project mention: Nx + NextJS + Docker - The Nx way: Creating the NextJS application | dev.to | 2023-06-27//@ts-check // eslint-disable-next-line @typescript-eslint/no-var-requires const { composePlugins, withNx } = require('@nx/next'); /** * @type {import('@nx/next/plugins/with-nx').WithNxOptions} **/ const nextConfig = { nx: { // Set this to true if you would like to use SVGR // See: https://github.com/gregberge/svgr svgr: false, }, }; const plugins = [ // Add more Next.js plugins to this list if needed. withNx, ]; module.exports = composePlugins(...plugins)(nextConfig);
Visit site here: https://omatsuri.app Github link: https://github.com/rtivital/omatsuri
Deno also has a tooling ecosystem around it to enable developers to jumpstart their projects. Fresh is a web framework built for Deno and Lume is their static site generator.
Project mention: [OC] First 6 Months of orbital launch attempts in 2023. From launch site to orbit. | /r/dataisbeautiful | 2023-07-11Just make the dots into rounded flags.
Project mention: Show HN: Specify 2.0 – Your design token engine | news.ycombinator.com | 2024-01-25
I'll add one of my favorite SVG tools... a tool to crop SVGs. Sometimes the SVG has a wide border around it or something funky that makes dealing with centering it difficult. This tool just crops it to the visible elements:
https://svgcrop.com/
svgo related posts
- SVG Viewer – View, edit, and optimize SVGs
- Usefull tools for svg
- Easily use SVGs as JSX/TSX in your ReactJs app
- F360 going crazy over a client supplies SVG. Anything to clean it up?
- What is the benefit of stripping viewBox?
- SVGR for your React app
- What would be the best way to implement SVG's into your project?
-
A note from our sponsor - InfluxDB
www.influxdata.com | 27 Apr 2024
Index
What are some of the best open-source svgo projects? This list will help you:
Project | Stars | |
---|---|---|
1 | svgo | 20,349 |
2 | svgr | 10,294 |
3 | omatsuri | 2,487 |
4 | svg-sprite | 1,890 |
5 | lume | 1,712 |
6 | circle-flags | 854 |
7 | image-optimizer | 853 |
8 | svgson | 425 |
9 | svg-gobbler | 365 |
10 | parsers | 111 |
11 | vectorexpress-api | 87 |
12 | svg_crop | 34 |
Sponsored