diff --git a/app/(home)/BuiltWithNativewindSection.tsx b/app/(home)/BuiltWithNativewindSection.tsx new file mode 100644 index 0000000..83c5010 --- /dev/null +++ b/app/(home)/BuiltWithNativewindSection.tsx @@ -0,0 +1,129 @@ +import { ArrowUpRight } from "lucide-react"; + +const adopters = [ + { + name: "PostHog", + usage: "Mobile app", + evidence: + "https://github.com/PostHog/posthog/blob/master/products/desktop/apps/mobile/package.json", + }, + { + name: "Folo", + usage: "Mobile app", + evidence: + "https://github.com/RSSNext/Folo/blob/dev/apps/mobile/package.json", + }, + { + name: "Onyx", + usage: "Mobile app", + evidence: + "https://github.com/onyx-dot-app/onyx/blob/main/mobile/package.json", + }, + { + name: "Karakeep", + usage: "Mobile app", + evidence: + "https://github.com/karakeep-app/karakeep/blob/main/apps/mobile/package.json", + }, + { + name: "Suna", + usage: "Mobile app", + evidence: + "https://github.com/kortix-ai/suna/blob/main/apps/mobile/package.json", + }, + { + name: "Linkwarden", + usage: "Mobile app", + evidence: + "https://github.com/linkwarden/linkwarden/blob/main/apps/mobile/package.json", + }, + { + name: "Polar", + usage: "App", + evidence: + "https://github.com/polarsource/polar/blob/main/clients/apps/app/package.json", + }, + { + name: "React Native Reusables", + usage: "Component registry", + evidence: + "https://github.com/founded-labs/react-native-reusables/blob/main/packages/registry/package.json", + }, + { + name: "gluestack-ui", + usage: "Component library", + evidence: + "https://github.com/gluestack/gluestack-ui/blob/main/packages/gluestack-ui/package.json", + }, + { + name: "Streamyfin", + usage: "App", + evidence: + "https://github.com/streamyfin/streamyfin/blob/develop/package.json", + }, +] as const; + +export default function BuiltWithNativewindSection() { + return ( +
+
+
+
+

+ Verified open source adoption +

+

+ Built with Nativewind +

+
+

+ Ten products and libraries that declare Nativewind in their public + codebases, verified September 21, 2026. +

+
+ +
    + {adopters.map((adopter, index) => ( +
  1. + +
    + {String(index + 1).padStart(2, "0")} + + Evidence + +
    + +
    +

    + {adopter.name} +

    +

    + {adopter.usage} +

    +
    +
    +
  2. + ))} +
+ +

+ Ordered by public GitHub stars at the time of verification. Stars are + not a measure of company size, traffic, or endorsement. +

+
+
+ ); +} diff --git a/app/(home)/page.tsx b/app/(home)/page.tsx index f3fac4f..1710320 100644 --- a/app/(home)/page.tsx +++ b/app/(home)/page.tsx @@ -1,3 +1,4 @@ +import BuiltWithNativewindSection from "./BuiltWithNativewindSection"; import ComponentKitsSection from "./ComponentKitsSection"; import FooterSection from "./FooterSection"; import HeroSection from "./HeroSection"; @@ -11,6 +12,7 @@ export default function HomePage() {
+