Getting Started

Add n3wth/kit components to your project in a few steps.

Prerequisites

A Next.js or React project with shadcn/ui initialized
Tailwind CSS v4
Node.js 18+

1. Install a component

Use the shadcn CLI to add components directly from the n3wth/kit registry.

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

This installs the component source code into your project along with its AI context pack.

2. Use with AI tools

Once installed, AI coding tools like Cursor, Claude Code, v0, Lovable, and Windsurf read the context packs alongside your components. Generated code follows your design system rules.

3. Browse components

See all available components in the component gallery. Each component page includes install commands and usage details.

Registry URL

The base registry URL for all components is:

https://kit.newth.ai/r

Append any component name with .json to get its registry entry. For example: https://kit.newth.ai/r/card.json