全站提示词，会员免费

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

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

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

查看会员

Header 01 AiChatbott

标题

A full-screen SaaS hero header for an AI chatbot product called "AIChatBott", built with React + Tailwind CSS and animated with Framer Motion. It features a sticky-style glass nav bar with hover dropdowns, a centered hero (badge + heading + subheading + animated pill CTA), and a layered "card collage" composed of overlapping PNG screenshots that animate into place on load.

会员专享

升级会员解锁

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.

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

代码

framer-motionlucide-reactclsxtailwind-merge

解锁后可查看完整代码