Loading…
Case library · Public evidence
复制这段 TSX 组件源码，交给 Cursor、v0、Claude 等 AI 编程工具，说明这是「3D Marquee」的 Aceternity UI 组件实现，即可让它接入你的 React 项目，再按需替换文案、配色与触发参数复用。
Prompt
// components/ui/3d-marquee.tsx "use client"; import { motion } from "motion/react"; import { cn } from "@/lib/utils"; export const ThreeDMarquee = ({ images, className, }: { images:…
复制这段 TSX 组件源码，交给 Cursor、v0、Claude 等 AI 编程工具，说明这是「Tooltip Card」的 Aceternity UI 组件实现，即可让它接入你的 React 项目，再按需替换文案、配色与触发参数复用。
Prompt
// components/ui/tooltip-card.tsx "use client"; import React, { useState, useRef, useEffect } from "react"; import { motion, AnimatePresence } from "motion/react"; import { cn } from…
复制这段 TSX 组件源码，交给 Cursor、v0、Claude 等 AI 编程工具，说明这是「Terminal」的 Aceternity UI 组件实现，即可让它接入你的 React 项目，再按需替换文案、配色与触发参数复用。
Prompt
// components/ui/terminal.tsx "use client"; import React, { useEffect, useMemo, useRef, useState } from "react"; import { cn } from "@/lib/utils"; const KEY_SOUNDS_DOWN: Record<string,…
设计机构 Axion Studio 的落地页，hero 背景用 shaders 包做着色器效果，这批里唯一用 WebGL 着色器的。
Prompt
Build a React + Vite + Tailwind CSS landing page for "Axion Studio" - a design agency site. Use the `shaders` package (npm: `shaders`) for the hero background, `lucide-react` for icons.…
主机商 NEXOVA 的 404 页，循环视频背景加导航，错误页做出了落地页的完成度。
Prompt
Build a full-page 404 error page for a hosting company called "NEXOVA". The entire page is a single viewport-height layout with a looping background video, a navigation bar, a centered…
三台 iPhone 并排展示教会网站移动端设计，走 React Native + Expo Router 技术栈，这批里少见的原生移动端 prompt。
Prompt
Create a mobile app showcase page displaying 3 iPhone mockups for "Christ Family Church" -- a church website mobile design. Use React Native with Expo Router, react-native-reanimated, and…
物流公司 CARGOX 的移动端优先落地页，整页装进 iPhone 15 Pro 外框，React + TypeScript + motion。
Prompt
Create a mobile-first logistics company landing page for "CARGOX GROUP" displayed inside an iPhone 15 Pro mockup frame. Use React, TypeScript, Tailwind CSS, and the `motion` library…
Prompt
Build a single-page landing site for "SynapseX" -- a futuristic neural-AI interface product. The entire site uses a black background with white text and full-viewport video backgrounds.…
义肢产品的单页 hero，React + TypeScript + Tailwind，整页只住在 App.tsx，依赖压到最少。
Prompt
Build a React + TypeScript + Tailwind CSS single-page hero section using Vite. The entire page lives in `src/App.tsx`. No extra libraries beyond `react`, `react-dom`, `lucide-react`, and…
全屏 hero，Vite + React + TypeScript，动效全部交给 GSAP，字体在 index.css 里定义。
Prompt
**Build a fullscreen hero section in a Vite + React + TypeScript + Tailwind CSS project. Use `gsap` and `lucide-react`. No other UI libraries.** ### Fonts (in `src/index.css`) Import at…
数字员工平台 Axon 的单页 hero，把部署数字工人这个抽象概念做成可视的首屏。
Prompt
Build a single-page hero landing page for a product called "Axon" — a platform that deploys digital workers for mundane workflows. The page is a full-viewport hero section with a looping…
双 iOS 设备框并排的展示页，370x790 固定框加自适应缩放舞台，单文件 HTML。
Prompt
**Build a single-page HTML showcase displaying two iOS device frames (370x790px each) side by side on a neutral `#F4F4F4` stage. The stage auto-scales to fit the viewport using JS. Both…
童趣品牌 TinyTrails 的动画 404 页，React + Tailwind，单个 App.tsx 交付。
Prompt
Build a full-screen animated 404 error page for a children's brand called "TinyTrails" using React, Tailwind CSS, and Lucide React icons. The page must be a single `App.tsx` component. Use…
AI 运维产品 nexum 的暗色电影感 hero，全出血视频背景加玻璃拟态导航。
Prompt
Build a single full-screen (`h-screen w-full overflow-hidden`) hero page for **nexum** — a dark cinematic AI-ops landing hero with a full-bleed background video, glassmorphism nav/cards,…
Prompt
Create a full-screen immersive landing page for a fictional creative-tech studio called "VortxLab Creations" (brand: "V O R T X"). The page features a looping background video, a…
单文件 index.html，除一个视频地址外零外部请求，CSS/JS/SVG 全内联，极限自包含练习。
Prompt
Build a single, self-contained `index.html` file — no build step, no external requests except one video URL, no frameworks, no dependencies. Everything (CSS, JS, SVG) is inline. The file…
暗色电影感 AI 基础设施落地页，单文件 index.html 内联 CSS/JS 零构建，像素级复刻题。
Prompt
Recreate a single-file dark cinematic AI-infrastructure landing page EXACTLY as specified. Deliver one self-contained index.html (inline CSS + JS, no build step). Pixel-faithful to a…
Falcon AI 运营总览三联屏的像素级复刻，单文件 index.html，禁外部资源，纯手工交付。
Prompt
Recreate this page as a single self-contained index.html file — pixel-faithful to the Falcon AI Operations Overview triptych. No frameworks, no external CSS/JS/fonts/images. System fonts…
安全产品 Xero 的单页 hero 精确复刻题，React + TypeScript，Inter 字体，规格写到不留发挥空间。
Prompt
Build a **single-page React + TypeScript (Vite)** landing hero for a product called **"Xero"** that recreates the following section exactly. Use the **Inter** Google Font (weights 300,…
保健品牌 TerraElix 的单页 hero，React + Tailwind + Lucide 图标，健康品类的清爽视觉参考。
Prompt
Create a single-page hero landing for a wellness/supplements brand called "TerraElix" using React + Tailwind CSS + Lucide React icons. The page is a full-viewport hero with a background…
React 19 + Tailwind v4 + motion/react 的落地页，从 index.html 字体引入写起，新版本栈的完整开荒示范。
Prompt
Build a React landing page exactly as specified below. Use React 19, Tailwind CSS v4, and motion/react for animations. 1. Fonts & Global CSS Setup: In index.html, import these Google…
PR 机构 SaaS Convix 的全响应式 hero，页面框架从外层 wrapper 的类名写起，浅色底。
Prompt
Build a fully responsive, full-viewport hero section for a PR-agency SaaS called "Convix Software" with these exact specs: Page Frame Outer wrapper: min-h-screen w-full bg-[#ededed] p-3…
…motion breaking sequence is also changed to ice cream fragments and jam textures, demonstrating precise reference-based localized video replacement.
Prompt
Make localized edits to the video based on 【@原视频】. Keep the types, shapes, colors, details, positions, time-freeze effects, motion effects, camera movements, orbiting trajectories,…
…p girl group MV that locks the facial features and outfits of the three fixed members from the reference image. They visibly sing the English lyrics…
Prompt
Using the three adult women in the reference image as the fixed girl group members, generate a 15-second, 16:9 live-action KPOP girl group MV. All three naturally sing on camera…
