HeroUI 专为 AI 原生时代打造的交互界面规范:折叠式思考链 (Chain Of Thought)、流式代码块 (Code Block)、 工具调用卡片 (Chat Tool)、信源卡 (Chat Source)、智能提示词输入器 (Prompt Input) 与动态流光 (Text Shimmer)。
集成模型选择器、上下文附件挂载、Token 计数与流光发送
展开即可查看模型内在思维逻辑,带流式脉冲、耗时指示与检查点
包含悬浮操作胶囊(复制、重试、赞踩反馈)与纯净暗色代码容器
为您生成的 HeroUI 风格代码块已就绪。支持一键快速复制并在现有 React 19 / Next.js 项目中平滑运行:
import { Card } from "@/components/ui/card";
export function ModernHoloCard() {
return (
<div className="rounded-2xl border border-pink-500/20 bg-gradient-to-br from-card to-pink-500/10 p-6 backdrop-blur-md">
<h3 className="text-base font-bold">HeroUI Pro Component</h3>
<p className="text-xs text-muted-foreground mt-1">极致的磨砂高光与大圆角</p>
</div>
);
}