加载中…
案例库 · 公开证据
提示语
严格按照以下说明构建一个 React 落地页。使用 React 19、Tailwind CSS v4 和 motion/react 实现动画。 1. 字体与全局 CSS 设置： 在 index.html 中导入以下 Google Fonts： Instrument Serif（字重…
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…
提示语
使用 React、TypeScript、Tailwind CSS、Framer Motion 和 Lucide React 图标，为名为 "VaultShield" 的密码管理器应用创建一个 fullscreen hero section。 --- ## 字体 - **标题字体：** `Helvetica…
提示语
为一家名为 "Convix Software" 的公关代理机构 SaaS 构建一个完全响应式、占满整个视口的 hero section，严格遵循以下规格： 页面框架 外层 wrapper：min-h-screen w-full bg-[#ededed] p-3…
提示语
使用 React + TypeScript + Vite + Tailwind CSS 构建一个面向名为 "Halo / USD Halo" 的稳定币产品的高端金融科技风格落地页，并使用 lucide-react 提供图标。不得使用其他 UI 库。页面背景色为…
source-motionsites prompt-public not-rerun license-review web-ui
提示语
为一家名为 "Prisma" 的创意工作室创建一个使用 React + Vite + TypeScript + Tailwind CSS 的落地页。页面包含 3 个部分：Hero、About 和 Features。使用 framer-motion 实现动画，使用 lucide-react…
提示语
使用 React、TypeScript、Tailwind CSS、Framer Motion 和 Lucide React icons 构建一个密码管理器落地页的 hero section。以下是全部规格： --- ### 字体 - **标题字体：** "Helvetica Now Display…
提示语
使用 React、Tailwind CSS 和 Framer Motion 创建一个全屏电影感 Hero 区域。使用搭配 TypeScript 的 Vite。所需依赖项为：`react`、`react-dom`、`framer-motion`、`lucide-react` 和…
提示语
使用 React、Tailwind CSS 和 Vite，为名为“VANGUARD”的创意机构构建一个全屏 hero landing page。页面应为一个占满 viewport…
提示语
为 React + Vite + Tailwind CSS 项目构建一个“CTA + 页脚”区块组件。这是一个具有电影质感的全宽行动号召区块，包含 HLS 视频背景、居中文本、两个 CTA…
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…
提示语
-- **用于重现关于部分的提示词：** > 使用 React、Tailwind CSS 和 lucide-react 图标构建一个占满视口的“关于创始人”部分。这是一个单独的 `<section>`，具体规格如下： > > **Section 容器：** > -…
提示语
**提示词：** 使用 React + TypeScript + Vite + Tailwind CSS 构建一个包含“CTA + FAQ + 页脚”部分的页面，并使用 **Inter** 字体。图标使用…
Build a complete, polished interactive 3D website called “The Dumpling Club” using Three.js and the provided dumpling GLB model. Art direction: Crea…
提示语
使用 Three.js 和提供的饺子 GLB model，构建一个名为“The Dumpling Club”的完整、精致的交互式 3D 网站。 Art…
