Creator · 编辑精选

CryptoEights

CryptoEights 在X输出 UI 工程化实践,《Gemini Formula 1 动态数据面板》搭 Gemini 3.1 · React · Framer Motion 出方案,带可复现代码。

代表案例

从代表 Case 开始判断。

返回创作者索引
Gemini Formula 1 动态数据面板
AI 编程(UI)X@CryptoEights

Gemini Formula 1 动态数据面板

@CryptoEights 使用 Gemini 3.1 · React · Framer Motion完成的网页案例,包含公开结果、完整 Prompt 与原始来源。

提示语

用于构建 F1 Dashboard 的 Prompt: "使用 React、Tailwind CSS 和 Framer Motion 构建一个电影感、高端的 Formula 1 实时数据面板。设计应暗色、沉浸,并具有专业广播叠加层的感觉。 1. 布局与背景: 将背景设置为全屏、循环、静音的真实 F1 赛车在赛道上行驶的视频(使用此视频 URL:)。 在视频上叠加从顶部由黑色过渡到透明的深色渐变,并从底部加入红色径向渐变,模拟底部泛光效果。 使用深色主题(bg-[#0a

来源热度
37
稳定度