加载中…
案例库 · 公开证据
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 字体（字重…
提示语
使用 React、TypeScript、Tailwind CSS 和 Vite，为一个名为 **"quietpress"** 的虚构黑胶唱片厂牌构建全屏 hero 区域。页面是一个占满单个视口高度、不可滚动的 hero。图标使用…
提示语
**使用 React + Vite + Tailwind CSS 为名为 "Serene" 的奢华美容与健康品牌构建一个包含两个全屏分区的 landing page。使用 TypeScript。** --- ### 字体（通过 index.html 中的 Google Fonts…
提示语
为 "Drift" 构建一个单页落地网站——这是一款平静、对 ADHD 友好的规划应用。使用 React + Vite + TypeScript + Tailwind CSS + lucide-react 提供图标。不要使用其他 UI 库。 ### 字体 通过 Google…
提示语
使用 React、Tailwind CSS 和 Lucide React 图标，为名为“Atelier”的设计机构创建一个全屏 hero 落地页区块。该区块必须完全适配移动端，并带有动画 hamburger…
提示语
为一个名为 "Vibrant Wellness." 的整体健康品牌构建单页 hero landing page。使用 React、TypeScript、Tailwind CSS 和 Lucide React icons。通过 HTML head 中的 link tags 加载 Google Fonts…
提示语
使用 React、Tailwind CSS 和 Lucide React icons，为名为 "flowpath" 的 SaaS 产品创建一个 fullscreen hero section。该区域应为单个填满 viewport 的 `<section>`（`h-screen w-full…
提示语
使用 React + Vite + Tailwind CSS v4 创建一个单页全视口 404 错误界面。精确匹配此构图。 页面 / 画布 - 页面必须占满整个视口：`min-height: 100svh`。 - 使用黑色回退背景。 -…
提示语
# Recreate This Page Exactly — Lewis Hamilton / Silverstone F1 Hero ## Tech stack - React + TypeScript + Vite - Tailwind CSS (config extends `fontFamily.sans` = `['"Albert Sans"',…
提示语
使用 React、Tailwind CSS 和 Lucide React icons，为一款名为“Lumora”的正念/专注应用创建一个全屏电影感 hero section。 ## 字体 使用 **Instrument Serif**（Google Fonts，logo 使用 italic）。在…
提示语
将这个天气仪表盘 UI 精确复刻为一个独立的 HTML 页面（内联 CSS、SVG 图标精灵、不使用框架、无需 JS）。像素级忠实还原参考设计“Aurora Weather / Weather Forecast — Central…
提示语
为 **nexum** 构建一个单屏全屏（`h-screen w-full overflow-hidden`）Hero 页面——这是一个深色、电影感的 AI 运维落地页 Hero，包含 full-bleed 背景视频、glassmorphism…
提示语
**逐像素复刻这个落地页。** ## 技术栈 React + Vite + TypeScript + Tailwind CSS。单页：先是 `<Hero />`，然后是 `<Marquee />`。不使用路由，不添加额外区域。Body：`font-family: 'Inter',…
提示语
为一家名为 **Kollektiva** 的创意工作室构建一个占满整个视口的 React + TypeScript + Tailwind CSS 单页。应用只渲染这一个区块（无 nav，无其他页面）。技术栈：Vite + React 18 + Tailwind…
提示语
为名为 "Measured" 的产品构建单页 hero section——一个健康/康养可穿戴设备 landing page。页面为 fullscreen（100vh），采用深色/氛围感美学，包含分层图像、跟随光标的 spotlight reveal effect 和…
提示语
为一家名为“VortxLab Creations”（品牌：“V O R T X”）的虚构创意科技工作室创建一个全屏沉浸式落地页。页面采用循环背景视频、带有八边形 clip-path…
提示语
为“Marketeam”——一个营销人才平台——创建一个单页 React + Vite 落地页。使用 Google Fonts 中的 Inter（400、500、600、700）和…
提示语
在 phone mockup frame 内构建一个移动端咖啡个人资料界面。使用原生 HTML、CSS 和 JS，并以 Vite 作为 bundler。设计采用深色暖色调，灵感来自带有 glassmorphic UI 元素的 iOS…
提示语
构建一个纯白、极简、未来主义的时尚落地页，标题为 **"LGPSM — Future Forward Fashion"**。技术栈：React 19 + Vite + TypeScript + Tailwind CSS v4 + lucide-react。页面标题：`LGPSM — Future…
提示语
# 精确复刻提示词 — NovaAI 落地页 以**像素级忠实度**复刻此页面。技术栈：React + TypeScript + Vite + Tailwind CSS + lucide-react。不要自行创作其他文案、布局、字体、颜色或效果。 --- ##…
提示语
## 角色 参考下方说明，以**像素级还原**的方式重新创建一个单文件 HTML 产品落地页马赛克布局。输出一个包含内联 CSS + JS 的自包含 `index.html`。**不得使用外部图片。**所有图标均为内联…
提示语
重现这个完全一致的全视口作品集落地页——实现像素级精确匹配。 ═══════════════════════════════════════ 技术 / 技术栈 ═══════════════════════════════════════ - React + TypeScript + Tailwind…
提示语
构建一个**单文件、自包含的 `index.html`**，以**像素级精度**复刻这个网络安全落地页。固定全屏黑色舞台、左侧锁定排版、右侧循环视频氛围、一次性入场编排，以及移动端汉堡菜单遮罩层。不使用框架。不…
source-motionsites prompt-public not-rerun license-review web-ui motion-3d
提示语
将此页面**像素级忠实**地复刻为单个静态 `index.html`（内联 CSS + JS，不使用框架）。精确匹配结构、文案、间距 token、玻璃效果、动效、字体和媒体。不要虚构额外的区块、统计数据、卡片或营销模块。…
