svger-cli weekly downloads statistics

SVGER-CLI v4.0.9

Enterprise SVG Processing Framework with Plugin System

The most advanced, zero-dependency SVG to component converter with extensible plugin system and official build tool integrations. First-class support for Webpack, Vite, Rollup, Babel, Next.js, and Jest. Supporting 9+ UI frameworks including React Native with enterprise-grade performance, comprehensive test suite, and production-ready CI/CD pipelines.

📖 View Documentation Site

📖 Table of Contents

🚀 Getting Started

• 📦 Installation • 📁 Project Structure ← Source code organization • 🔧 Build Tool Integrations ← Official integrations • Webpack • Vite • Rollup • Babel • Next.js • Jest • 🚀 Quick Start: Your First Conversion • 💡 Why SVGER-CLI?

📚 Core Documentation

• 📊 Feature Comparison Matrix • 🌐 Multi-Framework Usage Guide • React • React Native • Vue 3 • Angular • Svelte • Solid • Lit • Preact • Vanilla JS/TS • 🔧 Comprehensive CLI Reference

🎨 Advanced Features

• 💻 Usage Examples: From Simple to Complex • 🎨 Advanced Styling & Theming • Responsive Design System • Theme System • Animation System • 💻 Programmatic API • 🔧 Configuration Reference

⚡ Performance & Deployment

• ⚡ Performance Optimization • Benchmarks vs Competitors • Performance Best Practices • 🚀 Production Deployment • CI/CD Integration • Docker Integration

🧪 Testing & Quality

• 🧪 Testing & Quality Assurance • 🔌 Plugin Development

🆘 Support & Resources

• 🔍 Troubleshooting & FAQ • 📚 Migration Guide • 🤝 Contributing & Support

⚡ Quick Jump Navigation

Looking for something specific?

| I want to... | Go to section |

| 🎯 Get started immediately | Quick Start | | 📦 Install the package | Installation | | 🧪 Test with sample SVGs | Sample SVG Testing NEW ⭐ | | 🌐 Try online demo | Live Benchmark NEW ⭐ | | 📁 See source code structure | Project Structure | | 🔧 Use with Webpack/Vite/Rollup | Build Tool Integrations NEW | | ⚙️ Configure Webpack | Webpack Integration | | ⚡ Set up Vite | Vite Integration | | 📦 Use with Rollup | Rollup Integration | | 🔄 Integrate Babel | Babel Integration | | ▲ Use with Next.js | Next.js Integration | | 🧪 Set up Jest | Jest Integration | | 🤔 Understand why SVGER-CLI is better | Why SVGER-CLI? | | ⚡ Compare features with competitors | Feature Comparison | | 🚀 Convert SVGs to React components | React Guide | | 📱 Use with React Native | React Native Guide | | 💚 Use with Vue | Vue Guide | | 🅰️ Use with Angular | Angular Guide | | 🌪️ Use with Svelte | Svelte Guide | | 📖 Learn all CLI commands | CLI Reference | | 💻 Use the programmatic API | API Reference | | 🎨 Configure styling & theming | Styling Guide | | ⚡ Optimize performance | Performance Guide | | 🚀 Deploy to production | Deployment Guide | | 🐳 Use with Docker | Docker Setup | | 🧪 Test my components | Testing Guide | | 🔧 Configure everything | Configuration Reference | | 🔌 Create custom plugins | Plugin Development | | 🐛 Fix issues | Troubleshooting | | 📚 Migrate from another tool | Migration Guide | | 🎨 Configure styling & theming | Styling Guide | | ⚡ Optimize performance | Performance Guide | | 🚀 Deploy to production | Deployment Guide | | 🐳 Use with Docker | Docker Setup | | 🧪 Test my components | Testing Guide | | 🔧 Configure everything | Configuration Reference | | 🔌 Create custom plugins | Plugin Development | | 🐛 Fix issues | Troubleshooting | | 📚 Migrate from another tool | Migration Guide |

� Upgrade to v4.0.7 - Automatic Migration!

v4.0.7 is here with powerful new features! If you're upgrading from v3.x:

✅ Zero Breaking Changes - All your existing code works ✅ Automatic Config Migration - Your .svgconfig.json updates automatically ✅ 50% Faster - Performance optimizations throughout ✅ Plugin System - Extend with custom plugins

Upgrade Now:

See What's New → | Migration Guide →

�🌟 What's New in v4.0.7

� Performance & Stability Improvements

v4.0.7 introduces critical performance optimizations and stability fixes:

• ⚡ True Parallel Processing: Non-blocking asynchronous file operations in the core engine • 🐛 Reliable Watch Mode: Fixed file deletion handling to respect all user configurations • 🔧 Optimized Regex Engine: Faster attribute cleaning pipeline • 🧪 Robust Visual Testing: Repaired and stabilized visual regression test suite

�🔌 Extensible Plugin System

v4.0.7 introduces a powerful plugin architecture that allows you to extend and customize SVG processing:

Built-in Plugins: • ✅ optimize - Advanced SVG optimization and cleaning • ✅ color-theme - Apply color themes and palette transformations • ✅ minify - Aggressive size reduction for production

Plugin Features: • 🔧 Composable plugin chain for complex transformations • ⚡ High-performance async processing • 🎯 Type-safe plugin development API • 🔒 Validation and error handling built-in

See full plugin development guide →

🚀 Performance Improvements

• ⚡ 50% faster processing with optimized algorithms • 🎯 Object lookup maps replacing if/switch chains for O(1) performance • 🔥 Parallel processing for batch operations • 📦 Tree-shaking optimizations for smaller bundle sizes

📧 Contact & Support

For questions, issues, or contributions, reach out to: • 📧 Email: navidrezadoost07@gmail.com • 🐛 Issues: GitHub Issues • 💬 Discussions: GitHub Discussions

🌟 Key Features Overview

🔧 Official Build Tool Integrations

First-class support for all major build tools with zero configuration:

• ✅ Webpack Plugin - HMR, watch mode, and loader support • ✅ Vite Plugin - Lightning-fast HMR and virtual modules • ✅ Rollup Plugin - Tree-shaking and source maps • ✅ Babel Plugin - Universal transpilation and import transformation • ✅ Next.js Integration - SSR support for App and Pages Router • ✅ Jest Preset - SVG transformers and mocking for tests

See full integration guide →

✨ Auto-Generated index.ts Exports (Enhanced)

Automatically generates clean index.ts files with a single, consistent export pattern that avoids naming conflicts:

Import flexibility:…

Description from the npm listing.