For the complete documentation index, see llms.txt. Markdown variants are available by appending .md to any URL or sending an Accept: text/markdown header. An agent skill is available at /.well-known/agent-skills/site-skill.md.
3
Sponsor

Introduction

Next

A template for building and publishing your own shadcn registry components.

A ready-to-use template for creating and publishing custom components to the shadcn registry.

What You Get

  • 📦 Simple structure - One component file + one config file
  • 📚 Documentation site - Powered by Fumadocs
  • 🎨 Registry compatible - Works with npx shadcn add
  • 🤖 Agent ready - Ships with llms.txt, llms-full.txt, API catalog routes, and agent skill discovery endpoints
  • 🔊 Web audio feedback - Built-in interaction sounds powered by @web-kits/audio
  • 📳 Web haptics - Optional haptic feedback for supported devices via web-haptics
  • ✨ Motion animations - Uses motion for animated UI states and transitions
  • 🎯 Animated icons - Includes reusable animated icons for buttons, sharing, and navigation
  • 🔄 View transitions - Uses Next.js view transitions for smoother page changes
  • 🚀 Deploy ready - Deploy anywhere

Tech Stack

  • Next.js 16 + App Router
  • React 19
  • Tailwind CSS 4
  • Fumadocs
  • motion
  • @web-kits/audio
  • web-haptics
  • shiki + rehype-pretty-code

How It Works

  1. Edit your component at registry/new-york/your-component.tsx
  2. Update registry.json with your component name and details
  3. Run pnpm registry:build

That's it. Deploy your app and users can install your component:

$ pnpm dlx shadcn@latest add https://your-site.com/r/your-component.json

FAQ