Using Shadcn UI with Docusaurus
· 13 min read
Introduction
I love using Shadcn UI for my applications. The components are beautifully designed. Best of all, you can just copy and paste them into your apps. They are accessible, customizable, and fully open source.
I also love Docusaurus for building my documentation sites. It's a great way to create documentation sites quickly that look professional.
The only problem? They are really hard to use together. Because Docusaurus uses its own CSS framework (Infima) and a custom build system, it's hard to integrate Shadcn UI components into your Docusaurus site.
As an engineer, I couldn't let that stop me. I set out to find a way to integrate Shadcn UI components into my Docusaurus site and that is exactly what I'm going to show you in this guide.