diff --git a/docs/docusaurus.config.js b/docs/docusaurus.config.js
index dbdb800220..c054f5e31e 100644
--- a/docs/docusaurus.config.js
+++ b/docs/docusaurus.config.js
@@ -93,6 +93,10 @@ async function createConfig() {
               label: 'Contributing',
               sidebarId: 'contributing',
             },
+            {
+              type: 'custom-coffeeNavbarItem',
+              position: 'right',
+            },
             {
               type: 'custom-versionsNavbarItem',
               position: 'right',
diff --git a/docs/src/components/NavbarItems/CoffeeNavbarItem/index.tsx b/docs/src/components/NavbarItems/CoffeeNavbarItem/index.tsx
new file mode 100644
index 0000000000..df25227be4
--- /dev/null
+++ b/docs/src/components/NavbarItems/CoffeeNavbarItem/index.tsx
@@ -0,0 +1,11 @@
+import React from 'react';
+import DefaultNavbarItem from '@theme/NavbarItem/DefaultNavbarItem';
+
+export default function CoffeeNavbarItem(): JSX.Element {
+  return (
+    <DefaultNavbarItem
+      label="☕ Buy us a coffee!"
+      href="https://github.com/sponsors/riok"
+    />
+  );
+}
diff --git a/docs/src/theme/NavbarItem/ComponentTypes.js b/docs/src/theme/NavbarItem/ComponentTypes.js
index 6e2fc01794..9b6bf4f5ef 100644
--- a/docs/src/theme/NavbarItem/ComponentTypes.js
+++ b/docs/src/theme/NavbarItem/ComponentTypes.js
@@ -1,8 +1,10 @@
 import ComponentTypes from '@theme-original/NavbarItem/ComponentTypes';
 import VersionsNavbarItem from '@site/src/components/NavbarItems/VersionsNavbarItem';
+import CoffeeNavbarItem from '@site/src/components/NavbarItems/CoffeeNavbarItem';
 
 // see https://github.com/facebook/docusaurus/issues/7227
 export default {
   ...ComponentTypes,
+  'custom-coffeeNavbarItem': CoffeeNavbarItem,
   'custom-versionsNavbarItem': VersionsNavbarItem,
 };