SVG to React Online Converter

Turn any SVG icon pack into typed React Components

SVG to React Online Converter launched on August 22, 2023 with 1 votes.

What it does

As a developer 🧑‍💻 you can now use any icon pack in your React project! As a designer ✒️ you can now sell your icon packs to developers!

React SVG Icons2021 · ▲3
Copy and Paste SVG Icons As React Components
Shape.so2019 · shape.so · ▲290
1350+ icons, illustrations exportable to SVG, React & Lottie
Transformicons2015 · transformicons.com · ▲155
Animated icons, symbols and buttons using SVG and CSS
MS
Make SVGs interactive in React with 1 line2025 · svggles.vercel.app · ▲54
Hey HN I built svggles (npm: interactive-illustrations), a React utility that makes it easy to add playful, interactive SVGs to your frontend. It supports mouse-tracking, scroll, hover, and other common interactions, and it's designed to be lightweight and intuitive for React devs. The inspiration came from my time playing with p5.js — I loved how expressive and fun it was to create interactive visuals. But I also wanted to bring that kind of creative freedom to everyday frontend work, in a way that fits naturally into the React ecosystem. My goal is to help frontend developers make their…
Iconimations2021 · adrianinmotion.gumroad.com · ▲89
Svg animated icons pack, ready to be integrated to your site
React-Icons2025 · react-icons.com · ▲14
Modern react icons library

Lofi Cities – Pixel-art city nights with browser-generated lofi▲319
Endless lofi beats composed live in your browser, over pixel-art nights in Paris, Tokyo, New York, Hong Kong, Sydney, San Francisco and more. Free, no sign-up.
Work · 25d ago · loficities.com
Smooth Recorder▲257
Mac screen recordings that look edited when you hit stop
Work · 19d ago · smoothrecorder.com
Figma Specs▲223
A container for your context that lives on the Figma canvas
Work · 4d ago · figma.com
The rarest tech books and docs you've probably never read▲190
Work · 13d ago · readrare.com

Resend▲1,325
An entire collection of pre-built components with a much faster development experience.
Dev tools · 2023 · resend.com
STORI AI▲1,316
Your ideas become visually compelling branded social posts
AI · 2023 · storiai.com
Kombai▲1,079
A new AI model that you can prompt with UI designs
AI · 2023 · kombai.com
User Persona Generator▲1,014
Understand your audience without 50 interviews
AI · 2023 · founderpal.ai
Lottielab▲869
Create and ship lottie animations to sites and apps faster
Dev tools · 2023 · lottielab.com
LLMs can generate valid JSON 100% of the time▲854
Outlines is a Python library that focuses on text generation with large language models. Brandon and I are not LLM experts and started the project a few months ago because we wanted to understand better how the generation process works. Our original background is probabilistic, relational and symbolic programming. Recently we came up with a fast way to generate text that matches a regex (https://blog.normalcomputing.ai/posts/2023-07-27-regex-guide...). The basic idea is simple: regular expressions have an equivalent Deterministic-Finite Automaton (DFA) representation. We…
AI · 2023 · github.com