{"repo":"brohvis/svgmagic","free":true,"listed":false,"github":"https://github.com/brohvis/svgmagic","clone":"git clone https://github.com/brohvis/svgmagic.git","description":"SVGMagic - Transform the way you work with SVG in Next.js and React.","language":"TypeScript","stars":13,"topics":["nextjs","svg","svgm","svgmagic"],"license":null,"category":"saas-starters-boilerplates","readme_excerpt":"svgMagic svgMagic, SVGMAGIC, svgm, or SVGM is a dynamic svg management package designed for Next.js applications. It allows developers and designers to easily load and manage svg 's, making them instantly available in the development environment without manual imports or pre-specifications. Visit our website for more in depth documentation and example animations at https://svgmagic.org Features - Dynamic Loading: Automatically load .svg files from a specified directory. - Easy Integration: No need to predefine or manually import svg 's. - TailwindCSS Compatibility: Style svg 's using TailwindCSS classes. - Optimized for Next.js: Seamlessly integrate with Next.js applications. Installation Use your preffered package manager to install the package. https://github.com/brohvis/svgmagic https://www.npmjs.com/package/svgmagic https://github.com/brohvis/svgmagic/pkgs/npm/svgmagic Ensure SVGR is Installed SVGM uses SVGR to transform svg into React components. SVGR is a peer dependency and should be installed automatically. If not, you can install it manually: Configure SVGR in Next.js Add the following configuration to your next.config.js to enable SVGR: Usage To use SVGM in your Next.js project, follow these next steps: 1. Run the Install Script: SVGM includes an install script to scaffold the necessary files and directories. Run the following command after installing the package: This script will: - Create a default or configurable svgm directory under src . - Optionally copy sampl","default_branch":null,"files":null,"tree":[],"storefront":"/r/brohvis","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/brohvis/svgmagic/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."}