made with Svelte

#Utility
icon-eye-dark Created with Sketch. 1.438

svelvg

Convert SVG files into Svelte Components

Visit Site

Description

Convert SVG files into Svelte Components

"svelvg transforms SVG files into Svelte components and generates a corresponding TypeScript definition.

It converts the SVG file name into a JavaScript-compatible module name (e.g., alarm-fill --> AlarmFill), forwards $$restProps to the svg element while preserving original svg attributes and adds a default slot as child element to svg."

Creator

Eric Liu

Social Media Links

Related Projects


svelte-ux Collection of Components, Actions, Stores & Utilities
#Utility #UI library
icon-eye-dark Created with Sketch. 399
svelte-use-persist Save Form Data Client-side
#Utility #Form
icon-eye-dark Created with Sketch. 496
Sentry for Svelte Svelte Error & Performance Monitoring
🧡 Sponsored by Friends
We’re hosting on Digital Ocean! 💙 Try it today and get a free $100 credit.
try now
Svelte Headroom Hide your Header on Scroll
#Utility
icon-eye-dark Created with Sketch. 2.234
Svelte Intersection Observer Detect if an Element is in the Viewport
#Utility
icon-eye-dark Created with Sketch. 3.289
View all Projects
COMMUNITY PARTNERS
Svelte application monitoring by Sentry provides actionable insights to resolve performance bottlenecks and errors Learn more Storyblok is a headless CMS offering powerful APIs and visual editing for the content in your Svelte projects Learn more Placid is a creative automation API & toolkit that helps you to generate custom visuals at scale Learn more