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.

View Demo →

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.