跳到主要内容

iFlux Web iFlux Blog iFlux Docs iFlux Links

© 2026 iFlux Art

iFlux Docs

技术选型
更新日志

项目说明技术选型更新日志

iflux-next 架构设计 Next.js React TypeScript Tailwind CSS shadcn/ui Biome Turborepo Vue 创建应用添加组件开发规范 Frontmatter 用法与规范嵌入式 Playground新 API 参考 Twoslash 类型提示新

Tailwind CSS

Utility-first 样式框架，v4 + CSS 变量主题系统

108 字·1 分钟

目录：技术选型

5 / 16

x

1.iflux-next 架构设计 2.Next.js 3.React 4.TypeScript 5.Tailwind CSS 6.shadcn/ui 7.Biome 8.Turborepo 9.Vue 10.创建应用 11.添加组件 12.开发规范 13.Frontmatter 用法与规范 14.嵌入式 Playground 15.API 参考 16.Twoslash 类型提示

TypeScript shadcn/ui

目录

暂无目录

使用 Tailwind CSS v4 + @tailwindcss/postcss。

选型理由

v4 性能：零配置，构建时引擎，比 v3 快数倍
CSS 变量主题：OKLCH 色彩空间 + CSS 变量，暗色模式切换只变变量
无需自定义 CSS：95%+ 的样式通过 utility classes 完成

使用方式

全局主题定义在 packages/ui/src/styles/globals.css
暗色模式通过 .dark 类切换（next-themes 控制）
cn() 工具函数合并类名（clsx + tailwind-merge）