{"repo":"react-zero-ui/icon-sprite","free":true,"listed":false,"github":"https://github.com/react-zero-ui/icon-sprite","clone":"git clone https://github.com/react-zero-ui/icon-sprite.git","description":"The fastest way to do icons in React","language":"TypeScript","stars":121,"topics":["icons","react","lucide-icons","nextjs","svg-sprite","tabler-icons","vite","zero-runtime"],"license":"MIT","category":"saas-starters-boilerplates","readme_excerpt":"React Zero Icon Sprite - Zero Runtime SVG Icons The most performant way to use icons in React Use over 6,800+ Lucide & Tabler <Icon /> in development. Ship one SVG sprite in production - only the icons you used. 🚀 Zero Runtime Compiles to native <use> tags 📦 70% Smaller No HTML bloat or JS overhead 🎨 6,800+ Icons Full Lucide & Tabler support 🛠️ DX First Full component DX in Dev ⚡ Any Framework Next.js, Vite, Remix, Webpack 🧩 Custom Icons First-class support for your SVGs --- Contents - Why This Library? - Benchmarks - Quick Start - Usage - How It Works --- Why This Library? SVG sprites are still the most performant way to deliver flat icons on the web. They are significantly smaller than React components and can be cached aggressively by the browser. However, using sprites in development is a pain. Browsers cache sprites so aggressively that you often have to close the tab and reopen it just to see a new icon, even with cache disabled in DevTools. This library solves that problem: 1. In Development: It uses standard React components. No caching issues, instant HMR (Hot Module Replacement), and full prop support. 2. In Production: It compiles everything into a single, highly optimized SVG sprite that is loaded once and cached forever. You get the Developer Experience of a component library with the Performance of a handwritten sprite. [!NOTE] See the difference for yourself: View Live Demo ↗ --- ⚡ Benchmarks (150 Icons) Library HTML Size --------- ----------- ","default_branch":null,"files":null,"tree":[],"storefront":"/r/react-zero-ui","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/react-zero-ui/icon-sprite/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}