Skip to main content
n3wth/kit

shadcn registry
+ AI context packs

Install components with npx shadcn add. Drop in the GEMINI.md context pack to give Antigravity CLI the component guidance.

npx shadcn add https://kit.n3wth.com/r/button.json

Without context

<button className="bg-primary
  text-primary-foreground
  hover:bg-primary/90
  h-10 px-4 py-2 rounded-md
  text-sm font-medium">
  Get Started
</button>

With context pack

<Button
  variant="primary"
  size="lg">
  Get Started
</Button>

The registry

32 UI components, 4 blocks, 11 hooks. Each installs with npx shadcn add and is documented in the context packs.

Button

npx shadcn add https://kit.n3wth.com/r/button.json

Badge

SuccessErrorInfoWarningOutline
npx shadcn add https://kit.n3wth.com/r/badge.json

Input

npx shadcn add https://kit.n3wth.com/r/input.json

Switch

npx shadcn add https://kit.n3wth.com/r/switch.json

Progress

npx shadcn add https://kit.n3wth.com/r/progress.json

Avatar

ON
KT
JD
npx shadcn add https://kit.n3wth.com/r/avatar.json

View all components →

What's a context pack?

A context pack is a file you drop into your project that tells AI coding tools about your components. Antigravity CLI reads GEMINI.md. Merge the guidance with your existing instructions and review generated changes.

GEMINI.mdAGENTS.mdmcp.json

Get started

1. Install components

The standard shadcn CLI copies each component into your project.

npx shadcn add https://kit.n3wth.com/r/button.json

2. Add context pack

Download the file for your AI tool. It teaches the tool how to use the components.

curl -o GEMINI.md https://kit.n3wth.com/ai/GEMINI.md

Full setup guide →