Importing and using shadcn registry components

v0
1

Hi. I’m trying to understand the workflow for imported shadcn registry components into a v0 nextjs project.

  • Click a “add to v0” link from a shadcn component registry
  • Component opens up in my v0
  • Can save it to a v0 project…
  • … but then what? I don’t see how to add it to a test nextjs codebase I have in that same project?

I understand how to do it via Shadcn cli in my local dev without any v0 involved, but do not see how to do it in v0 cloud app?

You can’t use any CLI commands in v0 correct?

I must be missing something? Thanks.

4

Hmm. Looking into this more: is this right?:

Is the purpose of importing shadcn registry components/blocks via the “add to v0” not to add them to your nextjs (or whatever) project, but to use natural language to modify them as standalone components/blocks?

Then, once you are happy with the changes, manually download them and integrate them to your project?

And if the component has a bunch of dependencies, then you download and add all of that to your local project manually, yes?

And you could do all of this - including using natural language to import, modify and integrate, inlcuding all dependencies - via Cursor, Windsurf etc, but this is for folks who don’t use those tools maybe?

Do I have this right? Or maybe I’m still missing something? Thanks.