Search Results for "svg"
Sort By:
Showing 32 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.
-
anny is an all-in-one platform for managing hybrid workplaces and shared resources.Enable your employees to easily book desks, meeting rooms, parking spots, equipment, and more – all in one place. With flexible rules and group permissions, you stay in full control of who can access what.
-
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
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. -
4
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. -
See what everyone is allocated to. Projects, clients, meetings - all in one tool.Designed to replace clunky, old scheduling spreadsheets, Resource Guru helps managers get organized fast. The platform covers resource planning, resource scheduling, resource management, staff leave management, reporting, and more.
-
5
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. -
6
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. -
7
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. -
8
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. -
9
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. -
Intelligent Retail ManagementQuant offers a wide range of solutions for retail. Within one integrated software system, it allows you to efficiently combine the management of retail space, shelf labels and marketing materials with task management, reporting and automatic replenishment.
-
10
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... -
11
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. -
12
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. -
13
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. -
14
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. -
15
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. -
16
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). -
17
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. -
18
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. -
19
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. -
20
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... -
21
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. -
22
commitlint
Lint commit messages
commitlint checks if your commit messages meet the conventional commit format. commitlint helps your team adhere to a commit convention. By supporting npm-installed configurations it makes sharing of commit conventions easy. We're not a sponsored OSS project. Therefore we can't promise that we will release patch versions for older releases in a timely manner. If you are stuck on an older version and need a security patch we're happy if you can provide a PR. If something in between fails... -
23
Nebular
Customizable Angular UI Library based on Eva Design System
Nebular is a customizable Angular UI library that contains 40+ UI components, four visual themes, and Auth and Security modules. Recognized at the prestigious AngularConnect 2018, this Angular framework allows focusing on beautiful designs to adapt them to your brand. Nebular is free of charge and open-source. Nebular is a customizable Angular UI Library based on Eva Design System specifications, with 40+ UI components, 4 visual themes, Auth and Security modules. Each feature is a separate... -
24
unplugin-icons
Access thousands of icons as components on-demand universally
...Load your custom icons to get universal integrations at ease. Use icons as components directly in your template. TypeScript support. From v0.13.2 you can also use raw compiler to access the svg icon and use it on your html templates, just add raw to the icon query param. -
25
Vue Phosphor icons
A flexible icon family for Vue
Phosphor is a flexible icon family for interfaces, diagrams, presentations, whatever, really. Check out our playground in StackBlitz and start experimenting! Although we strongly advise against installing your icons globally. Phosphor takes advantage of Vue's provide/inject options to make applying a default style to all icons simple. Create a provided object or function at the root of the app (or anywhere above the icons in the tree) that returns a configuration object with props to be...