v0 Integration

Use the n3wth registry URL with v0 so generated UIs use your design system components instead of generic markup.

How it works

v0 supports custom shadcn registries. Point v0 at the n3wth registry URL and it gains access to all components. The generated output uses your actual component imports, not approximations.

1. Reference the registry URL

Include the registry URL in your v0 prompts. v0 resolves it at generation time.

https://kit.newth.ai/r

Individual component URLs follow the pattern:

https://kit.newth.ai/r/button.json
https://kit.newth.ai/r/card.json
https://kit.newth.ai/r/input.json

2. Prompt with component references

Build a hero section using components from
https://kit.newth.ai/r -- use Button for the CTA.

Create a pricing page with Card components from
https://kit.newth.ai/r/card.json

3. Install locally

After v0 generates the code, install the referenced components in your local project:

npx shadcn add https://kit.newth.ai/r/button.json
npx shadcn add https://kit.newth.ai/r/card.json

Tips

Include the full registry URL in prompts so v0 can fetch component definitions
Be specific about which components to use
n3wth components work alongside standard shadcn/ui components