Has anyone integrated Shadcn UI with SharePoint?

I want to integraet shadcn-ui library into sharepoint framework . can you help us here?

I’ve worked with SharePoint, but never used shadcn/ui with it. So I asked v0 for some ideas (Integrating Shadcn UI - v0 by Vercel). It seems like it could be tricky with some potential conflicts. Is there a specific problem you ran into?

Thanks for the reply!. I am facing chalanges when i ran ‘npx shadcn-ui@latest add card
command.
Below are the error details:
npm ERR! code ENOENT
npm ERR! syscall chmod
npm ERR! path C:\Users\XYZ\AppData\Roaming\npm-cache_npx\21808\node_modules\shadcn-ui\dist\index.js
npm ERR! errno -4058
npm ERR! enoent ENOENT: no such file or directory, chmod ‘C:\Users\XYZ\AppData\Roaming\npm-cache_npx\21808\node_modules\shadcn-ui\dist\index.js’
npm ERR! enoent This is related to npm not being able to find a file.
npm ERR! enoent

@amyegan : Thanks again. I am not using next js. will it be possible to integrate React alone with shadcn-ui instead of using next js?. we are using React with Spfx.

The shadcn/ui docs have installation steps and app structuring instructions for multiple frameworks here: Installation - shadcn/ui

I hope that helps!

1 Like

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.