diff --git a/www/README.md b/www/README.md
index ebd6f1384a7..c6a9109e4dd 100644
--- a/www/README.md
+++ b/www/README.md
@@ -41,3 +41,7 @@ We use `@vercel/og-image` for dynamic open graph image generation. They are depl
To use the dynamic images, we override the default Docusaurus theme using [`swizzling`](https://www.docusaurus.io/docs/swizzling). You can find these overrides in [src/theme/\*\*](./src/theme).
To play with them locally go the `og-image` folder and run `pnpm dev`.
+
+## Company logos
+
+We store a list of company logos in the `www/static/img/logos/*` folder to show on the landing page. To add future logos, simply add the png/svg to the folder, and then add it to the `www/src/components/companies.ts` map with the key of the company name and the value of the logo file location. Be sure to normalize your logos, and consider running them though an optimizer tool like [SVGOMG](https://jakearchibald.github.io/svgomg/). Finally, ensure that they have a set width and height.
diff --git a/www/src/components/CompaniesUsing.tsx b/www/src/components/CompaniesUsing.tsx
new file mode 100644
index 00000000000..d383d6f2f2f
--- /dev/null
+++ b/www/src/components/CompaniesUsing.tsx
@@ -0,0 +1,36 @@
+import React from 'react';
+import { companyLogos } from './companies';
+import { SectionTitle } from './SectionTitle';
+
+const animationRow = Array(2).fill(0) as [number, number];
+
+/**
+ * An animated logo carousel to show companies using tRPC. Tailwind code taken from Cruip
+ * @see https://cruip.com/create-an-infinite-horizontal-scroll-animation-with-tailwind-css/
+ */
+export const CompaniesUsing = () => {
+ return (
+ <>
+
+