What are you trying to do? (please be as specific as possible and include relevant screenshots, code snippets, and reproduction steps)
How can i add all nextui components in the project? Do i need to create all components one by one or can i add the package?
What are the steps to add complete package?
What have you tried so far? (please link relevant docs and other forum posts)
We currently do not have a built-in package for NextUI components. But you can create custom code components that use NextUI and add those to your project. You can get some inspiration on how to build that out from our source code here, or you can read more about code components from our docs: Using code components in Plasmic Studio | Learn Plasmic
Hey mate, you can add all NextUI components by installing the package instead of creating them one by one. You need to simply run npm install @nextui-org/react and wrap your app with . Then, you can import and use any component directly, like import. You can also make sure that you include the necessary global styles for proper rendering, especially when using Next.js with App Router.
I faced a similar issue while working on a client’s project which was mainly about PBNs based systems and components weren’t styling correctly. The fix was to properly configure the provider and ensure compatibility with Server Components. If you are using Next.js 13/14, consider handling components within client-side boundaries to avoid rendering issues. Let me know if you run into any specific errors!