@pphatdev/registry v1.2.0

@pphatdev/registry Documentation

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 -g @pphatdev/registry

bash — pphat CLI Session

~project$

Icon Playground

Customize vector dimensions, rotation angles, colors, and live presets in real-time. Export production-ready TSX, Vue, or raw SVG code directly to your codebase.

@pphatdev/registry

v1.2.0 Playground

Vector Icon PreviewStage: 32×32px

32px Asset

Size: 32pxRotate: 0°

⚡Controls & Code Output

Size:

Rotate:

Color:

arrow-right.tsx

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>
));

$pphat add-icon arrow-right -f nextjs