This project demonstrates how to integrate TailwindCSS and Shadcn/UI with Docusaurus V3, creating a modern documentation website with beautiful, accessible UI components. Perfect for technical documentation, blogs, and project websites.
Repo: https://github.com/namnguyenthanhwork/docusaurus-tailwind-shadcn-template
Technology Stack
- ⚡️ Docusaurus V3
- 🎨 TailwindCSS for styling
- 🧩 Shadcn/UI components
- 🔍 @easyops-cn/docusaurus-search-local for search functionality
- 📱 Fully responsive design
- 🌗 Light/dark mode support
Key Features
- Modern Component Library: Shadcn/UI integration provides beautiful, accessible components
- Customizable Styling: TailwindCSS enables rapid styling and customization
- Full-Text Search: Local search functionality powered by @easyops-cn/docusaurus-search-local
- Dark Mode: Seamless dark mode support with Docusaurus and Shadcn/UI
- Performance Optimized: Built with performance best practices
The website also features a new blog UI was built using TailwindCSS & Shadcn/UI components and provides a modern, clean interface for displaying blog posts. The blog posts are managed by a custom blog plugin, defined in src/plugins/blog-plugin.js and homepage config in components/Homepage/index.js.
⭐️ this repository if you liked.
Top comments (0)