加载中…
案例库 · 公开证据
提示语
使用 React + Vite + Tailwind CSS v4 + Motion (framer-motion) + Lucide React icons + hls.js 构建一个全屏深色 hero section…
提示语
使用 **React 18 + TypeScript + Vite + Tailwind CSS + motion/react (framer motion) + lucide-react** 构建一个名为 "Aura" 的高端 AI 原生电子邮件客户端落地页。整体采用深色美学（背景…
source-motionsites prompt-public not-rerun license-review web-ui motion-3d
提示语
使用 React + Tailwind CSS + GSAP 创建一个 Nike 品牌的单区块全视口（`h-[100dvh]`）页面。它必须**完全适配移动端**。应用需要通过 npm 安装 `react-player` 和 `gsap`。 --- ### 1.…
提示语
构建一个单页 hero section，包含全屏循环 background video、liquid glass UI 元素和深色电影感美学。使用 React、TypeScript、Tailwind CSS 和 Lucide React icons。具体规格如下： Background…
提示语
构建一个名为 **"Xero"** 的 **单页 React + TypeScript (Vite)** 产品落地页英雄区，精确复刻以下区块。使用 **Inter** Google Font（字重 300、400、500、600、700、800）。英雄区不要使用 Tailwind…
source-motionsites prompt-public not-rerun license-review web-ui
提示语
使用 React + Tailwind CSS + Lucide React icons，为名为 "TerraElix" 的健康/营养补充剂品牌创建一个 single-page hero landing。页面是一个 full-viewport hero，包含背景图片、navbar、带逐词…
提示语
严格按照以下说明构建一个 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** 字体。图标使用…
提示语
把你的纹身设计想法变成真实图像的AI纹身生成器应用。探索多种独特纹身风格,即时获取设计灵感,几秒钟内创作出自定义纹身概念——非常适合规划你的下一个纹身作品。
source-comfy workflow-method not-rerun license-review
提示语
通过参考图像和文字prompt生成4K电影级视频。在保持主体身份和构图的同时加入富有表现力的动作,并同步生成音频。通过细致的prompt描述控制镜头运动和光照。
source-comfy workflow-method not-rerun license-review
提示语
这条工作流使用两张参考图和一段简单文字描述,借助LLM自动生成详细的Seedance 2.0风格prompt。不用再花时间琢磨复杂的prompt结构,工作流会分析你的参考图并自动搭建prompt,让高质量结果的产出更快更简单…
source-comfy workflow-method not-rerun license-review
提示语
AI on the Lot 2026的第二个额外工作流,提供给ComfyUI 101工作坊学员在时间允许时打开跟练。这是一个使用LTX 2.3配合Union Control IC…
source-liblib workflow-method not-rerun license-review
提示语
此工作流可在liblibai上一键使用，插件和模型都已安装好 大模型推荐： majicMIX realistic 麦橘写实或者其他SD1.5的真实风格大模型 lora推荐：…
