diff --git a/src/view/screens/Storybook/NumberFormat.tsx b/src/view/screens/Storybook/NumberFormat.tsx
new file mode 100644
index 0000000000..fbabf6f0fb
--- /dev/null
+++ b/src/view/screens/Storybook/NumberFormat.tsx
@@ -0,0 +1,55 @@
+import React from 'react'
+import {Text, View} from 'react-native'
+import {useLingui} from '@lingui/react'
+
+import {formatCount} from '#/view/com/util/numeric/format'
+import {atoms as a} from '#/alf'
+import {ArrowRight_Stroke2_Corner0_Rounded as ArrowIcon} from '#/components/icons/Arrow'
+import {H1} from '#/components/Typography'
+
+export function NumberFormat() {
+  const {i18n} = useLingui()
+
+  return (
+    <View style={[a.gap_md]}>
+      <H1>Number format</H1>
+
+      <Text>
+        9 <ArrowIcon size="xs" /> {formatCount(i18n, 9)}
+      </Text>
+      <Text>
+        95 <ArrowIcon size="xs" /> {formatCount(i18n, 95)}
+      </Text>
+      <Text>
+        150 <ArrowIcon size="xs" /> {formatCount(i18n, 150)}
+      </Text>
+      <Text>
+        1049 <ArrowIcon size="xs" /> {formatCount(i18n, 1049)}
+      </Text>
+      <Text>
+        1050 <ArrowIcon size="xs" /> {formatCount(i18n, 1050)}
+      </Text>
+      <Text>
+        1060 <ArrowIcon size="xs" /> {formatCount(i18n, 1060)}
+      </Text>
+      <Text>
+        1090 <ArrowIcon size="xs" /> {formatCount(i18n, 1090)}
+      </Text>
+      <Text>
+        1095 <ArrowIcon size="xs" /> {formatCount(i18n, 1095)}
+      </Text>
+      <Text>
+        1099 <ArrowIcon size="xs" /> {formatCount(i18n, 1099)}
+      </Text>
+      <Text>
+        1100 <ArrowIcon size="xs" /> {formatCount(i18n, 1100)}
+      </Text>
+      <Text>
+        10949 <ArrowIcon size="xs" /> {formatCount(i18n, 10949)}
+      </Text>
+      <Text>
+        10950 <ArrowIcon size="xs" /> {formatCount(i18n, 10950)}
+      </Text>
+    </View>
+  )
+}
diff --git a/src/view/screens/Storybook/index.tsx b/src/view/screens/Storybook/index.tsx
index de3d46533b..9492b9d151 100644
--- a/src/view/screens/Storybook/index.tsx
+++ b/src/view/screens/Storybook/index.tsx
@@ -18,6 +18,7 @@ import {Forms} from './Forms'
 import {Icons} from './Icons'
 import {Links} from './Links'
 import {Menus} from './Menus'
+import {NumberFormat} from './NumberFormat'
 import {Settings} from './Settings'
 import {Shadows} from './Shadows'
 import {Spacing} from './Spacing'
@@ -100,6 +101,8 @@ function StorybookInner() {
               <ButtonText>Open Shared Prefs Tester</ButtonText>
             </Button>
 
+            <NumberFormat />
+
             <Admonitions />
 
             <Settings />