Skip to content

shub39/vectorcraft

Repository files navigation

SVG to XML Vector Drawable Converter

This is a web application that allows you to convert SVG code to Android's XML Vector Drawable format. It provides customization options for color and size, a live preview of the icon, and a "Copy to Clipboard" button for the generated XML.

✨ Features

  • SVG to XML Conversion: Converts SVG code to Android's XML Vector Drawable format.
  • Customization: Allows you to change the color and size of the icon.
  • Live Preview: Shows a live preview of the icon as you make changes.
  • Copy to Clipboard: Lets you copy the generated XML with a single click.
  • Material 3 Design: Features a modern and clean design based on Material 3.
  • Light and Dark Themes: Supports both light and dark themes to match your system preferences.

🚀 Getting Started

  1. Paste SVG Code: Paste your SVG code into the input field.
  2. Customize: Use the color picker and size inputs to customize the icon.
  3. Preview: See a live preview of the icon.
  4. Copy XML: Copy the generated XML code to your clipboard.

🧞 Commands

All commands are run from the root of the project, from a terminal:

Command Action
npm install Installs dependencies
npm run dev Starts local dev server at localhost:4321
npm run build Build your production site to ./dist/
npm run preview Preview your build locally, before deploying

About

[Vibecoded] SVG to XML Vector Drawable Converter

Resources

Stars

Watchers

Forks