Vuejs Svg Resources

Vue Snap Vue Snap is a JavaScript library for drawing complex svg graphics using Vue. It provides declarative and reactive bindings to the Snap Framew

A simple SVG wavy line component

Taiwan SVG chart Vue components 台灣行政區 SVG 圖表 Vue 組件

Convert SVG to React/Vue components

Material design click animation. Done with svg and Velocity.js. Very lightweight if Velocity.js is present.

Laravel Mix SVG Vue Extension to inline SVG files with Vue.js and optimize them automatically with SVGO. Installation # npm npm install laravel-mix-sv

NativeScript SVG widget A NativeScript SVG plugin. Very basic implementation for now Installation Run the following command from the root of your proj

Vue Heroicons A Vue component for including inline SVG icons from the awesome Heroicons collection. Features Tree-shakable, which allows you to only i

Vue Wavify A single Vue component to create and adjust an animated wave using svg & javascript. Installation Yarn yarn add vue-wavify npm npm install

A SVG icon component for Vue

vue-svg-icon-set vue-svg-icon-set offers the tools necessary to create an optimized SVG icon set for Vue 🙋 Why? ⚡️ Optimized SVG usage Prevent SVGs f

vue-svg-msa VueJs component to build a svg multiple sequence alignment. Installation npm install --save vue-svg-msa npm install --save vue-clipboard2

A text loading component for Vue.js. Uses SVG and javascript to animate a text loading with a gradient.

Utility to convert SVG code into Vue component definition

Quick boilerplate for your next project, containing - Vite, Vuex, Vue Router & Tailwind CSS. This was created as part of my tutorial series.

Vue2 Component for svg icon, On demand import

A SVG sketch board Library

vue-svg Super simple svg loading module for Vue.js (actual npm package is vue-cli-plugin-svg) Introduction vue-svg allows you to import .svg files in

vue-cli-plugin-svg-sprite vue-cli 3 plugin to build an SVG sprite using svg-sprite-loader. Install vue add svg-sprite Usage Use the SvgIcon component

Encode svg in url, use in html Img, Css and more...

vue-svg-inline-loader Webpack loader used for inline replacement of SVG images with actual content of SVG files in Vue projects. Loader parses only HT

svg-sprite-vue-generator Vue component runtime generator for svg-sprite-loader. Install npm install svg-sprite-vue-generator -D Usage Inline mode All

⚒️ Vue CLI plugin that adds vue-svg-loader to enable usage of SVG files as Vue components

☺️ Vue cli3 plugin for svg-sprite-loader

Webpack loader used for inline replacement of SVG images with actual content of SVG files in Vue projects.

Maybe it is the smallest vue component that contains all the feather icons

⭐ The abstract trees of the Ant Design SVG icons

CoreUI Free Icons - Premium designed free icon set with marks in SVG, Webfont and raster formats

Vue components with SVG icons of the Entypo library

Vue material svg icons

This is a webpack loader that turns SVG icons into directly-importable vuejs components.

This is a monorepo package of icons that includes svg icons and js components (e.g. Vue Components).

Small Node.JS library based on SVGO for converting svg to vue templates. + BaseIcon.vue component.

iconic - Build svg icons that can be used in html, angular, react and vue

Vue component for 104 premium Heroicons-UI svg icons

A Vue.js plugin/component to help you manage your icons seamlessly

Zdog Editor A simple editor for the Zdog 3D engine. Playable demo here. Project setup npm install Compiles and hot-reloads for development npm run se

vue-calendar-heatmap A lightweight calendar heatmap Vuejs component built on SVG, inspired by github's contribution calendar graph. With vertical mode

What is it? It's an interactive demo made with Vue 3, Vite, Quasar for the artic

trading-charts Example Vue.js website demonstrating how to listen to the Binance Websocket server and trade charts using d3.js. Shortcodes D3 Create a

This extension is under development, it may take breaking changes. SVG Map Picke

vue3-svg-icons Mega compilation of svg icons. Ever get tired of all that stupid bloat from other icon packages? Upstream project links for reference h

Gantt-elastic - Javascript Gantt Chart (editable, responsive) Javascript Gantt Chart for vue, jquery, vanilla js and other frameworks Project moved as

SVGBook Icons SVGBook is an open source library with hundred of thousands SVG Icons. And absolutely free premium icons, no sign-up required. You can b

si-components simple-icons components for various frontend libraries. Only 1 file is shipped, TypeScript is supported for all packages, and any versio

Making the web(3) more beautiful, fast, and open through great iconography. I believe the best way to bring personality and performance to websites an

vue3-bootstrap-icons A Vue.js component for rendering Bootstrap Icons via the SVG sprite method. For Vue 2 version of this component, check out @dvuck

vue-bootstrap-icons A Vue.js component for rendering Bootstrap Icons via the SVG sprite method. For Vue 3 version of this component, check out @dvucko

vue-remix-icons (Vue 3 only) Vue port Remix Icon Remix Icon is a set of open source neutral style system symbols elaborately crafted for designers and

nuxt-hero-icons A set of free MIT-licensed high-quality SVG icons, sourced from @refactoringui/heroicons, as Nuxt.js Vue components. Install Simply ad

IconPark English | 简体中文 Introduction IconPark gives access to more than 2000 high-quality icons, and introduces an interface for customizing your icon

Iran Map Vue Iran svg map... :) Installation Usage Props MapData License Author Installation npm i iran-map-vue Usage template iran-map-vue

vue-simple-maps vue-simple-maps is library to easily build SVG maps with Vue, d3 and TopoJSON-client. docs | examples Features Responsive out of the b

Vue Frappe Charts This is a simple vue wrapper for the frappe/charts package. Getting Started Install via npm: npm install vue-frappe-chart Globally

A naive implementation of a few charts with Vue.js. The charts are created using HTML5 SVG.

Teenyicons Tiny minimal 1px icons — An elegant MIT-licensed icon set by Anja van Staden with more than a thousand icons. Viewer by Simohamed. NPM pack

Squircley This is Squircley, an online SVG "squircle" squircle maker. You can ch

freehand-svg-draw Draw with mouse or fingers vector SVG paths. Basic functionality, just colors and fixed brush width Minimal user interface with undo

Harry Potter Movies Quiz Simple quiz app where you need to guess the movie from the GIF. Live Demo Setup # Install dependencies npm install # Compile

Frappe Charts GitHub-inspired modern, intuitive and responsive charts with zero dependencies Explore Demos » Edit at CodeSandbox » Documentation » Con

faviator A simple easy favicon generator. Playground Manually changing the config and generate the favicon to see the result might be time consuming.

STATIC This directory contains your static files. Each file inside this directory is mapped to /. Example: /static/robots.txt is mapped as /robots.txt

Beautifully simple click-to-copy CSS effects https://cssfx.netlify.app/ To run locally, npm install then npm run dev. Contributing Check out the contr

ENGLISH DataV DataV是干什么的? DataV是一个基于Vue的数据可视化组件库（当然也有React版本） 提供用于提升页面视觉效果的SVG边框和装饰 提供常用的图表如折线图等 飞线图/轮播表等其他组件 npm安装 $ npm install @jiaminghi/data-view

Unicons 1000+ Pixel-perfect vector icons and Iconfont for your next project. These icons are designed by Iconscout. Getting Started Using as a font It

Draw perfect pressure-sensitive freehand lines. 🔗 Curious? Try out a demo. 💅 Designer? Check out the Figma Plugin. 🕊 Flutterer? There's now a dart

Flexible tree chart using Canvas and Svg, powered by D3.js

This repository contains slides accompanying an internal lunch & learn session in Thoughtworks on Intro to SVG, that happened on 12 November 2021. Sli

Smith Chart with Vue.js Draw the Smith Chart in SVG with Vue.js The Smith Chart is a graphical aid or nomogram designed for electrical and electronics

Apache ECharts Apache ECharts is a free, powerful charting and visualization library offering an easy way of adding intuitive, interactive, and highly

vue-svg-gauge An easily customizable gauge for VueJS with gradients and animations Demo You can find a demo here Installation npm i vue-svg-gauge --sa

vue-calendar-heatmap A lightweight calendar heatmap Vuejs component built on SVG, inspired by github's contribution calendar graph. With vertical mode

Laue 🖖 📈 Modern charts for Vue.js Documentation: https://laue.js.org Features It depends on several small submodules in D3, so it's very reliable an

Minesweeper 📝 Table of Contents About Screenshots Technology Install 🧐 About Minesweeper game built with Vue, Vuex, Vuetify, and SCSS. You can try i

vue-simple-svg (V2) A simple Vue.js plugin that allows you to use a component that dynamically loads a .svg file as an inline SVG so you can easily co

vue-svg-icon a solution for multicolor svg icons in vue2 轻量的Vue2多色动态svg图标方案 中文版说明 v1.2.9 demo: https://cenkai88.github.io/vue-svg-icon/demo/ features:

vue-bytesize-icons Install yarn add vue-bytesize-icons Usage View the documentation and demo here: https://vue-bytesize-icons.egoist.sh Contributing F

😸 SVG - Simple Line Icons This is a Vue component for Simple Line Icons and you may choose a SVG or a Font icon just with a prop. By default componen

Transitioning Result Icon for Vue.js A scalable result icon (SVG) that transitions the state change, that is the SVG shape change is transitioned as w

🦢 vue-feather-icon-set Optimized Feather icon set for Vue using SVG references 🚀 Install npm i vue-feather-icon-set 👩‍🏫 Usage Put the IconLayer at

phosphor-vue Phosphor is a flexible icon family for interfaces, diagrams, presentations — whatever, really. Explore all our icons at phosphoricons.com

Flagpack contains 260+ flag icons to easily use within your code project. Flagpack is an open source project and available for JavaScript frameworks/libraries Angular, Vue and React.

Animated chevron icon component for Vue

Example All loaders may be previewed at: http://samherbert.net/svg-loaders NOTE: Chrome 45 intended to deprecate SMIL icons but has since suspended th

This is a zero-dependency React adaptation of Sam Herberts SVG Loaders library.

Material Design Svg Icons for Vue.js Library to render Material Design Svg Icons in Vue.js Never mind the project name, you can actually use any monoc

Anime.js (/ˈæn.ə.meɪ/) is a lightweight JavaScript animation library with a simple, yet powerful API.

A smart and light radial progress bar component for Vue 3. The original project it's only available to vue 1 and 2, so i decided rewrite it to vue 3.

vue-heroicons [deprecated] You can use vue-hero-icons instead. Free 104 premium heroicons-ui SVG icons for your Vue.js project Demo https://vue-heroic

A set of 450+ free MIT-licensed high-quality SVG icons for you to use in your web projects. Available as basic SVG icons and via first-party React and

vue-svg-map A set of Vue.js components to display an interactive SVG map. Demo Take a look at the live demo! Installation npm npm install --save vue-s

🎉 基于 Vue3、Vite2、Element-Plus、Vue-i18n、Vue-router4.x、Vuex4.x、Echarts5等最新技术开发的中后台管理模板,完整版本 vue3-admin-element 正在开发完善中

A modern JavaScript charting library that allows you to build interactive data visualizations with simple API and 100+ ready-to-use samples. Packed wi

Tabler Icons A set of over 1250 free MIT-licensed high-quality SVG icons for you to use in your web projects. Each icon is designed on a 24x24 grid an

A set of 450+ free MIT-licensed high-quality SVG icons for you to use in your web projects. Available as basic SVG icons and via first-party React and

A editable SVG-based diagram component for Vue

Vue.js component drawing SVG Funnel Graphs

Lightweight Vue components for drawing pure svg charts without external dependencies.

A small components library to use Rough.js in Vue.

An opinionated example of how to use SVG icons in a Vue.js application