diff --git a/website/src/data/showcase/molecule-home.png b/website/src/data/showcase/molecule-home.png
new file mode 100644
index 0000000000..032aaed576
Binary files /dev/null and b/website/src/data/showcase/molecule-home.png differ
diff --git a/website/src/data/users.tsx b/website/src/data/users.tsx
index 20fc83fba2..2ea97d14ae 100644
--- a/website/src/data/users.tsx
+++ b/website/src/data/users.tsx
@@ -808,6 +808,15 @@ const Users: User[] = [
     source: null,
     tags: ['design'],
   },
+  {
+    title: 'Molecule',
+    description:
+      'Molecule is a lightweight Web IDE UI framework built with React.js and inspired by VSCode.',
+    preview: require('./showcase/molecule-home.png'),
+    website: 'https://dtstack.github.io/molecule/en',
+    source: 'https://github.com/DTStack/molecule',
+    tags: ['opensource', 'i18n'],
+  },
   {
     title: 'Motion Layout',
     description: