How can I use component from shadecn UI in plasmic?

I want to use shadecn UI component for my website. But I do not know how add those. What I have tried is self hosted the plasmic in nextjs and installed tailwind and shadecnUI there. But I want to use those component from Plasmic Studio.

Hello @its_the-sa, and welcome to the forum!

It sounds like you’re looking for code components! These are custom React components from your codebase that can be used like any other component in Plasmic Studio. For more details, our Code component docs cover everything you need to get started!

I really do not much understand the coding or programming. I am still learning on it. I have added all of the shadecn component in the project. Now I want to actually see all of the components in the components panel in plasmic studio!

You would need to do a little bit of coding to register your shadcn components with PLasmic Studio, so you can see them in the insert/components panel. You can refer to our code component registration docs for a detailed guide on how to do that. Or if you need more visual help, check out this tutorial on Youtube