unplugin-svg-component

SVG component generator

Generates Vue/React components from SVG files with support for hot module replacement, tree-shaking, server-side rendering, and TypeScript type checking.

generate a vue/react component through svg files, supporting svg file HMR, Tree-shaking, SSR and TS hint.

GitHub

62 stars
1 watching
7 forks
Language: TypeScript
last commit: almost 2 years ago
Linked from 1 awesome list

iconsreactsvgsvg-spritestypescriptvue

Backlinks from these awesome lists:

Related projects:

RepositoryDescriptionStars
pd4d10/vite-plugin-svgrTransforms SVG files into reusable React components574
frogbob/vue-ts-component-generatorAutomates the creation of new Vue TypeScript components with support for customizable naming conventions and component paths.5
ccherry07/unplugin-generate-component-nameA plugin that automatically generates Vue component names based on directory names20
kaciras/vite-plugin-svg-sfcConverts SVG files to Vue single file components (SFC) with support for hot module replacement and custom import marks.6
damianstasik/vue-svg-loaderA tool that enables developers to use SVG files as reusable Vue components in their web applications645
thierrymichel/vue-svg-spriteA Vue.js plugin to manage SVG spritesheets with a component and directive59
pakholeung37/vite-plugin-vue2-svgA plugin to load SVG files as Vue components in Vite projects.19
jfgodoy/vite-plugin-solid-svgA Vite plugin to import SVG files as Solid.js components with optimization and SSR support79
mmf-fe/svgiconTools and components for generating, loading, and displaying SVG icons in web applications.922
kai-oswald/vue-svg-transitionA Vue.js component that enables 2-state transitions with SVG-powered animations143
shrpne/vue-inline-svgA Vue.js component that loads and displays SVG images inline while allowing manipulation of their styles.178
dimaslz/icon-lib-builderGenerates framework component code from SVG icons1
f820602h/vue-surfA customizable animated SVG wave component for Vue.js applications25
g-makarov/vite-plugin-svg-spritemapGenerates an SVG sprite containing multiple elements from .svg files in a directory50
e-e-e/rollup-plugin-vue-inline-svgConverts SVG files to optimized Vue components during the Rollup build process.15