AI UP LAB面向任务的 AI 实践资源AI resources for real tasks
收藏Saved
更多More
StarStar

按类型浏览Browse by type / 界面件 UI piece

ui

界面件 UI piece

徽章、表盘、品牌球一类界面零件。 当前 35 条。 Badges, gauges, brand orbs, and other UI parts. 35 items now.

全部类型All types Agent UI 总览Agent UI overview
ThreeUI ThreeUI 界面件 UI piece

affectUI：面向 AI 产品的 React 组件/屏幕块（可 shadcn 安装，带 MCP） affectUI: React components and screens for AI products (shadcn install + MCP)

聊天、引用、审批卡这类 AI 界面零件，可拷贝或让助手装。 AI chat, citation, and approval UI you can copy—or let an agent install.

react · ai-ui
ThreeUI ThreeUI 界面件 UI piece

Aria Icons：百万级开源 SVG 图标，给 Agent 配好 MCP / CLI Aria Icons: 1M+ open SVG icons with MCP and CLI for coding agents

搜图标别让助手手画：MCP 直接把 SVG 装进项目。 Stop freehanding icons—MCP searches and installs real SVGs.

icons · svg
ThreeUI ThreeUI 界面件 UI piece

NS UI：542 个可给 Agent 装的 React 组件登记处（带 MCP 与 CLI） NS UI: a 542-component React registry agents can install via MCP and CLI

五百多个可装进项目的 React 零件，助手也能搜着装。 500+ install-as-source React parts your agent can search and add.

open-source · mit
ThreeUI ThreeUI 界面件 UI piece

Agent Standup：把 Claude Code 的子 Agent 变成一场带配音的视频站会 Agent Standup: your Claude Code sub-agents as a voiced, animated stand-up call

Claude Code 的子 Agent 开起视频站会，谁卡住一眼看到。 Claude Code sub-agents become talking coworkers, so you see who is stuck.

open-source · mit
ThreeUI ThreeUI 界面件 UI piece

Open Intelligent UI：开源版「会自己出界面的聊天」，换上你的设计系统和组件 Open Intelligent UI: an open-source chat that answers with interactive UI, built on your design system

开源的会出界面的聊天，能换成你自己的设计系统。 Open-source chat that answers with interactive UI, styled by your design system.

generative-ui · open-source
ThreeUI ThreeUI 界面件 UI piece

RondoFlow：可视化编排本地 Claude Code Agent 团队 RondoFlow: visually orchestrate local Claude Code agent teams

在画布上编排本机 Agent，真的会改文件、跑命令。 Arrange local agents on a canvas that edits files and runs commands.

canvas · open-source
ThreeUI ThreeUI Three.js Three.js

Sylva Living World Sylva Living World

免费的苔藓森林场景；同页的季节变体不收录。 A free moss-forest scene; seasonal variants on the page are not listed.

threeui · community
ThreeUI ThreeUI 界面件 UI piece

Bookshelf Bookshelf

可以翻开检视的书架场景，封面带着箔印。 A bookshelf scene you can open and page through, with foil covers.

threeui · community
ThreeUI ThreeUI 界面件 UI piece

Engraved Certificate Engraved Certificate

雕版证书板面，圆形扭索纹会自己轮换状态。 An engraved certificate whose guilloche rosettes cycle on their own.

threeui · community
ThreeUI ThreeUI 按钮 Button

Dot Border Button Dot Border Button

四角点阵、虚线描边的按钮，适合控制台的主操作。 A dotted-corner button with dashed borders, for a console's main action.

threeui · community
ThreeUI ThreeUI 界面件 UI piece

Uplink Loader Uplink Loader

赛博风的上行加载条，进度、刻度和霓虹读数都在。 A cinematic uplink loader with stepped progress, ticks, and neon readouts.

threeui · community
ThreeUI ThreeUI 背景场 Background

Spark Badge · Badge Spark Badge · Badge

光雨拼出的徽章背景，适合成就或密钥卡的氛围。 A badge assembled from luminous rain, for an achievement or key-card mood.

threeui · community
ThreeUI ThreeUI 界面件 UI piece

3D Paper · Original 3D Paper · Original

立体纸张封面，适合作品集和证书卡。 Dimensional paper covers for a portfolio or a certificate card.

threeui · community
ThreeUI ThreeUI 按钮 Button

Liquid Metal Button · Pill Liquid Metal Button · Pill

液态金属按钮，指针带动光谱，按下泛起涟漪。 A liquid-metal button whose color follows the pointer and ripples on press.

threeui · community
+ 精选 + Featured ThreeUI ThreeUI 界面件 UI piece

PerformanceGauges · Tachometer PerformanceGauges · Tachometer

转速表一类的性能仪表，用来装饰实时指标。 Performance gauges, including a tachometer, as ornament for live metrics.

threeui · community
+ 精选 + Featured ThreeUI ThreeUI 按钮 Button

CircleButtons · Play CircleButtons · Play

圆形按钮，暗玻璃表面上有一圈转动的光。 Circle buttons on dark glass, with a light that travels the rim.

threeui · community
+ 精选 + Featured ThreeUI ThreeUI 界面件 UI piece

Wireframe Forms · Cube Wireframe Forms · Cube

棱镜线框立方体，适合界面上的小装饰。 A prismatic wireframe cube for a small ornament on an interface.

threeui · community
+ 精选 + Featured ThreeUI ThreeUI Three.js Three.js

three.ws three.ws

两行 HTML 嵌入的三维形象，文字或自拍就能造。 A 3D agent you embed in two lines of HTML and shape from text or a selfie.

three.js · web-component
+ 精选 + Featured ThreeUI ThreeUI 界面件 UI piece

shadcn/ui shadcn/ui

开源的设计系统地基，组件复制进项目再改。 An open design-system base: copy the components in and make them yours.

ui · css
ThreeUI ThreeUI 动效 Motion

Transitions.dev Transitions.dev

给 Agent 的界面过渡：卡片缩放、数字翻动、文字流出。 Interface transitions for agents: cards resize, numbers pop, and text streams in.

motion · ui
ThreeUI ThreeUI 界面件 UI piece

Rare UI Rare UI

少见的动效组件，适合给 Agent 当高完成度参考。 Uncommon animated components, a high-finish reference for an agent.

ui · motion
ThreeUI ThreeUI 界面件 UI piece

beUI beUI

带动效的 React 组件，附带给 Agent 的安装说明。 Animated React components with install notes written for an agent.

ui · motion
ThreeUI ThreeUI 界面件 UI piece

Beautiful UI Beautiful UI

给 AI 界面的零件：思考轨迹、审批卡和输入条。 Parts for an AI interface: thinking traces, approval cards, and a prompt bar.

ui · css
ThreeUI ThreeUI 界面件 UI piece

MetalForge Progress MetalForge Progress

在浏览器里调进度条着色器，并能实时预览。 Progress-bar shaders you can tweak in the browser with a live preview.

shader · progress
ThreeUI ThreeUI 背景场 Background

Predictive Arc Predictive Arc

预测弧、粒子和网格组成的信号弧，适合做流动背景。 Signal arcs of prediction, particles, and grids, for a flowing background.

threeui · community
ThreeUI ThreeUI 界面件 UI piece

Brand Orbs Brand Orbs

一排品牌球，适合做工具墙或集成列表。 A row of brand orbs for a tools wall or an integrations list.

threeui · community
ThreeUI ThreeUI 按钮 Button

Rectangle Buttons Rectangle Buttons

矩形的主按钮，从暗玻璃到渐变光束都有。 Rectangle actions, from dark glass to a gradient beam.

threeui · community
ThreeUI ThreeUI 文字动效 Text animation

Article Headings Article Headings

文章开头的字标，适合长文或更新日志的顶栏。 Wordmarks for the top of a long piece or a changelog.

threeui · community
ThreeUI ThreeUI 界面件 UI piece

Koi Studies Koi Studies

可翻页的锦鲤卡片，指针一斜就有立体深度。 A stack of koi cards with real depth that tilts under the pointer.

threeui · community
ThreeUI ThreeUI 界面件 UI piece

Character Carousel Character Carousel

人像卡片走马灯，指针、滚轮和键盘都能换。 A carousel of character cards you switch with the pointer, the wheel, or the keyboard.

threeui · community
ThreeUI ThreeUI 界面件 UI piece

Diagnostics Panel Diagnostics Panel

等距的诊断台，适合运维或系统结构的可视化。 An isometric diagnostics board for operations or a view of a system.

threeui · community
ThreeUI ThreeUI 界面件 UI piece

Skeuomorphic Toggle Skeuomorphic Toggle

拟物开关，也有现代、玻璃和着色器几种样子。 A toggle in skeuomorphic, modern, glass, and shader forms that follows light and dark.

threeui · community
ThreeUI ThreeUI 界面件 UI piece

Canvas UI Canvas UI

把液态和玻璃效果叠在还能点的界面上。 Liquid and glass effects laid over an interface you can still click.

canvas · shader
ThreeUI ThreeUI 界面件 UI piece

Animated Top Dock Animated Top Dock

顶部停靠栏，从命令条到液态玻璃都有。 A top dock, from a command bar to liquid glass.

threeui · community
ThreeUI ThreeUI 界面件 UI piece

Gallery Gallery

弯曲图板绕柱旋转的英雄图带，可调速度和透明度。 A hero ribbon of curved panels on a column, with speed and opacity.

threeui · community