Build a production-ready web section with React + Tailwind CSS + Framer Motion. UID: VC-2520 Title (EN): Paper Cut Notification Tray — AI Startup Title (ZH): 剪纸层叠通知托盘|AI 创业 Style: Paper Cut / 剪纸层叠 Section: Notification Tray / 通知托盘 Industry vibe: AI Startup / AI 创业 Signature motion: card flip reveal / 卡片翻转揭示 Color direction: midnight+violet / 午夜紫 Layout: dense metric row / 紧凑指标行 Visual reference component: Hero Pill Requirements: - One reusable section component, responsive (mobile first) - Clear typography hierarchy, generous whitespace, polished spacing - Implement the signature motion with Framer Motion (respect prefers-reduced-motion) - Prefer shadcn/ui primitives when useful - Accessible focus states and semantic HTML - Do NOT invent unrelated pages; ship only this section - Keep microcopy bilingual-ready (ZH short + EN short) Deliver: 1) Component code outline 2) Key Tailwind classes 3) Motion variants 4) Short Chinese + English microcopy suggestions for headlines/CTA
剪纸层叠通知托盘|AI 创业 / Paper Cut Notification Tray — AI Startup
UID VC-2520 · 复制提示词需 10 积分(同一资源再次免费)。支付走子比积分收银台。
预览动效来源:公开组件演示 · Codehagen
© 版权声明
免责声明:本站所有资源由用户自发上传,仅供学习交流,如有侵犯您的权益,请联系站长删除;
All resources on this site are free and are only for learning and exchange. If any of them infringe upon your rights and interests, please contact the webmaster for deletion
THE END














暂无评论内容