Lovable Integration

How it works

Lovable uses shadcn/ui under the hood. Since n3wth components are distributed as shadcn registry items, you can install them into Lovable projects using the shadcn CLI command.

1. Install components

Use the Lovable terminal to install n3wth components:

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

2. Tell Lovable about your components

After installing, include context in your prompts so Lovable uses your components instead of generating custom markup:

This project has custom components from the n3wth
registry (kit.newth.ai): Button, Card, Input.
Use these instead of building custom ones.
Import from @/components/ui/[name].

3. Prompt with component names

Build a pricing page using the Card component for each tier

Create a settings form using Input and Button components

Tips

• Install components before prompting for better results
• Include component context early in the conversation
• n3wth components work alongside standard shadcn/ui defaults