Search Results for "svg"
Sort By:
Showing 40 open source projects for "svg"
View related business solutions-
Gen AI apps are built with MongoDB AtlasMongoDB Atlas is the developer-friendly database used to build, scale, and run gen AI and LLM-powered apps—without needing a separate vector database. Atlas offers built-in vector search, global availability across 115+ regions, and flexible document modeling. Start building AI apps faster, all in one place.
-
Curtain LogTrace File Activity MonitoringCurtain LogTrace File Activity Monitoring is an enterprise file activity monitoring solution. It tracks user actions: create, copy, move, delete, rename, print, open, close, save. Includes source/destination paths and disk type. Perfect for monitoring user file activities.
-
1
SVG To Font
Read a set of SVG icons and ouput a TTF/EOT/WOFF/WOFF2/SVG font
Read a set of SVG icons and output a TTF/EOT/WOFF/WOFF2/SVG font, a generator of fonts from SVG icons. -
2
Satori
Enlightened library to convert HTML and CSS to SVG
Enlightened library to convert HTML and CSS to SVG. Satori supports the JSX syntax, which makes it very straightforward to use. Satori will render the element into a 600×400 SVG, and return the SVG string. Under the hood, it handles layout calculation, font, typography and more, to generate a SVG that matches the exact same HTML and CSS in a browser. Satori only accepts JSX elements that are pure and stateless. -
3
Ionicons
Hand-crafted icons built by Ionic for web apps
...The component will dynamically load an SVG for each icon, so your app is only requesting the icons that you need. Also note that only visible icons are loaded, and icons which are "below the fold" and hidden from the user's view do not make fetch requests for the svg resource. If you're using Ionic Framework, Ionicons is packaged by default, so no installation is necessary. -
4
Flagpack
Flagpack contains 250+ flag icons to easily use within your code
flagpack-core is a collection of high-quality SVG and PNG flags for over 250 countries and regions. It provides a lightweight and accessible way to integrate country flags into web applications. -
The sales CRM that makes your life easy, so all you have to do is sell.Welcome to the simpler way to sell. Pipedrive is CRM software that makes your life easy, for less legwork and more sales. Let us track your sales conversations, eliminate admin tasks, get you more leads and uncover how you win, because your day belongs to you. Join more than 100,000 sales teams around the world that use the CRM rated #1 by SoftwareReviews in 2019. Start your free 14-day trial and get full access – no credit card needed.
-
5
React Icons
svg react icons of popular icon packs
...If your project grows in size, this option is available. This method has the trade-off that it takes a long time to install the package. Suitable for MeteorJS, Gatsbyjs etc. SVG is supported by all major browsers. With react-icons, you can serve only the needed icons instead of one big font file to the users, helping you to recognize which icons are used in your project. From version 3, vertical-align: middle is not automatically given. Import path has changed. You need to rewrite from the old style. You can add more icons by submitting pull requests or creating issues. -
6
phosphor-react
A flexible icon family for React
...Simply import the icons you need, and add them anywhere in your render method. Phosphor supports tree-shaking, so your bundle only includes code for the icons you use. Icon components accept all props that you can pass to a normal SVG element, including inline style objects, onClick handlers, and more. Phosphor takes advantage of React Context to make applying a default style to all icons simple. Create an IconContext.Provider at the root of the app (or anywhere above the icons in the tree) and pass in a configuration object with props to be applied by default to all icons. -
7
nomnoml
The sassy UML diagram renderer
...The nomnoml javascript library can render diagrams on your web page. The only dependency is graphite. Install nomnoml using either npm or good old script inclusion. In the SVG output the node name is attached to SVG shapes and g containers with data-name attribute. You can use this to implement interactive diagrams. -
8
X6
JavaScript diagramming library that uses SVG and HTML for rendering
Provides easy-to-use node customization capabilities and out-of-the-box interactive components, allowing us to quickly build flowcharts, DAG diagrams, ER diagrams and other graph applications. Extremely easy to customize: support custom node styles and interactions using SVG/HTML/React/Vue/Angular. Out of the box: built-in 10+ image editing supporting extensions, such as frame selection, alignment line, small map, etc. A complete event system that can listen to any event that occurs in the chart. -
9
React Content Loader
SVG-Powered component to easily create skeleton loadings
...Supports React, React Native, Vue, and vanilla HTML. Using react-content-loader or a skeleton screen, you can show users that it’s almost done and something is happening. You can use any SVG shapes to create the loader elements. It’s easy to create an animated placeholder, which shines from left to right. It has a few pre-styled content loaders (e.g, Facebook, Instagram). Since SVG supports a lot of shapes, it can be used for any complex UI. You can simply design your loader based on the page and edit the size, background, and foreground. ... -
Your go-to FinOps platformUnlike reporting-only FinOps tools, FinOpsly unifies cloud (AWS, Azure, GCP), data (Snowflake, Databricks, BigQuery), and AI costs into a single system of action — enabling teams to plan spend before it happens, automate optimization safely, and prove value in weeks, not quarters.
-
10
Replicate Flux MCP
MCP for Replicate Flux Model
The Replicate Flux MCP is an advanced Model Context Protocol server that empowers AI assistants to generate high-quality images and vector graphics. It leverages Black Forest Labs' Flux Schnell model for raster images and Recraft's V3 SVG model for vector graphics via the Replicate API. -
11
beautiful-mermaid
Render Mermaid diagrams as beautiful SVGs or ASCII art
...The project includes presets for different aesthetic styles, customization options for branding or themes, and rendering pipelines that can export to multiple formats such as SVG, PNG, and PDF. -
12
Mini QR
Create & scan cute qr codes easily
Mini QR is a web app focused on making QR codes feel friendly and design-forward, combining a polished QR generator with a built-in scanner so you can both create and decode codes in the same place. It emphasizes customization so the QR you generate can match a brand, event theme, or personal style, including color and styling controls, framed layouts with labels, and the ability to add a logo image. Because QR reliability matters as much as looks, it exposes practical settings like error... -
13
G2
Interactive data-driven visualization grammar for statistical charts
...It provides a set of grammar, and takes users beyond a limited set of charts to an almost unlimited world of graphical forms. With G2, you can describe the visual appearance and interactive behavior of visualization just by one statement, and generate web-based views using Canvas or SVG. We have summarized a series of story design templates from lots of real data visualization cases so that users can use them directly. Any chart can be drawn flexibly based on graphical grammar to meet your unlimited creativity. A large number of product practices, providing a graphics engine, complete graphical grammar, and professional design specifications.Powerful interactive grammar to help visual analysis and make charts vivid. -
14
Jenga Icons
Collection of adaptable icons designed for use in interfaces
Jenga Icons is a collection of adaptable icons designed for use in interfaces, diagrams, and other applications. The icon components can receive all the props that a standard SVG element can, which includes inline style objects, onClick handlers, and other properties. The Jenga icon family is easy to customize and truly conistent in scale and style. -
15
Recharts
Redefined chart library built with React and D3
A composable charting library built on React components. Quickly build your charts with decoupled, reusable React components. Built on top of SVG elements with a lightweight dependency on D3 submodules. Customize your chart by tweaking component props and passing in custom components. -
16
tslab
Interactive JavaScript and TypeScript programming with Jupyter
tslab is an interactive programming environment and REPL with Jupyter for JavaScript and TypeScript users. You can write and execute JavaScript and TypeScript interactively on browsers and save results as Jupyter notebooks. -
17
Phosphor Icons
The homepage of Phosphor Icons, a flexible icon family for everyone
...Phosphor's intuitive but powerful API can style the color, size, and weight of an icon with a few keystrokes, provide default styles to all icons via the Context API, or directly manipulate the SVG at runtime through render props to do some amazing things! Supports tree-shaking, so your bundle only includes code for the icons you use. -
18
Lucide
Beautiful & consistent icon toolkit made by the community
...Lucide is trying to expand the icon set as much as possible while staying faithful to the original simplistic design language. We do this as a community of devs and designers and hope that you'll join us. At its core, Lucide is a collection of SVG files. This means that you can use Lucide icons in all the same ways you can use SVGs (e.g. img, background-image, inline, object, embed, iframe). -
19
Eclipse GLSP
Graphical language server platform for building web-based diagram
...GLSP provides the perfect basis for the efficient development of web-based diagram editors including edit functionality, layouting, shapes, palettes and everything else you expect from a powerful, modern diagram editor. GLSP doesn't hide the underlying rendering technologies, such as Eclipse Sprotty, SVG, and CSS. -
20
Iconoir
An open source icons library with 1K+ icons
Iconoir is an open-source library with 1000+ unique SVG icons, designed on a 24x24 pixels grid. No premium icons, no email sign-up, no newsletters. A React library is available to install under the name iconoir-react. A Flutter library is available to install under the name iconoir_flutter. Iconoir is happily part of Framer now. To start using the icons, on the top menu, Insert > Graphics > Iconoir. -
21
ChartGPU
Beautiful, open source, WebGPU-based charting library
...This makes the library particularly valuable for data-intensive dashboards, scientific visualizations, and financial charting where performance bottlenecks of traditional canvas or SVG approaches become apparent. It includes support for common chart types like line, bar, scatter, and candlestick plots, and its architecture is designed to scale with both visual complexity and data volume. -
22
Telegram Web A
Telegram Web A, GPL v3
...The architecture takes advantage of advanced browser capabilities: WebSockets for real-time messaging, Web Workers and WebAssembly for performance-critical tasks, multi-level caching and PWA features for offline or near-offline usability, voice recording and media streaming, raw binary data handling and cryptographic operations. It also handles rich UI/UX elements such as CSS/Canvas/SVG animations, reactive data streams, etc. -
23
pageres
Capture website screenshots
...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. Note to Linux users, If you get a "No usable sandbox!" error, you need to enable system sandboxing. For Gulp and Broccoli, just use the API directly. No need for a wrapper plugin. pageres offers a wide variety of options, for example, you can Delay capturing the screenshot, which is useful when the site does things after load that you want to capture. ... -
24
AI Logo Generator
A free + OSS logo generator powered by Flux on Together AI
AI Logo Generator is an open-source AI logo generator that lets you create professional-looking logos in seconds from a simple text prompt. It uses the Flux Pro 1.1 model hosted on Together AI to generate logos, so the heavy lifting is done by a state-of-the-art image model while the app focuses on UX and workflow. The project is built with Next.js and TypeScript, and it uses shadcn/ui plus Tailwind CSS for a modern, responsive interface that feels like a polished SaaS product rather than a... -
25
webgl-plot
A high-Performance real-time 2D plotting library based on native WebGL
webgl-plot is a high-performance plotting library for real-time data visualization in the browser using WebGL. Unlike traditional canvas or SVG-based charting libraries, webgl-plot is optimized for streaming and dynamic updates, making it ideal for oscilloscope-style data, biomedical signals, or any application where data updates hundreds of times per second. Its minimal memory footprint and GPU acceleration ensure excellent performance even with tens of thousands of data points, and its simple API allows developers to get started quickly.