加载中…
案例库 · 公开证据
source-motionsites prompt-public not-rerun license-review web-ui motion-3d
提示语
使用 React、TypeScript、Tailwind CSS、Framer Motion 和 Lucide React，为「Jack」构建一个 3D 创作者作品集落地页。页面采用深色主题（背景为 #0C0C0C），字体使用 Kanit（Google Fonts，字重…
source-motionsites prompt-public not-rerun license-review web-ui motion-3d
提示语
使用 React、Tailwind CSS 和 Lucide React icons，为名为 "TinyTrails" 的儿童品牌构建一个全屏动画 404 错误页面。页面必须是单个 `App.tsx` 组件。使用从 Google Fonts 加载的 Inter 字体（字重…
source-motionsites prompt-public not-rerun license-review web-ui motion-3d
提示语
将此页面**像素级忠实**地复刻为单个静态 `index.html`（内联 CSS + JS，不使用框架）。精确匹配结构、文案、间距 token、玻璃效果、动效、字体和媒体。不要虚构额外的区块、统计数据、卡片或营销模块。…
.webp&w=1920&q=75)
提示语
使用 React、TypeScript、Tailwind CSS 3 和 Framer Motion，将“我们的综合品牌塑造方法”版块构建为 React 组件。该版块采用深色背景（`#0f0f0f`）和白色文本。字体为 `'DM Sans', sans-serif`（通过…
source-motionsites prompt-public not-rerun license-review web-ui motion-3d
提示语
请构建一个名为“Aurora Sign Up”的现代双栏注册界面。使用 React、Tailwind CSS (v4)、`motion/react`（用于动画）和 `lucide-react`（用于图标）。整个应用应完全包含在 `App.tsx` 和 `index.css`…
.webp&w=1920&q=75)
source-motionsites prompt-public not-rerun license-review web-ui motion-3d
提示语
使用 Vite、Tailwind CSS 和 motion/react 构建现代 React 落地页，实现优雅动画。应用必须包含高度精致、美观的 Hero 区块和玻璃拟态导航栏。 1. 排版与全局 CSS（src/index.css） 从 Google Fonts…
.webp&w=1920&q=75)
source-motionsites prompt-public not-rerun license-review web-ui motion-3d
提示语
使用 React + Tailwind CSS + GSAP 创建一个 Nike 品牌的单区块全视口（`h-[100dvh]`）页面。它必须**完全适配移动端**。应用需要通过 npm 安装 `react-player` 和 `gsap`。 --- ### 1.…
.webp&w=1920&q=75)
source-motionsites prompt-public not-rerun license-review web-ui motion-3d
提示语
### 技术栈 - **Vite** + **React 18** + **TypeScript** - **Tailwind CSS 3.4** - 使用 **lucide-react** 提供图标（`LogIn`、`UserPlus`、`Play`、`Sparkles`、`Menu`、`X`） - 不使用 Framer…
.webp&w=1920&q=75)
source-motionsites prompt-public not-rerun license-review web-ui motion-3d
提示语
使用 React、Tailwind CSS 和 Framer Motion (motion/react) 构建一个现代化的交互式 hero section。请确保严格遵循以下架构和样式说明： 1. 字体与全局动画 从 Google Fonts 导入 Inter 字体。 在 CSS…
