@@ -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
170215Ready to experience the future of CSS-in-JS? Head to the [ Installation] ( /docs/installation ) guide to get started in minutes.
0 commit comments