加载中…
案例库 · 公开证据
提示语
构建一个名为 Mindloop 的深色单色 landing page——一个 newsletter/content platform。使用 React + Vite + TypeScript + Tailwind CSS + shadcn/ui + Framer Motion。字体：Inter（sans）和 Instrument…
x minimax-h3 midjourney-v8.2 hailuo thread-continuation loop author-display:Cia0
提示语
@image1 15s | 16:9 | 1440p | 24fps | SEAMLESS LOOP [LOCK] Render exactly as @image1. 完全按照该参考图呈现，不进行任何重新设计。Do not alter hair, bangs, eye color, coat silhouette, sash,…
…design platform. The design uses a liquid glass morphism aesthetic over a looping video background. Background Full-screen autoplaying, looping, mut…
提示语
为“Bloom”创建一个全屏 hero landing page——这是一个由 AI 驱动的植物/花艺设计平台。设计采用液态玻璃拟态美学，并以循环视频作为背景。 背景 全屏自动播放、循环、静音视频背景：https://d8j0ntlcm91z…
…nning animated websites in one click: Prompt: Cinematic Hero Section with Looping Video Background Create a fullscreen single-page hero section usin…
提示语
提示词：电影感 Hero 区域，带循环视频背景 用 React + Vite + Tailwind CSS + TypeScript 创建一个全屏单页 Hero 区域，具体规格如下： 字体： 展示文字（标题、Logo）：Instrument…
…ebsites in one click: Create a single-page hero section with a fullscreen looping background video, glassmorphic navigation, and cinematic typograph…
提示语
创建一个单页 Hero 区域，带全屏循环背景视频、玻璃拟态导航和电影感排版。使用 React + Vite + Tailwind CSS + TypeScript，配 shadcn/ui。 视频背景： 全屏 <video> 元素，带…
…' with the following specifications: Background: Implement a full-screen, looping video background using this URL: . The video m
提示语
为一家名为「Logoisum」的视频剪辑机构构建一个高级、高端的 Hero 区域，具体规格如下： 背景：实现一个全屏循环播放的视频背景，使用这个 URL：。视频必须静音、自动播放，并设置为 object-cover…
…y marketing landing page for a thoughtful newsletter platform called "Mindloop" as
提示语
# 提示词：精确复刻这个落地页 为一个名为「Mindloop」的用心经营的通讯平台构建一个生产级质量的营销落地页，使用 Vite + React + TypeScript 应用，配 Tailwind CSS、shadcn/ui、framer-motion 和…
…ge called **Terranova — Signals from the Deep Green**. It is a full-bleed looping background video with a real-time refractive "liquid glass" card f…
提示语
Build a single-screen, non-scrolling hero landing page called **Terranova — Signals from the Deep Green**. It is a full-bleed looping background video with a real-time refractive "liquid…
Create a full-screen dark hero section with a looping background video, navbar, headline, subtitle, CTA button, and a logo marquee at the bottom. He…
提示语
创建一个全屏深色 hero section，其中包含循环背景视频、navbar、headline、subtitle、CTA button，以及底部的 logo marquee。以下是确切规格： 主题与颜色（index.css CSS variables）： 背景：260…
…signPro" with the following exact specifications: Background: Full-screen looping video background using this exact CloudFront URL: https://d8j0ntlc…
提示语
为名为“DesignPro”的产品设计教育平台创建一个全屏 HERO 区段，具体要求如下： 背景： 使用以下精确 CloudFront URL 作为全屏循环视频背景：https://d8j0ntlcm91z4.cloudfront.net/user_38xzZboKViGWJO…
HERO SECTION CREATION PROMPT Create a modern hero section with a looping video background and the following specifications: Video Background: URL: h…
提示语
创建一个带循环视频背景的现代首屏区域，规格如下： 视频背景： URL: https://d8j0ntlcm91z4.cloudfront.net/user_38xzZboKViGWJOttwIXH07lWA1P/hf_20260329_050842_be71947f-f16e-4a14-810c-06e83d23d…
…ng page called "securify" using React + TypeScript + Tailwind CSS, with a looping fullscreen background video, a floating pill-shaped navbar, and la…
提示语
使用 React + TypeScript + Tailwind CSS，为名为 "securify" 的数据安全 SaaS 落地页构建一个全屏首屏区域，包含循环播放的全屏背景视频、悬浮的胶囊形导航栏和错落排布的大号文字。 字体与全局样式…
…n = (x: number) => { return { duration: 1, repeat: Infinity, repeatType: "loop" as …
提示语
// components/ui/loader.tsx "use client"; import { motion } from "motion/react"; import React from "react"; export const LoaderOne = () => { const transition = (x: number) => { return {…
… component. This is a fragrance product showcase split into two halves: a looping video on the LEFT and a lime-green product panel on the RIGHT. On …
提示语
构建一个独立的 React + TypeScript + Tailwind CSS 区块组件。这是一个左右两半的香水产品展示：LEFT 是循环播放的视频，RIGHT 是青柠绿色产品面板。在移动端，它会垂直堆叠，产品面板位于视频…
…alled "NEXOVA". The entire page is a single viewport-height layout with a looping background video, a navigation bar, a centered hero/404 section, a…
提示语
为一家名为“NEXOVA”的托管公司构建一个全屏 404 错误页面。整个页面采用单视口高度布局，包含循环播放的背景视频、导航栏、居中的 hero/404 区域和多栏页脚。使用 React + Tailwind CSS + Lucide React…
…ding site with two full-height sections (Hero + Capabilities), both using looping background videos with custom JS crossfade, a shared liquid-glass …
提示语
构建提示词：电影感太空旅行落地页 构建一个单页落地网站，包含两个全屏高度区块（Hero + Capabilities）。两个区块都使用循环背景视频，通过自定义 JS 实现 crossfade，并共享一套 liquid-glass…
…I wellness companion. The page is a single viewport-height section with a looping background video and overlaid content. ## Video Background - Full-…
提示语
为 "Aurai"——一款全天候 AI 健康伴侣——构建全屏 hero section landing page。页面是一个单独的 viewport-height section，包含循环背景视频和叠加内容。 ## 视频背景 - 全屏 `<video>` element，带有…
…e + Tailwind CSS hero section with a "liquid glass" aesthetic on top of a looping background video. Use `lucide-react` for icons. No other UI librar…
提示语
构建一个全屏单页 React + TypeScript + Vite + Tailwind CSS Hero 区域，在循环播放的背景视频上呈现“液态玻璃”美学效果。使用 `lucide-react` 提供图标。不要使用其他 UI 库。 **字体与全局…
…d Lucide React icons. The page is a single viewport-height section with a looping background video, a responsive navbar, a mobile m…
提示语
使用 React、Tailwind CSS 和 Lucide React 图标，为名为“Foldcraft”的创意工作室创建一个全屏 hero 落地页。页面是一个占满单个视口高度的区块，包含循环播放的背景视频、响应式…
…rs for mundane workflows. The page is a full-viewport hero section with a looping background video and overlaid content. **Fonts:** - …
提示语
为名为 "Axon" 的产品构建一个单页 hero 落地页——这是一个为繁琐工作流部署数字员工的平台。页面是一个全视口 hero 区域，包含循环背景视频和叠加内容。 **字体：** - 加载 Google Fonts：`Instrument…
…nd CSS, and lucide-react. The page is a full-viewport hero section with a looping background video, a frosted-glass prompt card, and a…
提示语
**使用 Vite、Tailwind CSS 和 lucide-react，为名为 "Wandor" 的旅行应用构建一个单页 React + TypeScript 落地页。页面是一个全视口 hero…
…dio called "VortxLab Creations" (brand: "V O R T X"). The page features a looping background video, a glassmorphism-cut button aesthetic with octago…
提示语
为一家名为“VortxLab Creations”（品牌：“V O R T X”）的虚构创意科技工作室创建一个全屏沉浸式落地页。页面采用循环背景视频、带有八边形 clip-path…
…fully**. Fixed fullscreen black stage, left-locked typography, right-side looping video atmosphere, one-shot entrance choreography, …
提示语
构建一个**单文件、自包含的 `index.html`**，以**像素级精度**复刻这个网络安全落地页。固定全屏黑色舞台、左侧锁定排版、右侧循环视频氛围、一次性入场编排，以及移动端汉堡菜单遮罩层。不使用框架。不…
…-react**. The aesthetic is dark (bg `#0c0c0c`), cinematic, glassy, with a looping…
提示语
使用 **React 18 + TypeScript + Vite + Tailwind CSS + motion/react (framer motion) + lucide-react** 构建一个名为 "Aura" 的高端 AI 原生电子邮件客户端落地页。整体采用深色美学（背景…
