diff --git a/website/src/data/showcase/flatifycss.png b/website/src/data/showcase/flatifycss.png
new file mode 100644
index 0000000000..1b626eaf66
Binary files /dev/null and b/website/src/data/showcase/flatifycss.png differ
diff --git a/website/src/data/users.tsx b/website/src/data/users.tsx
index 9014f8444e..5398c48bde 100644
--- a/website/src/data/users.tsx
+++ b/website/src/data/users.tsx
@@ -552,6 +552,14 @@ const Users: User[] = [
     source: 'https://github.com/Flagsmith/flagsmith-docs',
     tags: ['opensource'],
   },
+  {
+    title: 'FlatifyCSS',
+    description: 'Modern flat design framework for the web — inspired by Duolingo design system.',
+    preview: require('./showcase/flatifycss.png'),
+    website: 'https://flatifycss.com',
+    source: 'https://github.com/amir2mi/flatifycss/',
+    tags: ['opensource', 'design'],
+  },
   {
     title: 'Flipper',
     description: 'Extensible mobile app debugger',