比較の観点
カスタマイズの柔軟性
テーマトークン、Tailwind ユーティリティ、コンポーネントマップ、スロット、ソース取り込み可能な UI を評価します。
結果
Fumadocs は複数の深さでカスタマイズできます。
- CSS で
--color-fd-*デザイントークンを上書きする。 - アプリのコンポーネントで Tailwind CSS ユーティリティを使う。
- グローバル MDX コンポーネントマップを拡張する。
- レイアウトのリンク、ナビゲーション、サイドバー、ページスロットを設定する。
- パッケージのオプションで足りない場合は Fumadocs CLI で UI ソースを取り込む。
このプロジェクトの紫のアクセント、デモパネル、Mermaid コンテナーは
app/global.css の追加です。ドキュメントレイアウト自体はパッケージのままです。
製品に合わせたドキュメントでは強みですが、取り込んで大きく改変した UI は アプリ側の保守対象になります。