https://github.com/lorem-ipsumm/svgenie-package
https://github.com/lorem-ipsumm/svgenie-package
Last synced: 5 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/lorem-ipsumm/svgenie-package
- Owner: lorem-ipsumm
- Created: 2024-11-15T17:21:15.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-11-17T00:53:41.000Z (over 1 year ago)
- Last Synced: 2025-10-04T18:40:51.025Z (9 months ago)
- Language: JavaScript
- Size: 11.7 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# SVGenie
This is a simple package that allows web developers to convert SVGs into Typescript React components and import them into their projects with a single command.
All imported components come with a `props` argument that allows you to easily pass through any arguments (className, width, height, etc.) without having to explicity modify the file
# Usage
1. Go to https://svgenie.xyz and past in your desired SVG code
2. Click the `Add to project` button
3. A popup window will appear with a command that looks like `npx svgenie@latest UNIQUE-ID-FOR-COMPONENT`
4. Run the command in your project directory and your new React ready component will be imported