diff --git a/website/src/data/showcase/reactnative.png b/website/src/data/showcase/reactnative.png
new file mode 100644
index 0000000000..e0aae00e64
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 3ed270d26b..c2b8b73c1c 100644
--- a/website/src/data/users.js
+++ b/website/src/data/users.js
@@ -82,15 +82,6 @@ const users = [
     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',
     preview: require('./showcase/eta.png'),
@@ -212,6 +203,15 @@ const users = [
     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',
     preview: require('./showcase/runlet.png'),
@@ -248,6 +248,15 @@ const users = [
     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:
       'A JavaScript SDK for building native mobile Ethereum dapps with React Native',