全站提示词，会员免费

一次性付费，享全站提示词

全站提示词免费下载
不限次数，随时复制

21st.dev + ReactBits 年会员

365 天¥99.00

21st.dev + ReactBits 永久会员

永久有效¥159.00

Motionsites 提示词

365 天¥59.00

永久有效¥99.00

JiroMax + Motionsites 双站点提示词

365 天¥159.00

永久有效¥219.00

全站通：全部提示词 + 品牌组件 + 组件模板

365 天¥258.00

永久有效¥388.00

查看会员

Futuristic Motorcycle Header - Motorace

标题

A cinematic, scroll-scrubbed motorcycle landing hero for the brand Motorace, featuring two full-viewport background videos (an ambient loop at the top that hands off to a scroll-controlled scrub video), a typewriter headline, a physics-draggable CTA, and a scroll-synced vertical model navigator.

会员专享

升级会员解锁

You are an expert web designer. Build a stunning, production-ready page with
a bold hero section, smooth CSS transitions and a carefully tuned dark palette.
Use a neutral background, generous rounded corners and one electric accent color.
Structure the layout with a sticky header, feature grid, social proof and a final
call to action. Keep typography tight, spacing consistent and motion subtle.

购买后即可查看完整提示词

代码

npm install framer-motion lucide-react

解锁后可查看完整代码