加载中…
案例库 · 公开证据
提示语
一键获取所有惊艳动画网站的 Prompt:http://motionsites.ai 用 React + TypeScript + Vite + Tailwind CSS 构建一个全视口高度的单一主视觉区块,图标使用…
web human-reviewed Claude · Three.js · GSAP web-ui motion-3d
提示语
1. Prompt:“构建一个叙事网站,每个滚动区块都通过流畅的色彩过渡揭示一个新的章节” 2. 使用 Three.js 制作会响应光标的绘画质感背景 3. Prompt:“加入 GSAP…
web human-reviewed Nano Banana · Kling · Claude web-ui motion-3d
提示语
提示词:电影感 Hero 区域,带循环视频背景 用 React + Vite + Tailwind CSS + TypeScript 创建一个全屏单页 Hero 区域,具体规格如下: 字体: 展示文字(标题、Logo):Instrument…
web human-reviewed Gemini · Claude web-ui
提示语
构建一个 Velorah 落地页——一个面向电动房车 / 露营车品牌的高级深色主题单页网站。使用 React、TypeScript、Tailwind CSS 和 hls.js 库。页面纵向堆叠 6…
web human-reviewed Lovable · Nano Banana · Veo 3 web-ui motion-3d
提示语
创建一个单页 Hero 区域,带全屏循环背景视频、玻璃拟态导航和电影感排版。使用 React + Vite + Tailwind CSS + TypeScript,配 shadcn/ui。 视频背景: 全屏 <video> 元素,带…
web human-reviewed Google Stitch · Claude web-ui
提示语
为一家名为「APEX」的虚构公司创建一个深色、高级的 SaaS 落地页——一个营收加速平台。设计采用「液态玻璃」美学,超深色背景、半透明玻璃拟态元素,配绿色强调色。页面使用…
web human-reviewed AntiGravity · Gemini 3.1 Pro web-ui motion-3d
提示语
构建一个 Hero 区域,具体规格如下: 整体布局: 全宽版块,背景色 #000000(纯黑) overflow hidden 所有内容背后播放背景视频(详情见下) 背景视频: 来源: 自动播放、循环、静音、playsInline…
提示语
“制作一个极简、专业的邮件签名生成器。 1/ 功能: → 表单输入:姓名、职位、电话、Twitter/X → 实时邮件签名预览,随输入即时更新 → 复制按钮,将签名作为
web human-reviewed Gemini 3.1 Pro web-ui motion-3d
提示语
为一个 [插入公司名] 做 UI/UX 网页设计,暗色模式,极简主义,高级企业科技美学。抽象的 3D 流体形状背景,深蓝、紫色和翠绿色的发光渐变。卡片式布局,带细微玻璃拟态,干净的无衬线字体,高对比度白色…
web human-reviewed Nano Banana · Flow · AntiGravity web-ui motion-3d
提示语
为一家名为「Logoisum」的视频剪辑机构构建一个高级、高端的 Hero 区域,具体规格如下: 背景:实现一个全屏循环播放的视频背景,使用这个 URL:。视频必须静音、自动播放,并设置为 object-cover…
web human-reviewed Gemini 3.1 web-ui motion-3d
提示语
构建一个高级电动车落地页,具有深色电影感美学。整个网站使用黑色背景(hsl(0,0%,0%)),配浅色文字(主色 hsl(0,0%,95%))和橙色强调色(hsl(25,100%,50%))。不使用默认字体——保持极简和编辑感。使用…

youmind Gemini 3 Pro web-ui author-display:padphone
提示语
设计一个 {argument name="app_name" default="CapCut"}。

youmind Gemini 3 Pro web-ui author-display:KAWAI
提示语
シンプルで汎用性が高いアイコン{argument name="icon_count" default="40"}種類をSVG形式で生成してください。必ずCanvasに描画がしてください。色は{argument name="icon_color" default="ライトブルー"}。背景は{argument…

youmind Gemini 3 Pro web-ui author-display:チャエン | デジライズ CEO《重要AIニュースを毎日最速で発信⚡️》
提示语
{argument name="generator_name" default="High-End LP Generator (Swiss Style)"} 後述する【Input Text】を元に、以下の仕様を厳守して最高品質のLPをReact(Single File)で実装してください。 1. Design Concept:…
youmind Gemini 3 Pro human-reviewed web-ui motion-3d author-display:愚瞳 | winterx
提示语
使用电脑的前置摄像头 使用 mediapipe 库捕捉面部关键点 使用 threejs,根据 mediapipe 提供的实时 3D 关键点信息,为摄像头捕捉到的面部应用激光眼特效
youmind Gemini 3 Pro human-reviewed web-ui motion-3d author-display:Ian Goodfellow
提示语
我提供了一张图片。请根据这张图片编写一个漂亮的体素艺术场景。用 Three.js 写成单页代码
youmind Gemini 3 Pro human-reviewed web-ui motion-3d author-display:Dorksense
提示语
做一个新粗野主义风格的网页,尽可能极具创意,把限制推到极致。加上流畅的滚动动画,加上花哨的配色和 Tailwind CSS 样式。做成响应式的。页面标题是 dorksense
web human-reviewed GPT Image 2 · Veo 3 · Lovable web-ui motion-3d
提示语
# 提示词:精确复刻这个落地页 为一个名为「Mindloop」的用心经营的通讯平台构建一个生产级质量的营销落地页,使用 Vite + React + TypeScript 应用,配 Tailwind CSS、shadcn/ui、framer-motion 和…

提示语
制作 {argument name="city_skyline" default="NEW YORK SKYLINE"} 的 SVG。可使用任何库来完成,但请确保我能将全部内容粘贴到单个 HTML 文件中并用 Chrome…
提示语
🚨 Gemini 3.0 pro - ecpt checkpoint Holy shit,我们的 Prompt 和想象力就是唯一的限制,去看看这个网站。 Prompt:编写一个关于模拟理论的神秘网站。让它感觉像现实正在实时渲染——实体物体下方出现…
web human-reviewed Grok Imagine · Grok Build web-ui motion-3d
提示语
用 React、Tailwind CSS 和 Lucide React 图标为一个名为「Veldara」的产品创建一个全视口 Hero 区域。页面应是单屏落地页,不需要滚动。 > **视频背景:** > - 使用这个确切的视频…
web human-reviewed Claude Code · Nano Banana Pro · Kling web-ui motion-3d
提示语
为一家名为「Aethera」的创意工作室构建一个 React + Vite + TypeScript + Tailwind CSS 落地页。网站仅使用浅色模式(不做暗色模式)。使用两种 Google Fonts:Instrument Serif(展示 / 标题)和…
youmind claude-fable-5 human-reviewed web-ui author-display:Diego | AI 🚀 - e/acc
提示语
写一段 Python 代码,可视化单行道上红绿灯的工作原理,车辆以随机速率进入。
web human-reviewed Claude Mythos web-ui
提示语
http:// 用 React 18 + TypeScript + Vite + Tailwind CSS 和 lucide-react 图标,为一个名为 Lithos 的地质品牌构建一个全屏深色主题 Hero…