AI UP LAB Agent UI · 每日更新Agent UI · daily updates

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

ui

界面件 UI piece

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

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

Uplink Loader Uplink Loader

ThreeUI Community 赛博上行加载条：阶梯进度、遥测刻度、霓虹读数、角标与扫描线颗粒，CSS/DOM 运行时。免登录，可复制 prompt。 ThreeUI Community cinematic uplink loader: stepped progress, telemetry ticks, neon readouts, corner markers, scanlines and grain on a DOM/CSS runtime. No login; copy the prompt.

threeui · community
+ 精选 + Featured ThreeUI ThreeUI 背景场 Background

Spark Badge · Badge Spark Badge · Badge

ThreeUI Community 光雨徽章背景：Badge / Browser / iPhone / Studio Display 四免费变体，Canvas 2D 光雨与 curl-noise 余烬拼出凭证感徽章，适合 Agent 成就 / 密钥卡氛围底。免登录，可复制 prompt。 ThreeUI Community luminous-rain badge background: four free variants (Badge / Browser / iPhone / Studio Display). Canvas 2D rain and curl-noise embers assemble a credential-style badge — fits Agent achievement / key-card atmospheres. No login; copy the prompt.

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

3D Paper · Original 3D Paper · Original

ThreeUI Community 立体纸张：Original / Site of the Year / Japanese / Certificate 四免费变体，适合 Agent 作品集封面与证书卡。免登录，可复制 prompt。 ThreeUI Community dimensional paper: free Original / Site of the Year / Japanese / Certificate variants. Fits Agent portfolio covers and certificate cards. No login; copy the prompt.

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

Liquid Metal Button · Pill Liquid Metal Button · Pill

ThreeUI Community 液态金属 CTA：Sign up Pill / Liquid Orb / Play Circle 三个免费变体，Raw WebGL 2 + DOM/CSS 原生 button，指针跟随金属光谱与 bloom、按压出多面涟漪，支持 Enter/Space 触发与 reduced-motion 冻结。免登录，可复制 prompt。 ThreeUI Community liquid-metal CTA: three free variants (Sign up Pill / Liquid Orb / Play Circle) on a native button with raw WebGL 2 + DOM/CSS — pointer-following spectral metal and bloom, faceted press ripples, Enter/Space activation and a reduced-motion freeze. No login; copy the prompt.

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

PerformanceGauges · Tachometer PerformanceGauges · Tachometer

ThreeUI Community 性能仪表盘：tachometer 等 4 个免费变体，适合 Agent 面板上的实时指标装饰。免登录，可复制 prompt。 ThreeUI Community performance gauges: free tachometer and three sibling variants for live-metric Agent panel ornament. No login; copy the prompt.

threeui · community
ThreeUI ThreeUI 按钮 Button

CircleButtons · Play CircleButtons · Play

ThreeUI Community 圆形按钮族：Play / Plus / Mail 等免费变体，暗玻璃表面与旋转锥光，适合紧凑 CTA。 ThreeUI Community circle buttons: free Play / Plus / Mail variants with dark-glass surfaces and a moving conic light. Fits compact CTAs.

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

Wireframe Forms · Cube Wireframe Forms · Cube

ThreeUI Community 的棱镜线框立方体：cube / cylinders / sphere 免费变体，Canvas 2D，适合 Agent 界面装饰。免登录，可复制 prompt。 ThreeUI Community prismatic wireframe cube: free variants cube / cylinders / sphere on Canvas 2D. Fits Agent UI ornament. No login; copy the prompt.

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

three.ws three.ws

开源 3D AI Agent 平台（Apache-2.0）：两行 HTML 嵌入 agent-3d，文字/自拍造形象，语音与记忆可选。免登录可玩 Forge 与嵌入预览。 Open-source 3D AI agent platform (Apache-2.0): embed agent-3d in two lines of HTML, build avatars from text or selfies, optional voice and memory. Forge and embed previews work without login.

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

shadcn/ui shadcn/ui

开源、开代码的设计系统地基。组件可复制进项目再改，是 Agent 拼界面时最稳的默认库。 Open-source, open-code design-system foundation. Copy components into the project and make them yours — the safest default kit for an Agent assembling UI.

ui · css
+ 精选 + Featured ThreeUI ThreeUI 动效 Motion

Transitions.dev Transitions.dev

给 AI Agent 用的 UI 过渡合集：卡片缩放、数字翻动、流式文字、思考态。首页免费可逛，部分效果标了 Pro。 UI transitions for AI agents: card resize, number pop, streaming text, thinking states. The gallery is free to browse; some effects are Pro.

motion · ui
+ 精选 + Featured ThreeUI ThreeUI 界面件 UI piece

Rare UI Rare UI

少见的动效 React 组件合集，偏展示和交互实验，适合给 Agent 当高完成度参考。 A collection of uncommon animated React components — more showcase and interaction experiments. A high-finish reference for an Agent.

ui · motion
+ 精选 + Featured ThreeUI ThreeUI 界面件 UI piece

beUI beUI

React / Next.js 动效组件，带 Agent 指南和 registry。npx shadcn add 就能装，还有 MCP 和 OpenUI 用法。 Animated React / Next.js components with an agent guide and registry. Install via npx shadcn add; MCP and OpenUI docs included.

ui · motion
+ 精选 + Featured ThreeUI ThreeUI 界面件 UI piece

Beautiful UI Beautiful UI

给 AI 原生界面用的组件原语：加载、思考轨迹、流式文本、审批卡、工具芯片、Prompt Bar。可直接丢给 Agent 抄进项目。 Primitives for AI-native interfaces: loading, thinking traces, streaming text, approval cards, tool chips, prompt bar. Hand the page to an Agent and let it pick.

ui · css
+ 精选 + Featured ThreeUI ThreeUI 界面件 UI piece

MetalForge Progress MetalForge Progress

MetalForge 的 Progress 进度条着色器：浏览器里免费调参、WebGPU 实时预览，可导出 SwiftUI Metal 或 React Native Skia（导出要 Pro）。 MetalForge’s Progress bar shaders: free in-browser tweaking with a live WebGPU preview; export SwiftUI Metal or React Native Skia (export is Pro).

shader · progress
+ 精选 + Featured ThreeUI ThreeUI 背景场 Background

Predictive Arc Predictive Arc

Canvas / WebGL 信号弧：预测弧、像素弧、粒子、网格与半调流动。免费变体都在 Community 目录里。 Canvas / WebGL signal arcs: predictive arc, pixel arc, particles, grid, and halftone flow. Free variants live in the Community directory.

threeui · community
ThreeUI ThreeUI 界面件 UI piece

Brand Orbs Brand Orbs

一组 Canvas 品牌球：Claude、Cursor、GitHub、Figma 等免费变体，适合做工具墙或集成列表。 A set of Canvas brand orbs: free Claude, Cursor, GitHub, Figma, and other variants. Fits a tools wall or integrations list.

threeui · community
ThreeUI ThreeUI 按钮 Button

Rectangle Buttons Rectangle Buttons

Community 矩形按钮族：暗玻璃、Launch、点边框、滑动文字、渐变光束等免费 CTA，纯 CSS/DOM。 Community rectangle button family: dark glass, Launch, dotted borders, sliding type, gradient beams, and other free CTAs. Pure CSS/DOM.

threeui · community
ThreeUI ThreeUI 文字动效 Text animation

Article Headings Article Headings

文章开头字标：介绍字、粒子词标与音频词标等免费变体，适合长文或更新日志顶栏。 Article-open wordmarks: free intro type, particle wordmarks, and audio wordmarks. Fits a long-form or changelog header.

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

Koi Studies Koi Studies

ThreeUI Community 的锦鲤卡片叠：CSS 3D 深度、指针倾斜、拖拽/键盘翻页，三张日本画风研究（Kōhaku / Shūsui / Utsuri）。免登录，可复制 prompt。 ThreeUI Community koi card stack: CSS 3D depth, pointer tilt, drag and keyboard paging, three Japanese studies (Kōhaku / Shūsui / Utsuri). No login; copy the prompt.

threeui · community
ThreeUI ThreeUI 界面件 UI piece

Character Carousel Character Carousel

ThreeUI Community 的角色卡片走马灯：浅色胶片带与深色波浪两种免费变体，指针/滚轮/键盘切换人像卡片。适合 Agent 团队墙。免登录。 ThreeUI Community character-card carousel: a light filmstrip and a dark wave as free variants, with pointer, wheel, and keyboard switching. A good Agent team wall. No login.

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

Diagnostics Panel Diagnostics Panel

ThreeUI Community 的等距诊断台：layers / nodes / flow 免费变体，适合 Agent 运维或系统可视化。免登录，可复制 prompt。 ThreeUI Community isometric diagnostics board: free variants layers / nodes / flow. Fits Agent ops or systems visuals. No login; copy the prompt.

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

Skeuomorphic Toggle Skeuomorphic Toggle

ThreeUI Community 的拟物开关：Skeuomorphic / Modern / Glass / Shader 四变体，自动适配亮暗。免登录，可复制 prompt。 ThreeUI Community skeuomorphic toggle: Skeuomorphic / Modern / Glass / Shader variants, auto light/dark. No login; copy the prompt.

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

Canvas UI Canvas UI

开源「HTML-in-canvas」着色器组件库：Liquid/Glass 等效果叠在可交互 DOM 上，shadcn 式复制进仓库，并带 MCP 安装路径。 Open-source html-in-canvas shader components: Liquid/Glass and more over live interactive DOM, shadcn-style copy-into-repo, with an MCP install path.

canvas · shader
ThreeUI ThreeUI 界面件 UI piece

Animated Top Dock Animated Top Dock

ThreeUI Community 顶部停靠栏：Sable / Command Bar / Pixel Terminal / Liquid Glass 四免费变体，适合 Agent 控制台顶栏。免登录，可复制 prompt。 ThreeUI Community top dock: free Sable / Command Bar / Pixel Terminal / Liquid Glass variants. Fits an agent console header. No login; copy the prompt.

threeui · community