diff --git a/website/src/data/showcase/whirlcodes.png b/website/src/data/showcase/whirlcodes.png
new file mode 100644
index 0000000000..dd09a3bb2f
Binary files /dev/null and b/website/src/data/showcase/whirlcodes.png differ
diff --git a/website/src/data/users.tsx b/website/src/data/users.tsx
index 1e4df28fd6..ced940ac3f 100644
--- a/website/src/data/users.tsx
+++ b/website/src/data/users.tsx
@@ -1302,6 +1302,15 @@ const Users: User[] = [
     source: 'https://github.com/Wisdom/dev-docs',
     tags: ['opensource', 'design', 'product'],
   },
+{
+    title: 'Whirl',
+    description:
+      'Whirl\'s Personal Website and Blog',
+    preview: require('./showcase/whirlcodes.png'),
+    website: 'https://whirl.codes',
+    source: 'https://github.com/whirl21/website',
+    tags: ['opensource', 'personal']
+  },
   {
     title: 'KubeVela',
     description:
@@ -1390,7 +1399,8 @@ const Users: User[] = [
     website: 'https://nocalhost.dev/',
     source: 'https://github.com/nocalhost/nocalhost',
     tags: ['opensource', 'i18n']
-  }
+  },
+
 
   /*
   Pro Tip: add your site in alphabetical order.