Framework guide

Next.js: editable source, clean boundaries.

The registry writes React, TypeScript, and CSS into your App Router project. The clean fixture proves the consumer owns its dependencies and never imports from the Gummy UI website.

Install

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

Import @/components/gummy-theme.css and @/components/gummy-button.css from the root layout or global stylesheet. Import the component from @/components/ui/gummy-button.

App Router behavior

Interactive registry source declares its own client boundary where needed. Keep Server Components as the default in your application and move only stateful composition behind a client boundary.

Verify

Run your project's TypeScript, lint, behavior, accessibility, and production-build checks after installation. Gummy UI's release gate performs the independent typecheck and build in a fresh temporary Next.js consumer.