viktoroddy · 3D / 动效 Hero

无限量的动画 AI Hero —— 这是我使用的确切提示词： 用 React、Vite、TypeScript、Tailwind CSS 和 motion/react（Framer Motion）库为一个太空旅行网站构建一个全屏电影感 Hero 区域。严格按照下面的每一处细节还原。 1. 字体 从 Google Fonts 引入 Instrument Serif（斜体）和 Barlow（300、400、500、600 字重）： @import url(''); 在 ta

❤️‍🔥 一键获取所有高级 AI 网站的提示词： 用 React + TypeScript + Vite + Tailwind CSS v4 构建一个滚动驱动的 Hero 落地页。页面为黑色背景，白色文字，包含 3 个主要元素：一个随滚动擦动的背景视频、一个滚动时淡出的漂浮文字叠加层、一个药丸形状的导航栏，以及一个从下方滑入的玻璃面板。 --- ## 视频（背景，随滚动擦动） URL：`` - 固定定位，铺满整个视口，z-index 0，外层容器缩放 1.05，视

❤️‍🔥 一键获取所有令人惊艳的动效网站提示词： http:// 用 React 18 + TypeScript + Vite + Tailwind CSS 和 lucide-react 图标，为一个名为 Lithos 的地质品牌构建一个全屏深色主题 Hero 区域。招牌功能是一个跟随光标的聚光灯效果，通过一个柔和的圆形遮罩，在底图之上揭示出第二张图片。请精确匹配以下每一处细节。 ### 字体 在 `src/index.css` 顶部加入以下内容，然后写 `@tailw

一键获取所有令人惊艳的动效网站提示词： 提示词： 用 React + TypeScript + Vite + Tailwind CSS + framer-motion + lucide-react 构建一个单页落地页。整个页面背景为 bg-black。通过 Google Fonts 加载的字体是 Instrument Serif（斜体和常规体）。在 index.css 中引入它： @import url(''); 液态玻璃 CSS（写在 index.css 的 @lay

提示词： 为一家名为「Logoisum」的视频剪辑机构构建一个高级、高端的 Hero 区域，具体规格如下： 背景：实现一个全屏循环播放的视频背景，使用这个 URL：。视频必须静音、自动播放，并设置为 object-cover 以铺满整个版块，不加任何颜色叠加层。 导航栏：一个悬浮的白色导航栏，圆角 rounded-[16px]，带细微阴影。 左侧：机构 Logo。 中间：一个菜单，包含「About」「Works」「Services」和「Testimonial」链接，字

❤️‍🔥 一键获取令人惊艳动效网站的完整提示词： 用 React、Tailwind CSS 和 Lucide React 图标为一个名为「Veldara」的产品创建一个全视口 Hero 区域。页面应是单屏落地页，不需要滚动。 > **视频背景：** > - 使用这个确切的视频 URL，不要替换成任何其他地址：`` > - 视频容器为 `position: absolute; inset: 0; z-index: 0`（不是负 z-index，也不是 fixed），作为根

一键获取所有令人惊艳动效网站的提示词： 提示词：电影感 Hero 区域，带循环视频背景 用 React + Vite + Tailwind CSS + TypeScript 创建一个全屏单页 Hero 区域，具体规格如下： 字体： 展示文字（标题、Logo）：Instrument Serif 正文（导航、描述）：Inter 在 /src/styles/fonts.css 中引入这两种字体 视频背景： URL： 位置：`top: '300px'`，`inset: 'au

一键获取所有令人惊艳动效网站的提示词： 创建一个单页 Hero 区域，带全屏循环背景视频、玻璃拟态导航和电影感排版。使用 React + Vite + Tailwind CSS + TypeScript，配 shadcn/ui。 视频背景： 全屏 <video> 元素，带 autoPlay、loop、muted、playsInline 来源 URL： 定位为 absolute inset-0 w-full h-full object-cover z-0 字体： 从

一键获取所有令人惊艳动效网站的提示词： 复刻提示词 提示词： 为一家名为「Aethera」的创意工作室构建一个 React + Vite + TypeScript + Tailwind CSS 落地页。网站仅使用浅色模式（不做暗色模式）。使用两种 Google Fonts：Instrument Serif（展示 / 标题）和 Inter（正文）。所有图标使用 lucide-react。网站有一个电影感视频 Hero，下方还有 7 个版块。所有版块都通过一个 Inters

提示词： 构建一个高级电动车落地页，具有深色电影感美学。整个网站使用黑色背景（hsl(0,0%,0%)），配浅色文字（主色 hsl(0,0%,95%)）和橙色强调色（hsl(25,100%,50%)）。不使用默认字体——保持极简和编辑感。使用 shadcn/ui 设计令牌。以下是按顺序排列的各版块： 设计系统（index.css） --background: 0 0% 0% --foreground: 0 0% 12%（用于 CTA 按钮内圆等深色元素） --primar

一键获取所有惊艳动画网站的 Prompt：http://motionsites.ai 用 React + TypeScript + Vite + Tailwind CSS 构建一个全视口高度的单一主视觉区块，图标使用 `lucide-react`。这个组件是一个名为「TOONHUB」的角色手办轮播组件。 **字体（在 `index.html` 的 head 中加载）：** ```html <link rel="preconnect" href="https://fonts