A powerful and extremely fast CLI tool to instantly download and manage custom UI components and icons on-demand for Next.js, Nuxt 3, or raw SVG.
npm install @pphatdev/registryCustomize vector dimensions, rotation angles, colors, and live presets in real-time. Export production-ready TSX, Vue, or raw SVG code directly to your codebase.
import React, { forwardRef } from 'react'; export const ArrowRightIcon = forwardRef<SVGSVGElement, React.SVGProps<SVGSVGElement>>((props, ref) => ( <svg ref={ref} width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" {...props}> <path d="M5 12h14" /> <path d="m12 5 7 7-7 7" /> </svg> ));