AI 编程(UI)X收录 2026/07/28
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
来源热度 · X
5
稳定度
89