Frontend Utility

SVG to TSX Component Builder

Миттєво перетворюйте сирий експорт з Figma в ідеальні, суворо типізовані React компоненти. Забудьте про помилки 'Invalid DOM property'.

Loading IDE...

Як це працює?

Інструмент локально парсить ваш XML код, прибирає зайві коментарі, перетворює атрибути (напр. fill-rule у fillRule) та обгортає код у TypeScript функцію за допомогою forwardRef. Також він вміє знаходити жорстко задані HEX кольори та змінювати їх на currentColor, щоб ваша іконка автоматично підлаштовувалась під колір тексту в Tailwind або Bootstrap.

Напишіть мені
Будь ласка, заповніть форму нижче, щоб розпочати спілкування зі мною.

Цей сайт захищено reCAPTCHA. Застосовуються Політика конфіденційності та Умови використання Google.