Court-gothic components for MyGo
MujicaUI
说明:这些组件是原生 Go(MyGo)控件,在桌面窗口里由 GPU 自绘。本站展示的是渲染快照图片,浏览器不运行任何组件代码。
Note: the components are native Go (MyGo) widgets. The images are rendered snapshots; your browser runs no component code.
分类
Layout10Display10Inputs10Choices10Forms10Date & Time8Navigation10Data12Overlays10Feedback10Charts I20Charts II15Market Charts20Trading20Markets20Chat Messages20Chat Input20Chat Sessions20Agent20Agent Ops & Motion20Git20Terminal & Code20Media20Projects18Files & Collaboration17Messaging & Mail20Calendar20Dashboards & Dev Tools17Settings & Account20Essentials20
Layout 10
Display 10
Inputs 10
Choices 10
Forms 10
Date & Time 8
Data 12
Overlays 10
Feedback 10
Charts I 20
- 101LineChart折线图
- 102AreaChart面积图
- 103BarChart柱状图
- 104PieChart饼图
- 105ScatterChart散点图
- 106RadarChart雷达图
- 107HeatmapChart热力图
- 108CalendarHeatmap日历热力图
- 109Histogram直方图
- 110BoxPlot箱线图
- 111WaterfallChart瀑布图
- 112FunnelChart漏斗图
- 113BulletChart子弹图
- 114Sparkline迷你图
- 115Gauge仪表盘
- 116Treemap矩形树图
- 117Sunburst旭日图
- 118SankeyChart桑基图
- 119NetworkGraph网络图
- 120RealtimeChart实时图表
Charts II 15
Market Charts 20
- 141CandlestickChartK 线
- 142OHLCChart美国线
- 143HeikinAshiChart平均 K 线
- 144LineQuoteChart分时图
- 145VolumeChart成交量
- 146DepthChart深度图
- 147VolumeProfile成交量分布
- 148MultiChartLayout多图布局
- 149ChartSync图表同步
- 150TimeRangeSelector时间范围
- 151IntervalSelector周期选择
- 152ChartTypeSwitcher图表类型
- 153IndicatorOverlay主图指标
- 154IndicatorPane指标副图
- 155IndicatorSelector指标选择
- 156DrawingTools画线
- 157DrawingToolbar画线工具栏
- 158CompareSymbol品种对比
- 159PriceAlertLine价格预警
- 160CandleCountdownK 线倒计时
Trading 20
- 161TickerTape行情滚动条
- 162QuoteCard报价卡片
- 163PriceText价格文本
- 164PriceChangeBadge涨跌徽标
- 165OrderBook盘口
- 166Level2Quotes多档行情
- 167TimeAndSales逐笔成交
- 168DepthLadder价格阶梯
- 169SpreadIndicator价差指示
- 170BidAskBar买卖力量条
- 171OrderEntry下单面板
- 172QuickTradeButtons快速交易按钮
- 173PositionTable持仓表
- 174OrderTable委托表
- 175TradeHistoryTable成交记录表
- 176PnLDisplay盈亏显示
- 177LeverageSlider杠杆滑块
- 178MarginIndicator保证金率指示
- 179RiskMeter风险等级
- 180OrderConfirmDialog下单确认对话框
Markets 20
- 181OptionChain期权链
- 182GreeksTable希腊值表
- 183PayoffDiagram到期损益图
- 184Watchlist自选列表
- 185SymbolSearch代码搜索
- 186SymbolBadge代码徽标
- 187MarketHeatmap市场热力图
- 188Screener选股器
- 189MarketOverview市场概览
- 190IndexCard指数卡片
- 191MarketStatus市场状态
- 192TradingSessionClock交易时段时钟
- 193EconomicCalendar经济日历
- 194EarningsCalendar财报日历
- 195NewsFeed新闻流
- 196SentimentGauge情绪仪表
- 197PortfolioSummary资产总览
- 198AssetAllocationChart资产配置图
- 199PerformanceChart收益曲线
- 200CurrencyConverter货币换算
Chat Messages 20
- 201ChatContainer对话容器
- 202MessageList消息列表
- 203MessageBubble消息气泡
- 204MessageHeader消息头
- 205StreamingText流式文本
- 206MarkdownViewMarkdown 视图
- 207CodeBlock代码块
- 208TableBlock表格块
- 209ImageGrid图片网格
- 210FileMessage文件消息
- 211AudioMessage语音消息
- 212LinkPreviewCard链接预览卡片
- 213QuoteReply引用回复
- 214MessageActions消息操作
- 215MessageEditor消息编辑器
- 216BranchNavigator分支切换
- 217ErrorMessage错误消息
- 218ThinkingBlock思考过程
- 219ScrollToBottomButton回到底部按钮
- 220TypingIndicator正在输入
Chat Input 20
- 221PromptComposer提示编辑器
- 222AttachmentChip附件标签
- 223PasteImagePreview图片预览
- 224DragDropOverlay拖放遮罩
- 225VoiceInputButton语音输入按钮
- 226VoiceWaveform输入波形
- 227SlashCommandMenu斜杠命令菜单
- 228ContextMentionMenu上下文提及菜单
- 229ContextChips上下文标签
- 230ModelSelector模型选择器
- 231ModeSelector模式选择器
- 232ToolToggleMenu工具开关菜单
- 233ParameterPanel参数面板
- 234TokenCounterToken计数
- 235ContextWindowMeter上下文容量
- 236SendButton发送按钮
- 237CitationBadge引用编号
- 238SourceCard来源卡片
- 239SourcesPanel来源面板
- 240SearchProgress搜索进度
Chat Sessions 20
- 241ConversationList会话列表
- 242ConversationItem会话条目
- 243ConversationSearch会话搜索
- 244ProjectList项目列表
- 245ProjectKnowledgePanel项目知识面板
- 246WelcomeScreen欢迎页
- 247SuggestionChips建议标签
- 248PromptLibrary提示模板库
- 249CapabilityCards能力卡片
- 250FeedbackForm反馈表单
- 251DateSeparator日期分隔
- 252ThinkingIndicator思考指示
- 253StopGeneratingButton停止生成按钮
- 254SystemPromptEditor系统提示编辑器
- 255CostEstimator费用估算
- 256SharedConversationView分享会话视图
- 257ConversationExport会话导出
- 258RegenerateMenu重新生成菜单
- 259ArtifactCard产物卡片
- 260ChatEmptyState会话空状态
Agent 20
- 261ToolCallCard工具调用卡片
- 262ToolCallGroup工具调用组
- 263ToolApprovalDialog工具审批对话框
- 264PermissionPrompt权限请求
- 265AgentStepList执行步骤列表
- 266AgentPlan执行计划
- 267AgentStatusAgent 状态
- 268AgentProgressAgent 进度
- 269SubAgentTree子 Agent 树
- 270FileChangeCard文件变更卡片
- 271MultiFileDiffReview多文件差异审阅
- 272CommandExecutionCard命令执行卡片
- 273ScreenshotStreamAgent 画面流
- 274ArtifactPanel产物面板
- 275ArtifactVersionSwitcher产物版本切换
- 276SandboxStatus沙箱状态
- 277MCPServerListMCP 服务器列表
- 278MemoryPanel记忆面板
- 279CheckpointList检查点列表
- 280HumanInputRequest人工输入请求
Agent Ops & Motion 20
- 281InterruptButton中断按钮 停止智能体
- 282TokenUsageChartToken 用量图 输入输出
- 283CostBreakdown费用分解 成本 合计
- 284TraceViewer调用链 追踪 跨度 时间轴
- 285EvalResultTable评测结果 得分 通过失败
- 286ToolRegistryPanel工具注册 工具列表 启停
- 287DotsLoader三点加载 加载中
- 288BarsLoader条形加载
- 289PulseLoader呼吸加载 脉冲
- 290OrbitLoader环绕加载 菱形
- 291WaveLoader波形加载
- 292Shimmer占位扫光 骨架 加载
- 293CountUp数字过渡 计数
- 294Typewriter打字机 逐字显示
- 295ShimmerText文字扫光 思考中
- 296Stagger依次进场 交错动画
- 297ReorderTransition重排过渡 排序动画
- 298LayoutTransition布局过渡 FLIP
- 299Presence进出场 淡入淡出
- 300BlinkHighlight变化高亮 闪烁 涨跌
Git 20
- 301DiffViewer差异查看器 比较 diff
- 302InlineDiff行内差异 词级差异
- 303ThreeWayMerge三方合并 合并冲突
- 304ConflictResolver冲突解决 冲突标记
- 305ChangesList更改列表 暂存 未暂存
- 306CommitInput提交输入 提交信息
- 307CommitGraph提交图谱 泳道 分支图
- 308CommitList提交列表 提交历史
- 309BranchSelector分支选择器 切换分支
- 310BranchList分支列表 上游 领先落后
- 311TagList标签列表 tag
- 312StashList贮藏列表 stash
- 313BlameView逐行追溯 blame 作者
- 314FileHistory文件历史 单文件提交
- 315PullRequestCard拉取请求卡片 合并请求 PR
- 316ReviewComment评审评论 代码评审
- 317DiffStat差异统计 增删行数
- 318GitStatusBadgeGit 状态标记 文件状态
- 319CommandBlock命令块 终端输出 退出码
- 320AnsiTextANSI 文本 终端颜色
Terminal & Code 20
- 321Terminal终端
- 322TerminalTabs终端标签
- 323TerminalSearch终端搜索
- 324CommandHistory命令历史
- 325LogViewer日志查看器
- 326ProcessList进程列表
- 327CodeViewer代码查看器
- 328Minimap代码缩略图
- 329FindWidget查找替换
- 330SearchPanel多文件搜索
- 331ProblemsPanel问题面板
- 332OutputPanel输出面板
- 333SymbolOutline符号大纲
- 334CompletionMenu补全菜单
- 335DebugToolbar调试工具栏
- 336BreakpointList断点列表
- 337CallStack调用栈
- 338VariablesPanel变量面板
- 339HexViewer十六进制查看器
- 340Flamegraph火焰图
Media 20
- 341ImageCropper图片裁剪
- 342ImageAnnotator图片标注
- 343ImageThumbnail缩略图
- 344Lightbox灯箱
- 345VideoPlayer视频播放器
- 346VideoScrubber视频时间轴
- 347VideoThumbnailStrip缩略帧条
- 348AudioPlayer音频播放器
- 349AudioWaveform音频波形
- 350AudioSpectrum音频频谱
- 351VolumeControl音量控制
- 352PlaybackSpeedControl倍速选择
- 353MediaControls媒体控制
- 354Playlist播放列表
- 355SubtitleEditor字幕编辑器
- 356ScreenRecorderControls录屏控制
- 357CameraPreview摄像头预览
- 358MicLevelMeter麦克风电平
- 359DeviceSelector设备选择
- 360ImageCompare前后对比
Projects 18
- 361KanbanBoard任务看板
- 362TaskList任务列表
- 363TaskItem任务行
- 364TaskDetailPanel任务详情侧栏
- 365SubtaskList子任务列表
- 368SprintBoard迭代看板
- 369BurndownChart燃尽图
- 370PriorityIndicator优先级指示
- 371StatusSelect状态选择
- 372AssigneePicker负责人选择
- 373DueDatePicker截止日期选择
- 374LabelManager标签管理
- 375IssueCard任务卡片
- 376IssueIdBadge任务编号
- 377MilestoneProgress里程碑进度
- 378WorkloadView成员负载
- 379TimeTracker工时计时
- 380PomodoroTimer番茄钟
Files & Collaboration 17
- 381FileExplorer文件浏览器
- 382FileGrid文件网格
- 383FileIcon文件图标
- 384FilePreview文件预览
- 385PathBar路径栏
- 386RenameInline行内重命名
- 387FileOperationProgress文件操作进度
- 388TransferQueue传输队列
- 389StorageUsage存储占用
- 390RecentFiles最近文件
- 391ArchiveViewer压缩包浏览
- 392PresenceAvatars协作头像
- 394Reactions表情回应
- 395ShareDialog分享对话框
- 396PermissionSelect权限选择
- 399LiveIndicator同步状态
- 400RemoteCursor远程光标
Messaging & Mail 20
- 401ChannelList频道列表
- 402ChatMessage聊天消息
- 403UnreadDivider未读分隔线
- 404ReadReceipt已读回执
- 405MemberList成员列表
- 406UserProfileCard用户资料卡
- 407OnlineStatus在线状态
- 408StatusSetter状态设置
- 409CallControls通话控制
- 410VideoCallGrid视频通话宫格
- 411IncomingCallDialog来电对话框
- 412EmojiPicker表情选择器
- 413PinnedMessages置顶消息
- 414ThreadPanel话题侧栏
- 415MailList邮件列表
- 416MailReader邮件阅读器
- 417MailComposer邮件编辑器
- 418RecipientInput收件人输入
- 419QuotedText引用文字
- 420SnoozePicker稍后提醒
Calendar 20
- 421CalendarMonthView月视图
- 422CalendarWeekView周视图
- 423CalendarDayView日视图
- 424AgendaView日程列表
- 425YearView年视图
- 426EventChip事件块
- 427EventEditor事件编辑器
- 428EventPopover事件浮层
- 429CurrentTimeIndicator当前时间线
- 430RecurrenceEditor重复规则编辑器
- 431AvailabilityPicker空闲时段选择
- 432TimezoneSelect时区选择
- 433ReminderPicker提醒选择
- 434AttendeeList参与者列表
- 435WeekPicker周选择器
- 436DurationPicker时长选择器
- 437CronEditorCron 编辑器
- 438RelativeTime相对时间
- 439Countdown倒计时
- 440Stopwatch秒表
Dashboards & Dev Tools 17
- 442StatCard统计卡片
- 443AlertList告警列表
- 444IncidentCard事件卡片
- 445UptimeBar可用性条
- 446ServiceStatus服务状态
- 447LogStream日志流
- 448TraceWaterfall调用链瀑布图
- 449ResourceGauge资源仪表
- 450SystemMonitor系统监视器
- 451RefreshIntervalSelector刷新间隔选择
- 452DashboardFilterBar仪表盘过滤栏
- 453JsonViewerJSON 查看器
- 454JsonEditorJSON 编辑器
- 455SchemaTree数据库结构树
- 456ApiRequestBuilderAPI 请求构建器
- 457ResponseViewer响应查看器
- 458KeyValueInput键值对输入
Settings & Account 20
- 461SettingsLayout设置布局
- 462SettingsSearch设置搜索
- 463ThemeSelector主题选择
- 464AccentColorPicker主色选择
- 465ShortcutRecorder快捷键录制
- 466KeyboardShortcutsList快捷键列表
- 467LoginForm登录表单
- 468OAuthButtons第三方登录按钮
- 469TwoFactorInput两步验证码
- 470ProfileEditor个人资料编辑
- 471AccountSwitcher账户切换
- 472WorkspaceSwitcher工作区切换
- 473UserMenu用户菜单
- 474SessionList登录会话
- 475ApiKeyManagerAPI 密钥管理
- 476UsageQuota用量配额
- 477OnboardingWizard引导向导
- 478Coachmark功能提示
- 479WhatsNewDialog更新内容
- 480FeedbackWidget反馈组件
Essentials 20
- 481SplitButton拆分按钮 主操作 下拉
- 482CopyButton复制按钮 剪贴板
- 483HoldToConfirm按住确认 危险操作
- 484BulkActionBar批量操作条 多选
- 485ScrubInput拖动数值 拖动标签
- 486CurrencyInput货币输入 金额 千分位
- 487MaskedInput掩码输入 电话 卡号
- 488MentionInput提及输入 @ 候选
- 489ChoiceChips筛选芯片 单选 多选
- 490Knob旋钮 调节
- 491VerticalSlider纵向滑块
- 492ColorPalette预设色板 颜色
- 493SignaturePad签名板 手写
- 494Banner横幅 页面提示
- 495UndoToast撤销提示 倒计时
- 496Masonry瀑布流 卡片
- 497ResizablePanelGroup可调面板 分隔条
- 498DockPanel停靠面板 标签
- 499QRCode二维码
- 500ActivityFeed活动流 动态