dev-five-git · owjs3901 · Feb 4, 2026 · Feb 3, 2026 · Feb 3, 2026 · Feb 3, 2026
diff --git a/.changepacks/changepack_log_TdRMiDSjcjQCHtCLj3xBB.json b/.changepacks/changepack_log_TdRMiDSjcjQCHtCLj3xBB.json
@@ -0,0 +1 @@
+{"changes":{"bindings/devup-ui-wasm/package.json":"Patch"},"note":"Support tailwind","date":"2026-02-03T17:44:43.722386900Z"}
diff --git a/benchmark.js b/benchmark.js
@@ -85,6 +85,16 @@ function clearBuildFile() {
       recursive: true,
       force: true,
     })
+  if (existsSync('./benchmark/next-tailwind-turbo-devup-ui/.next'))
+    rmSync('./benchmark/next-tailwind-turbo-devup-ui/.next', {
+      recursive: true,
+      force: true,
+    })
+  if (existsSync('./benchmark/next-tailwind-turbo-devup-ui/df'))
+    rmSync('./benchmark/next-tailwind-turbo-devup-ui/df', {
+      recursive: true,
+      force: true,
+    })
 }
 
 function checkDirSize(path) {
@@ -135,5 +145,6 @@ result.push(benchmark('devup-ui-single'))
 result.push(benchmark('tailwind-turbo'))
 result.push(benchmark('devup-ui-single-turbo'))
 result.push(benchmark('vanilla-extract-devup-ui'))
+result.push(benchmark('tailwind-turbo-devup-ui'))
 
 console.info(result.join('\n'))
diff --git a/benchmark/next-tailwind-turbo-devup-ui/.gitignore b/benchmark/next-tailwind-turbo-devup-ui/.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
diff --git a/benchmark/next-tailwind-turbo-devup-ui/README.md b/benchmark/next-tailwind-turbo-devup-ui/README.md
@@ -0,0 +1 @@
+## Nextjs App
diff --git a/benchmark/next-tailwind-turbo-devup-ui/next.config.mjs b/benchmark/next-tailwind-turbo-devup-ui/next.config.mjs
@@ -0,0 +1,3 @@
+import { DevupUI } from '@devup-ui/next-plugin'
+
+export default DevupUI({})
diff --git a/benchmark/next-tailwind-turbo-devup-ui/package.json b/benchmark/next-tailwind-turbo-devup-ui/package.json
@@ -0,0 +1,29 @@
+{
+  "name": "next-tailwind-turbo-devup-ui-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": {
+    "next": "^16.1",
+    "react": "^19.2",
+    "react-dom": "^19.2",
+    "react-icons": "^5.5",
+    "@devup-ui/react": "workspace:^"
+  },
+  "devDependencies": {
+    "@tailwindcss/postcss": "^4.1",
+    "postcss": "^8.5",
+    "@types/node": "^25",
+    "@types/react": "^19",
+    "@types/react-dom": "^19",
+    "typescript": "^5",
+    "tailwindcss": "^4.1",
+    "@devup-ui/next-plugin": "workspace:^"
+  }
+}
diff --git a/benchmark/next-tailwind-turbo-devup-ui/public/file.svg b/benchmark/next-tailwind-turbo-devup-ui/public/file.svg
diff --git a/benchmark/next-tailwind-turbo-devup-ui/public/globe.svg b/benchmark/next-tailwind-turbo-devup-ui/public/globe.svg
diff --git a/benchmark/next-tailwind-turbo-devup-ui/public/next.svg b/benchmark/next-tailwind-turbo-devup-ui/public/next.svg
diff --git a/benchmark/next-tailwind-turbo-devup-ui/public/vercel.svg b/benchmark/next-tailwind-turbo-devup-ui/public/vercel.svg
diff --git a/benchmark/next-tailwind-turbo-devup-ui/public/window.svg b/benchmark/next-tailwind-turbo-devup-ui/public/window.svg
diff --git a/benchmark/next-tailwind-turbo-devup-ui/src/app/favicon.ico b/benchmark/next-tailwind-turbo-devup-ui/src/app/favicon.ico
diff --git a/benchmark/next-tailwind-turbo-devup-ui/src/app/layout.tsx b/benchmark/next-tailwind-turbo-devup-ui/src/app/layout.tsx
@@ -0,0 +1,18 @@
+import type { Metadata } from 'next'
+
+export const metadata: Metadata = {
+  title: 'Create Next App',
+  description: 'Generated by create next app',
+}
+
+export default function RootLayout({
+  children,
+}: Readonly<{
+  children: React.ReactNode
+}>) {
+  return (
+    <html lang="en">
+      <body>{children}</body>
+    </html>
+  )
+}
diff --git a/benchmark/next-tailwind-turbo-devup-ui/src/app/page.tsx b/benchmark/next-tailwind-turbo-devup-ui/src/app/page.tsx
@@ -0,0 +1,43 @@
+'use client'
+
+import { Box, Button } from '@devup-ui/react'
+import { useState } from 'react'
+
+export default function HomePage() {
+  const [color, setColor] = useState('text-yellow-500')
+  const [enabled, setEnabled] = useState(false)
+
+  return (
+    <div>
+      <Box as="p" className="bg-blue-500 text-white p-2">
+        Track & field champions:
+      </Box>
+      <Box
+        as="section"
+        className={`${color} cursor-pointer relative py-7 hover:bg-yellow-500 hover:cursor-cell text-3xl`}
+        data-testid="box"
+      >
+        <div>hello</div>
+        <div>hello</div>
+      </Box>
+      <Box as="p" className="text-gray-900">
+        text
+      </Box>
+      <Box
+        className={`${enabled ? 'text-green-500' : 'text-blue-500'} text-3xl pr-5`}
+      >
+        hello
+      </Box>
+      <Box className="text-xs sm:text-3xl">hello</Box>
+      <Button
+        className="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded mt-4"
+        onClick={() => {
+          setColor('text-blue-500')
+          setEnabled((prev) => !prev)
+        }}
+      >
+        Change
+      </Button>
+    </div>
+  )
+}
diff --git a/benchmark/next-tailwind-turbo-devup-ui/tsconfig.json b/benchmark/next-tailwind-turbo-devup-ui/tsconfig.json
@@ -0,0 +1,34 @@
+{
+  "compilerOptions": {
+    "target": "ES2017",
+    "lib": ["dom", "dom.iterable", "esnext"],
+    "allowJs": true,
+    "skipLibCheck": true,
+    "strict": true,
+    "noEmit": true,
+    "esModuleInterop": true,
+    "module": "esnext",
+    "moduleResolution": "bundler",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "jsx": "react-jsx",
+    "incremental": true,
+    "plugins": [
+      {
+        "name": "next"
+      }
+    ],
+    "paths": {
+      "@/*": ["./src/*"]
+    }
+  },
+  "include": [
+    "next-env.d.ts",
+    "**/*.ts",
+    "**/*.tsx",
+    ".next/types/**/*.ts",
+    "df/*.d.ts",
+    ".next/dev/types/**/*.ts"
+  ],
+  "exclude": ["node_modules"]
+}
diff --git a/bun.lock b/bun.lock
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1 @@
		{"changes":{"bindings/devup-ui-wasm/package.json":"Patch"},"note":"Support tailwind","date":"2026-02-03T17:44:43.722386900Z"}
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1,3 @@
		import { DevupUI } from '@devup-ui/next-plugin'

		export default DevupUI({})