diff --git a/website/src/data/showcase/reactnative.png b/website/src/data/showcase/reactnative.png
new file mode 100644
index 000000000000..e0aae00e64de
Binary files /dev/null and b/website/src/data/showcase/reactnative.png differ
diff --git a/website/src/data/users.js b/website/src/data/users.js
index 3ed270d26b3e..c2b8b73c1c54 100644
--- a/website/src/data/users.js
+++ b/website/src/data/users.js
@@ -81,15 +81,6 @@ const users = [
     fbOpenSource: true,
     pinned: true,
   },
-  {
-    title: 'Taro',
-    description: 'An open cross-end and cross-frame solution',
-    preview: require('./showcase/docs-taro-zone.png'),
-    website: 'https://docs.taro.zone/',
-    source: 'https://github.com/NervJS/taro',
-    fbOpenSource: false,
-    pinned: false,
-  },
   {
     title: 'Eta',
     description: 'Faster embedded JS template engine in TypeScript',
@@ -211,6 +202,15 @@ const users = [
     fbOpenSource: false,
     pinned: false,
   },
+  {
+    title: 'React Native',
+    description: 'A framework for building native apps using React',
+    preview: require('./showcase/reactnative.png'),
+    website: 'https://reactnative.dev',
+    source: 'https://github.com/facebook/react-native-website',
+    fbOpenSource: true,
+    pinned: false,
+  },
   {
     title: 'Runlet',
     description: 'A cloud-based job manager that integrates your devices',
@@ -247,6 +247,15 @@ const users = [
     fbOpenSource: false,
     pinned: false,
   },
+  {
+    title: 'Taro',
+    description: 'An open cross-end and cross-frame solution',
+    preview: require('./showcase/docs-taro-zone.png'),
+    website: 'https://docs.taro.zone/',
+    source: 'https://github.com/NervJS/taro',
+    fbOpenSource: false,
+    pinned: false,
+  },
   {
     title: 'Tasit',
     description: