diff --git a/src/components/SecondaryNav/index.tsx b/src/components/SecondaryNav/index.tsx
index 8f367fa927e..4912bb466fa 100644
--- a/src/components/SecondaryNav/index.tsx
+++ b/src/components/SecondaryNav/index.tsx
@@ -9,6 +9,7 @@ import {
   IOS_REFERENCE,
   ANDROID_REFERENCE,
   JS_REFERENCE,
+  FLUTTER_REFERENCE,
   HOSTING_REFERENCE
 } from '../../constants/links';
 import ExternalLink from '../ExternalLink';
@@ -70,12 +71,24 @@ export default function SecondaryNav() {
                           case 'android': {
                             return ANDROID_REFERENCE;
                           }
+                          case 'flutter': {
+                            return FLUTTER_REFERENCE;
+                          }
                           default: {
                             return JS_REFERENCE;
                           }
                         }
                       })(),
-                      external: true
+                      external: (() => {
+                        switch ((filterKeys as { platform: string }).platform) {
+                          case 'flutter': {
+                            return false;
+                          }
+                          default: {
+                            return true;
+                          }
+                        }
+                      })()
                     }
                   ]
                 : [])
diff --git a/src/constants/links.ts b/src/constants/links.ts
index b6b90224fa8..5aaa2d96574 100644
--- a/src/constants/links.ts
+++ b/src/constants/links.ts
@@ -14,3 +14,5 @@ export const ANDROID_REFERENCE =
 export const JS_REFERENCE = 'https://aws-amplify.github.io/amplify-js/api/';
 export const HOSTING_REFERENCE =
   'https://docs.aws.amazon.com/amplify/latest/userguide/getting-started.html';
+  export const FLUTTER_REFERENCE =
+  '/flutter-references';
diff --git a/src/directory/directory.mjs b/src/directory/directory.mjs
index f8642d926b0..ad1f7e3c175 100644
--- a/src/directory/directory.mjs
+++ b/src/directory/directory.mjs
@@ -11,6 +11,13 @@ export const directory = {
     },
     items: {}
   },
+  "flutter-references": {
+    productRoot: {
+      title: 'Amplify Libraries for Flutter API References',
+      route: '/flutter-references'
+    },
+    items: {}
+  },
   lib: {
     productRoot: {
       title: 'Amplify Libraries',
diff --git a/src/pages/flutter-references/index.mdx b/src/pages/flutter-references/index.mdx
new file mode 100644
index 00000000000..acf74e44db0
--- /dev/null
+++ b/src/pages/flutter-references/index.mdx
@@ -0,0 +1,12 @@
+export const meta = {
+  title: `Flutter API References`,
+  description: `A list of Amplify Libraries for Flutter API reference docs.`,
+};
+
+* [Amplify Libraries for Flutter API reference](https://pub.dev/packages/amplify_api)
+* [Amplify Libraries for Flutter: Core reference](https://pub.dev/packages/amplify_core)
+* [Amplify Libraries for Flutter: Analytics reference](https://pub.dev/packages/amplify_analytics_pinpoint)
+* [Amplify Libraries for Flutter: Auth reference](https://pub.dev/packages/amplify_auth_cognito)
+* [Amplify Libraries for Flutter: Authenticator reference](https://pub.dev/packages/amplify_authenticator)
+* [Amplify Libraries for Flutter: Datastore reference](https://pub.dev/packages/amplify_datastore)
+* [Amplify Libraries for Flutter: Storage reference](https://pub.dev/packages/amplify_storage_s3)