diff --git a/website/src/data/showcase/react-chat-elements.png b/website/src/data/showcase/react-chat-elements.png
new file mode 100644
index 0000000000..2affcd00f4
Binary files /dev/null and b/website/src/data/showcase/react-chat-elements.png differ
diff --git a/website/src/data/users.tsx b/website/src/data/users.tsx
index effa793a17..29909908c3 100644
--- a/website/src/data/users.tsx
+++ b/website/src/data/users.tsx
@@ -1633,6 +1633,14 @@ const Users: User[] = [
     source: 'https://github.com/rivalis/rivalis.github.io',
     tags: ['opensource', 'design', 'product'],
   },
+  {
+    title: 'react-chat-elements',
+    description: 'Chat UI package for React',
+    preview: require('./showcase/react-chat-elements.png'),
+    website: 'https://detaysoft.github.io/docs-react-chat-elements/',
+    source: 'https://github.com/Detaysoft/react-chat-elements',
+    tags: ['opensource'],
+  },
   {
     title: 'React Complex Tree',
     description: