Add mui benchmark

Author: owjs3901

README.md

@@ -70,11 +70,12 @@ npm install @devup-ui/vite-plugin
 
 Next.js Build Time and Build Size (AMD Ryzen 9 9950X, 128GB RAM, Windows 11)
 
-| Library   | Build Time | Build Size   |
-|-----------|------------|--------------|
-| kuma-ui   | 20.933s    | 57,295,073b  |
-| chakra-ui | 36.961s    | 129,527,610b |
-| devup-ui  | 15.162s    | 48,047,678b  |
+| Library      | Version  | Build Time | Build Size      |
+|--------------|----------|------------|-----------------|
+| kuma-ui      | 1.5.9    | 13.948s    | 61,910,524b     |
+| chakra-ui    | 3.22.0   | 20.557s    | 189,541,604b    |
+| mui          | 7.2.0    | 20.002s    | 218,204,592b    |
+| devup-ui     | 1.0.10   | 10.583s    | 53,111,181b     |
 
 ## How it works
 

benchmark.js

@@ -20,6 +20,11 @@ function clearBuildFile() {
       recursive: true,
       force: true,
     })
+  if (existsSync('./benchmark/next-mui/.next'))
+    rmSync('./benchmark/next-mui/.next', {
+      recursive: true,
+      force: true,
+    })
   if (existsSync('./benchmark/next-devup-ui/df'))
     rmSync('./benchmark/next-devup-ui/df', {
       recursive: true,
@@ -63,6 +68,13 @@ execSync('pnpm -F next-chakra-ui-benchmark build', {
 console.timeEnd('chakra-ui')
 console.info('chakra-ui', checkDirSize('./benchmark/next-chakra-ui/.next'))
 
+console.time('mui')
+execSync('pnpm -F next-mui-benchmark build', {
+  stdio: 'inherit',
+})
+console.timeEnd('mui')
+console.info('mui', checkDirSize('./benchmark/next-mui/.next'))
+
 console.time('devup-ui')
 execSync('pnpm -F next-devup-ui-benchmark build', {
   stdio: 'inherit',

benchmark/next-mui/.gitignore

@@ -0,0 +1,41 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.*
+.yarn/*
+!.yarn/patches
+!.yarn/plugins
+!.yarn/releases
+!.yarn/versions
+
+# testing
+/coverage
+
+# next.js
+/.next/
+/out/
+
+# production
+/build
+
+# misc
+.DS_Store
+*.pem
+
+# debug
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+.pnpm-debug.log*
+
+# env files (can opt-in for committing if needed)
+.env*
+
+# vercel
+.vercel
+
+# typescript
+*.tsbuildinfo
+next-env.d.ts

benchmark/next-mui/README.md

@@ -0,0 +1 @@
+## Nextjs App

benchmark/next-mui/next.config.mjs

@@ -0,0 +1,5 @@
+export default {
+  experimental: {
+    optimizePackageImports: ['@chakra-ui/react'],
+  },
+}

benchmark/next-mui/package.json

@@ -0,0 +1,28 @@
+{
+  "name": "next-mui-benchmark",
+  "version": "0.1.0",
+  "type": "module",
+  "private": true,
+  "scripts": {
+    "dev": "next dev",
+    "build": "next build --experimental-debug-memory-usage",
+    "start": "next start",
+    "lint": "next lint"
+  },
+  "dependencies": {
+    "@emotion/react": "^11.14.0",
+    "@emotion/styled": "^11.14.1",
+    "@mui/material": "7.2.0",
+    "next": "^15.4.1",
+    "next-themes": "^0.4.6",
+    "react": "^19.1.0",
+    "react-dom": "^19.1.0",
+    "react-icons": "^5.5.0"
+  },
+  "devDependencies": {
+    "@types/node": "^24",
+    "@types/react": "^19",
+    "@types/react-dom": "^19",
+    "typescript": "^5"
+  }
+}