tiny-svg

В этом проекте мы обычно работаем с SVG-иконками, и перед использованием их приходится сначала сжимать, а потом вручную конвертировать в React или Vue компоненты. Процесс не самый удобный.

Совпало так, что я нашел опенсорсный онлайн-инструмент Tiny SVG, который совмещает оптимизацию SVG, генерацию кода и конвертацию форматов в одном месте.

Он дает больше 40 опций оптимизации, есть превью в реальном времени, и можно в один клик сгенерировать код для разных фреймворков, включая React и Vue.

Помимо этого, там есть базовые функции редактирования изображения: поворот, отражение, масштабирование. Можно экспортировать результат в PNG/JPEG с кастомными размерами.

После клонирования репозитория можно установить зависимости и запустить проект локально. Он поддерживает PWA и может работать офлайн после установки.

📁 Language: #TypeScript 50.9%

⭐️ Stars: 97

➡️ Cсылка на GitHub

📱 @git_developer