Paperweight UI

Paperweight UI 是一款颠覆性的 UI 系统，它将实体文具的质感与数字界面完美融合，为 Next.js 16 和 Tailwind CSS v4 项目带来前所未有的触感 3D 体验。告别千篇一律的扁平设计，Paperweight UI 让每一个按钮、卡片和交互元素都仿佛拥有真实的物理质感。

核心功能

Paperweight UI 的核心是一套精心设计的 3D 组件库，所有组件均基于 CSS 和 Tailwind 实现，无需额外引入 JavaScript 库，真正做到零 NPM 膨胀。更重要的是，它内置了 1-click DESIGN.md AI 提示生成器，只需一键，即可将当前 UI 状态转化为结构化的设计文档提示，供 AI 编码助手（如 Cursor、Copilot）直接使用，极大加速开发流程。

主要特性

• 零依赖，轻量级：完全基于 CSS 和 Tailwind，不增加任何 NPM 包体积，保持项目清爽。
• 触感 3D 组件：按钮、卡片、滑块等组件拥有逼真的阴影、纹理和微交互，模拟纸张、皮革等材质。
• 一键 AI 提示生成：自动生成 DESIGN.md 格式的提示，无缝对接 AI 编程助手，实现设计到代码的快速转化。
• 深度集成 Next.js 16：完美支持 App Router、Server Components 等最新特性，开箱即用。
• Tailwind CSS v4 优化：充分利用 Tailwind v4 的现代语法和性能优化，样式定制灵活。

适用场景

Paperweight UI 特别适合以下场景：构建品牌官网、创意作品集、交互式演示、以及任何需要突出质感和独特视觉体验的 Web 应用。对于使用 AI 辅助开发的团队，其提示生成功能可显著提升设计与开发协作效率。