Skip to content

Commit be28cb5

Browse files
committed
Add comprehensive benchmark results to overview page
Expand benchmark table with complete comparison data from README: - Add Version column for all libraries - Include kuma-ui, panda-css, chakra-ui, and mui benchmarks - Add devup-ui per-file css variant - Include Turbopack benchmark results for both tailwindcss and devup-ui - Show devup-ui's smallest bundle size (4,772,050 bytes with Turbopack)
1 parent 273f28b commit be28cb5

File tree

1 file changed

+47
-2
lines changed
  • apps/landing/src/app/(detail)/docs/overview

1 file changed

+47
-2
lines changed

apps/landing/src/app/(detail)/docs/overview/page.mdx

Lines changed: 47 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -135,36 +135,81 @@ Benchmarks on Next.js (GitHub Actions - ubuntu-latest):
135135
<TableHead>
136136
<TableRow>
137137
<TableHeaderCell>Library</TableHeaderCell>
138+
<TableHeaderCell>Version</TableHeaderCell>
138139
<TableHeaderCell>Build Time</TableHeaderCell>
139140
<TableHeaderCell>Build Size</TableHeaderCell>
140141
</TableRow>
141142
</TableHead>
142143
<TableBody>
143144
<TableRow>
144145
<TableCell>tailwindcss</TableCell>
146+
<TableCell>4.1.13</TableCell>
145147
<TableCell>19.31s</TableCell>
146148
<TableCell>59,521,539 bytes</TableCell>
147149
</TableRow>
148150
<TableRow>
149151
<TableCell>styleX</TableCell>
152+
<TableCell>0.15.4</TableCell>
150153
<TableCell>41.78s</TableCell>
151154
<TableCell>86,869,452 bytes</TableCell>
152155
</TableRow>
153156
<TableRow>
154157
<TableCell>vanilla-extract</TableCell>
158+
<TableCell>1.17.4</TableCell>
155159
<TableCell>19.50s</TableCell>
156160
<TableCell>61,494,033 bytes</TableCell>
157161
</TableRow>
162+
<TableRow>
163+
<TableCell>kuma-ui</TableCell>
164+
<TableCell>1.5.9</TableCell>
165+
<TableCell>20.93s</TableCell>
166+
<TableCell>69,924,179 bytes</TableCell>
167+
</TableRow>
168+
<TableRow>
169+
<TableCell>panda-css</TableCell>
170+
<TableCell>1.3.1</TableCell>
171+
<TableCell>20.64s</TableCell>
172+
<TableCell>64,573,260 bytes</TableCell>
173+
</TableRow>
174+
<TableRow>
175+
<TableCell>chakra-ui</TableCell>
176+
<TableCell>3.27.0</TableCell>
177+
<TableCell>28.81s</TableCell>
178+
<TableCell>222,435,802 bytes</TableCell>
179+
</TableRow>
180+
<TableRow>
181+
<TableCell>mui</TableCell>
182+
<TableCell>7.3.2</TableCell>
183+
<TableCell>20.86s</TableCell>
184+
<TableCell>97,964,458 bytes</TableCell>
185+
</TableRow>
186+
<TableRow>
187+
<TableCell>**devup-ui (per-file css)**</TableCell>
188+
<TableCell>**1.0.18**</TableCell>
189+
<TableCell>**16.90s**</TableCell>
190+
<TableCell>59,540,459 bytes</TableCell>
191+
</TableRow>
158192
<TableRow>
159193
<TableCell>**devup-ui (single css)**</TableCell>
194+
<TableCell>**1.0.18**</TableCell>
160195
<TableCell>**17.05s**</TableCell>
161196
<TableCell>**59,520,196 bytes**</TableCell>
162197
</TableRow>
198+
<TableRow>
199+
<TableCell>tailwindcss (turbopack)</TableCell>
200+
<TableCell>4.1.13</TableCell>
201+
<TableCell>6.72s</TableCell>
202+
<TableCell>5,355,082 bytes</TableCell>
203+
</TableRow>
204+
<TableRow>
205+
<TableCell>**devup-ui (single css + turbopack)**</TableCell>
206+
<TableCell>**1.0.18**</TableCell>
207+
<TableCell>10.34s</TableCell>
208+
<TableCell>**4,772,050 bytes**</TableCell>
209+
</TableRow>
163210
</TableBody>
164211
</Table>
165212

166-
With Turbopack, Devup UI achieves the **smallest bundle size** at just 4,772,050 bytes.
167-
168213
### Get Started
169214

170215
Ready to experience the future of CSS-in-JS? Head to the [Installation](/docs/installation) guide to get started in minutes.

0 commit comments

Comments
 (0)