ReactifySVG

ReactifySVG is a super easy-to-use and intuitive tool that converts SVGs into React Components using the power of SVGR.

👉 Check it out here

Features

• SVG to React: Seamlessly convert SVGs into React components.
• Export Flexibility: Choose between default export or named export.
• User-Friendly Interface: A smooth and intuitive UI for easy conversions.
• Open-Source & Community-Driven: Be a part of the journey; your contributions matter!

Upcoming Features

I've started with the MVP of ReactifySVG and have a roadmap full of exciting features:

• SVG Preview: Get a visual representation of your SVG before conversion.
• Drag & Drop: Upload SVGs easily with drag-and-drop functionality.
• Styling Frameworks Integration: We're aiming to integrate with popular CSS frameworks like Tailwind.
• TypeScript Support: For those who love strong typing, we'll soon support TypeScript React component generation.

How to Use

1. Visit ReactifySVG.xyz
2. Paste your SVG content into the left panel.
3. Configure your export preferences.
4. Copy the generated JSX from the right panel.
5. Done! 🎉

Contribute

I believe in the power of community. If you spot issues, have feature requests, or just want to lend a hand, I welcome your contributions.

How to Contribute

1. Fork the repository.
2. Create a new branch for your feature or bugfix.
3. Implement your changes.
4. Submit a pull request.

Feedback

Got an idea or found an issue? Your feedback is invaluable! Open an issue, and I'll attend to it as soon as possible.