Framework guide

Vite: source that belongs to your app.

Configure a React and TypeScript project with a shadcn components manifest and an @ alias, then install the same public registry payloads used by the Next.js path.

Install

npx shadcn@latest add https://gummyui.dev/r/gummy-base.json https://gummyui.dev/r/gummy-button.json

Import the generated components/gummy-theme.css and component stylesheet from src/index.css. Import the component from ../components/ui/gummy-button or your configured alias.

Required alias

Keep the @/* TypeScript alias and matching Vite resolution aligned with components.json. This lets the registry place public UI source predictably without reaching back into this website.

Verify

Run strict type checking and a production Vite build. The committed clean fixture repeats both checks after a real shadcn installation in an isolated temporary project.