@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/registryEverything you need to ship faster
A focused toolkit for teams who want a design system without the overhead — icons, components, and a CLI that gets out of your way.
Brand & tech icons, ready to ship
A growing registry of brand and technology SVG icons — React, Vue, GitHub, Ansible and more — fetched on demand via the CLI. No icon font, no sprite, no bloat.
Components are being crafted with care.
Drop-in components
Buttons, cards, dialogs, inputs and more — copy-paste TSX primitives that inherit your theme tokens automatically. Being crafted with care.
One command, instant asset
Run `pphat add-icon <name>` and the SVG lands directly in your project. No download page, no manual copy-paste, no waiting.
Three output formats
Pass `-f svg`, `-f nextjs`, or `-f nuxtjs` to get the exact format your stack needs. Switch frameworks without touching your icon set.
Zero runtime overhead
Icons are fetched as plain files and placed in your repo. Only what you import reaches your bundle — no registry loaded at runtime.
Config once, reuse everywhere
Run `pphat init` once to create a pphatdev.json at your project root. Your preferred format and output paths are saved — no flags needed on subsequent runs.
Add your first icon in one command.
pphat add-icon <name>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.
// Loading registry...
Everything you need to know.
Quick answers to the questions we hear most. Missing yours? Head to the full FAQ page below.
You don't need to install anything permanently. Run the CLI directly with npx pphat init to create a pphatdev.json config, then npx pphat add-icon <name> to fetch what you need. If you use it often, npm install -g @pphatdev/registry.
Explore the full list of common questions.