Showing 38 open source projects for "svg library"

View related business solutions
  • Train ML Models With SQL You Already Know Icon
    Train ML Models With SQL You Already Know

    BigQuery automates data prep, analysis, and predictions with built-in AI assistance.

    Build and deploy ML models using familiar SQL. Automate data prep with built-in Gemini. Query 1 TB and store 10 GB free monthly.
    Try Free
  • Earn up to 16% annual interest with Nexo. Icon
    Earn up to 16% annual interest with Nexo.

    Access competitive interest rates on your digital assets.

    Generate interest, borrow against your crypto, and trade a range of cryptocurrencies — all in one platform. Geographic restrictions, eligibility, and terms apply.
    Get started with Nexo.
  • 1
    Bootstrap Icons

    Bootstrap Icons

    Open source SVG icon library for Bootstrap

    Free, high-quality, open-source icon library with over 1,600 icons. Include them any way you like, SVGs, SVG sprite, or web fonts. Use them with or without Bootstrap in any project. Bootstrap Icons are published to npm, but they can also be manually downloaded if needed. Bootstrap Icons are SVGs, so you can include them into your HTML in a few ways depending on how your project is setup.
    Downloads: 36 This Week
    Last Update:
    See Project
  • 2
    Boring Avatars

    Boring Avatars

    JavaScript React library that generates custom, SVG-based avatars

    Boring avatars is a tiny JavaScript React library that generates custom, SVG-based avatars from any username and color palette. You can embed your boring avatars using the boring avatars source. Choose a random avatar from a specific user and a color palette.
    Downloads: 4 This Week
    Last Update:
    See Project
  • 3
    Fabric.js

    Fabric.js

    Javascript Canvas Library and SVG-to-Canvas Parser

    Fabric.js is a simple yet powerful Javascript HTML5 canvas library that allows you to easily work with HTML5 canvas element in various ways. It is also an SVG-to-canvas (and vice versa) parser. Fabric provides an interactive object model on top of canvas element, so you can create and populate objects on canvas; manipulate the size, position and rotation of these objects; modify properties such as color, transparency and more.
    Downloads: 5 This Week
    Last Update:
    See Project
  • 4
    two.js

    two.js

    A renderer agnostic two-dimensional drawing api for the web

    ...Two.js has a built in animation loop. It is simple in nature and can be automated or paired with another animation library. Two.js features a Scalable Vector Graphics Interpreter. This means developers and designers alike can create SVG elements in commercial applications like Adobe Illustrator and bring them into your two.js scene.
    Downloads: 0 This Week
    Last Update:
    See Project
  • Go From AI Idea to AI App Fast Icon
    Go From AI Idea to AI App Fast

    One platform to build, fine-tune, and deploy ML models. No MLOps team required.

    Access Gemini 3 and 200+ models. Build chatbots, agents, or custom models with built-in monitoring and scaling.
    Try Free
  • 5
    anime.js

    anime.js

    JavaScript animation engine

    anime.js is a lightweight JavaScript animation library that allows you to create complex animations with a single, powerful API. It works with just about anything web-based: CSS properties, SVG, DOM attributes and JavaScript Objects. anime.js makes it easy to create layered and complex animations, and gives you full control of timing and triggering events so they move exactly how and when you want them.
    Downloads: 1 This Week
    Last Update:
    See Project
  • 6
    plotly.js

    plotly.js

    JavaScript charting library behind Plotly and Dash

    Plotly JavaScript Open Source Graphing Library. Built on top of d3.js and stack.gl, Plotly.js is a high-level, declarative charting library. plotly.js ships with over 40 chart types, including 3D charts, statistical graphs, and SVG maps. plotly.js is free and open source and you can view the source, report issues or contribute on GitHub. For plotly.js to build with Webpack you will need to install ify-loader@v1.1.0+ and add it to your webpack.config.json.
    Downloads: 5 This Week
    Last Update:
    See Project
  • 7
    ECharts

    ECharts

    A powerful, interactive charting and visualization library for browser

    ECharts is a free and open source charting and visualization library that gives you an easy way to add interactive, intuitive, custom charts to your commercial products, projects, presentations and more. It offers a rich set of features that includes rendering ability for ten-million-level data, Wechart and Powerpoint support, multi-dimension data analysis, and more. It also has a number of extensions for various applications. ECharts is written in pure JavaScript, and is based on...
    Downloads: 1 This Week
    Last Update:
    See Project
  • 8
    sharp

    sharp

    High performance Node.js image processing module

    The typical use case for this high speed Node.js module is to convert large images in common formats to smaller, web-friendly JPEG, PNG, AVIF and WebP images of varying dimensions. Resizing an image is typically 4x-5x faster than using the quickest ImageMagick and GraphicsMagick settings due to its use of libvips. Colour spaces, embedded ICC profiles and alpha transparency channels are all handled correctly. Lanczos resampling ensures quality is not sacrificed for speed. As well as image...
    Downloads: 0 This Week
    Last Update:
    See Project
  • 9
    Apexcharts.js

    Apexcharts.js

    Interactive JavaScript Charts built on SVG

    A modern JavaScript charting library that allows you to build interactive data visualizations with simple API and 100+ ready-to-use samples. Packed with the features that you expect, ApexCharts includes over a dozen chart types that deliver beautiful, responsive visualizations in your apps and dashboards. ApexCharts is an MIT-licensed open-source project that can be used in commercial and non-commercial projects. You can create a combination of different charts, sync them and give your...
    Downloads: 7 This Week
    Last Update:
    See Project
  • Forever Free Full-Stack Observability | Grafana Cloud Icon
    Forever Free Full-Stack Observability | Grafana Cloud

    Our generous forever free tier includes the full platform, including the AI Assistant, for 3 users with 10k metrics, 50GB logs, and 50GB traces.

    Built on open standards like Prometheus and OpenTelemetry, Grafana Cloud includes Kubernetes Monitoring, Application Observability, Incident Response, plus the AI-powered Grafana Assistant. Get started with our generous free tier today.
    Create free account
  • 10
    Emoji Mart

    Emoji Mart

    One component to pick them all

    Data required for the picker to work has been completely decoupled from the library. That gives developers the flexibility to better control their app bundle size and let them choose how and when this data is loaded. Callback when the Add custom emoji button is clicked. The button will only be displayed if this callback is provided. It is displayed when search returns no results. You can use custom emojis by providing an array of categories and their emojis.
    Downloads: 0 This Week
    Last Update:
    See Project
  • 11
    D3.js

    D3.js

    A JavaScript library for visualizing data using web standards

    D3.js (or D3 for Data-Driven Documents) is a JavaScript library that allows you to produce dynamic, interactive data visualizations in web browsers. With D3 you can bring data to life using SVG, Canvas and HTML. Powerful visualization and interaction techniques plus a data-driven approach to DOM manipulation means D3.js gives you greater design freedom and control over the final result.
    Downloads: 22 This Week
    Last Update:
    See Project
  • 12
    D3

    D3

    Bring data to life with SVG, Canvas and HTML

    D3.js is a JavaScript library for manipulating documents based on data. D3 helps you bring data to life using HTML, SVG, and CSS. D3’s emphasis on web standards gives you the full capabilities of modern browsers without tying yourself to a proprietary framework, combining powerful visualization components and a data-driven approach to DOM manipulation. D3 allows you to bind arbitrary data to a Document Object Model (DOM), and then apply data-driven transformations to the document. ...
    Downloads: 0 This Week
    Last Update:
    See Project
  • 13
    jul-designer

    jul-designer

    JUL Designer - a RAD tool for JavaScript

    JUL Designer is a RAD tool used to visually build a JavaScript application. Given a component based application running in an event-driven environment, JUL Designer helps you to generate the component tree with the attached event listeners. It also generates the JavaScript code for the current component tree. System requirements / Download the desktop app OR: * a CSS2.1 compliant web browser with JavaScript 1.5 or later engine * Node.js 0.10.0 or later installed * OR a...
    Downloads: 0 This Week
    Last Update:
    See Project
  • 14
    react-native-progress

    react-native-progress

    Progress indicators and spinners for React Native

    react-native-progress is a set of customizable progress indicators and spinners for React Native applications. It provides several visual components—such as circular, pie, bar, and semi-circle progress indicators—built on top of react-native-svg so they render as vector graphics. This approach ensures that progress indicators scale cleanly across different screen densities and sizes while remaining smooth and visually appealing. The library is designed to be simple to use: developers import the specific progress component they need and pass props like progress, indeterminate, size, and styling options. ...
    Downloads: 0 This Week
    Last Update:
    See Project
  • 15
    SVGR

    SVGR

    Transform SVGs into React components

    React supports SVG out of the box, it's simpler, easier and much more powerful to have components instead of SVG files. Wrapped in a React component, your SVG is inlined in the page and you can style it using CSS. SVGR differs from other library by its solid architecture. It uses svg-parser + Babel to transform SVG code into JavaScript code. A whole directory can be processed, all SVG files (matching .svg or .SVG) are transformed into React components. ...
    Downloads: 0 This Week
    Last Update:
    See Project
  • 16
    uiw icons

    uiw icons

    The premium icon font for @uiwjs Component Library

    The premium icon font for uiwjs Component Library. Check out the search feature, which has keywords identifying common icon names and styles. For example, if you search for "arrow" we call up every icon that could possibly be used as an arrow. We've also included each icon's class name for easy copy/pasting when you're developing! They are free to use and licensed under MIT. We intend for this icon pack to be used with uiw, but it’s by no means limited to it. Use them wherever you see fit,...
    Downloads: 0 This Week
    Last Update:
    See Project
  • 17
    Twemoji

    Twemoji

    Simple library that provides standard Unicode emoji for all platforms

    Twitter’s open source emoji has you covered for all your project's emoji needs. With support for the latest Unicode emoji specification, featuring 3,245 emojis, and all for free. As an open source project, attribution is critical from a legal, practical and motivational perspective in our opinion. The graphics are licensed under the CC-BY 4.0 which has a pretty good guide on best practices for attribution. Although there are two kinds of parsing supported by this utility, we recommend you...
    Downloads: 24 This Week
    Last Update:
    See Project
  • 18
    vue-content-loader

    vue-content-loader

    SVG component to create placeholder loading

    vue-content-loader provides SVG “skeleton screen” components for Vue applications, letting you show animated placeholders that mimic your layout while real content loads. Skeletons reduce perceived waiting time and help prevent layout shifts by reserving space for images, text blocks, and cards. The library exposes composable, declarative shapes so you can approximate your final UI without pixel-perfect templates.
    Downloads: 0 This Week
    Last Update:
    See Project
  • 19
    Vivus.js

    Vivus.js

    JavaScript library to make drawing animation on SVG

    Vivus is a lightweight JavaScript class (with no dependencies) that allows you to animate SVGs, giving them the appearence of being drawn. There are a variety of different animations available, as well as the option to create a custom script to draw your SVG in whatever way you like. Every path element is drawn at the same time with a small delay at the start. This is currently the default animation. Each line is drawn synchronously. They all start and finish at the same time, hence the name...
    Downloads: 0 This Week
    Last Update:
    See Project
  • 20
    textures.js

    textures.js

    SVG patterns for data visualization

    Textures.js is a JavaScript library for creating SVG patterns. Made on top of d3.js, it is designed for data visualization. Import textures.js from NPM. You can also use textures.js in your HTML page with a <script> tag by downloading textures.js to a local folder or by using the Unpkg CDN network. Textures.js can be used alongside d3.
    Downloads: 0 This Week
    Last Update:
    See Project
  • 21
    Rickshaw

    Rickshaw

    JavaScript toolkit for creating interactive real-time graphs

    Rickshaw provides the elements you need to create interactive graphs, renderers, legends, hovers, range selectors, etc. You put the pieces together. It's all based on d3 underneath, so graphs are drawn with standard SVG and styled with CSS. Customize all you like with techniques you already know. Rickshaw is free and open source, available under the MIT license. Developed at Shutterstock. Rickshaw relies on the fantastic D3 visualization library to do lots of the heavy lifting for stacking and rendering to SVG. Some extensions require jQuery and jQuery UI, but for drawing some basic graphs you'll be okay without. ...
    Downloads: 0 This Week
    Last Update:
    See Project
  • 22
    dc.js

    dc.js

    Multi-Dimensional charting built to work natively with crossfilter

    dc.js is a javascript charting library with native crossfilter support, allowing highly efficient exploration on large multi-dimensional datasets (inspired by crossfilter's demo). It leverages d3 to render charts in CSS-friendly SVG format. Charts rendered using dc.js are data driven and reactive and therefore provide instant feedback to user interaction. Dimensional charting built to work natively with crossfilter rendered using d3.js.
    Downloads: 0 This Week
    Last Update:
    See Project
  • 23
    VivaGraph

    VivaGraph

    Graph drawing library for JavaScript

    VivaGraphJS is a powerful, high-performance graph drawing library for JavaScript that enables developers to visualize complex networks directly in the browser or in Node.js environments. It is designed for speed and scalability, handling large graph datasets with smooth rendering and interactive capabilities such as dragging nodes and zooming. The library supports multiple rendering backends including SVG, WebGL, and Canvas, allowing developers to choose the best balance of performance and visual fidelity for their use case. ...
    Downloads: 0 This Week
    Last Update:
    See Project
  • 24
    Chartist.js

    Chartist.js

    Simple responsive charts

    ...They include Chartist and come with awesome chart styles! Specifying the style of your chart in CSS is not only cleaner but also enables you to use awesome CSS animations and transitions to be applied to your SVG elements! Note that CSS3 animations on SVG CSS attributes are not supported on all browsers and the appearance may vary.
    Downloads: 0 This Week
    Last Update:
    See Project
  • 25
    Chart.xkcd

    Chart.xkcd

    xkcd styled chart lib

    Chart.xkcd is a chart library plots “sketchy”, “cartoony” or “hand-drawn” styled charts. It’s easy to get started with chart.xkcd. All that’s required is the script included in your page along with a single <svg> node to render the chart. You can install chart.xkcd via script tag in HTML or via npm. Line chart displays series of data points in the form of lines.
    Downloads: 0 This Week
    Last Update:
    See Project
  • Previous
  • You're on page 1
  • 2
  • Next
MongoDB Logo MongoDB