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

AI UP LAB · Agent UIAI UP LAB · Agent UI

可交给 Agent 换主题的界面件UI pieces an Agent can retheme

只收 ThreeUI Community 免费、免登录条目。复制 prompt 或 Skill.md，不要手改 procedural JS。不含 Pro，也不提供 MCP。Free, no-login ThreeUI Community items only. Copy the prompt or Skill.md — do not hand-edit procedural JS. No Pro, no MCP.

精选Featured 最新Latest 按类型By type

最近校对（Asia/Shanghai）：2026年9月12日 20:15 · 46 条 Last checked (Asia/Shanghai): September 12, 2026 at 20:15 · 46 items

界面件 UI piece 24 Three.js Three.js 20 背景场 Background 14 动效 Motion 14 Hero Hero 9 落地页 Landing 7 区块 Section 7 按钮 Button 4 文字动效 Text animation 3 css css 1 library library 1 shader shader 1

浏览墙Browse wall

精选靠前。卡片按 3:2 显示预览；原文与换主题提示在详情页。Featured items first. Cards use a 3:2 preview; the source and retheme hint are on the detail page.

+ 精选 + 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 背景场 Background

Woven Cloth · Woven Cloth Woven Cloth · Woven Cloth

ThreeUI Community 编织布料 Three.js 背景：Woven Cloth / Iridescent Silk / Atelier Flag / Washi Noren 四免费变体，适合 Agent 落地页材质底。免登录，可复制 prompt。 ThreeUI Community woven-cloth Three.js background: free Woven Cloth / Iridescent Silk / Atelier Flag / Washi Noren variants. Fits an Agent landing material base. No login; copy the prompt.

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

Matrix Junction · Laser Matrix Junction · Laser

ThreeUI Community 指针响应激光矩阵背景：Laser 家族 4 个免费变体（Matrix Junction / Atmospheric Blade / Vanishing Array / Halftone Relay），Raw WebGL 单 pass，可调速度、尺寸、长度、密度、色相与不透明度，适合 Agent 面板氛围底。免登录，可复制 prompt。 ThreeUI Community pointer-reactive laser matrix background: four free Laser-family variants (Matrix Junction / Atmospheric Blade / Vanishing Array / Halftone Relay), single raw-WebGL pass with live speed, size, length, density, hue and opacity controls — fits an Agent-panel atmosphere base. 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 背景场 Background

Energy Orb · Globe Energy Orb · Globe

ThreeUI Community 能量球体背景：分层 FBM 球体、边缘辉光与星场，适合 Agent 面板的 WebGL 氛围底。免登录，可复制 prompt。 ThreeUI Community energy globe background: layered FBM sphere, rim glow, and star field for Agent-panel WebGL atmosphere. No login; copy the prompt.

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

Elements · Generative Tree Elements · Generative Tree

ThreeUI Community Elements 变体：画笔感树枝从赭石长到金尖，指针风吹并掉落微粒。适合 Agent 等待/氛围页。免登录，可复制 prompt。 ThreeUI Community Elements variant: a painterly branching tree grows from warm sienna to golden tips, sways with pointer wind, and sheds motes — good for Agent wait/atmosphere pages. 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
+ 精选 + 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 落地页 Landing

Buttermax Buttermax

Buttermax 数字制作作品集站：鼠标跟随、3D、液态动效和页面转场都做得很顺，适合拆个人作品集的交互。 Buttermax’s digital-production site: mouse-follow, 3D, liquid motion, and page transitions done smoothly — worth taking apart if you’re building a personal portfolio.

landing · motion
+ 精选 + 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 Three.js Three.js

Structure Flow Structure Flow

ThreeUI Community 的三维场研究：结构流、轨道球、点阵、星云与流体场等免费变体。免登录，可在浏览页直接预览。 A ThreeUI Community 3D field study: free variants for structure flow, orbit orbs, lattices, nebulae, and fluid fields. No login; preview on the browse page.

threeui · community
+ 精选 + 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
+ 精选 + Featured ThreeUI ThreeUI 按钮 Button

Shader Buttons Shader Buttons

着色器按钮：Star Portal、Ignition、Plasma、Thinking 等免费 WebGL 变体，适合高能量 CTA。 Shader buttons: free WebGL variants such as Star Portal, Ignition, Plasma, and Thinking. Fits a high-energy CTA.

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

Constellation Field Constellation Field

粒子星座场：漂移、网络、关口流、连线与等高线等免费 Canvas 变体，适合做连接感背景。 Particle constellation fields: free Canvas variants for drift, networks, gate flow, links, and contours. Fits a connected-feeling background.

threeui · community
+ 精选 + Featured ThreeUI ThreeUI 落地页 Landing

Kage Kage

Kage 落地页：偏影与留白的整页模板，Community 免费，可调标题字体与主色。 Kage landing: a full-page template of shadow and leftover space. Community-free; title type and primary color can be tuned.

threeui · community
+ 精选 + Featured ThreeUI ThreeUI 落地页 Landing

Sylva · Living Green Sylva · Living Green

Sylva 落地页的免费 Living Green 变体：整页森林氛围。同系列 Sakura / Maple / Sequoia 是 Pro，本库不收录。 The free Living Green variant of the Sylva landing: a full-page forest mood. Sakura / Maple / Sequoia in the same series are Pro and are not listed here.

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
+ 精选 + Featured ThreeUI ThreeUI 落地页 Landing

Bestsellers Book Showcase Bestsellers Book Showcase

ThreeUI Community 的完整 Field Manuals 书封陈列落地页：编辑式排版、作者动效、嵌入媒体，可改标题字体与主色。免登录。 ThreeUI Community’s complete Field Manuals book-cover showcase landing page: editorial layout, authored motion, embedded media, with heading font and primary color controls. No login.

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

Warp Field Warp Field

ThreeUI Community 的跃迁拖影场：streaks 等免费变体，适合 Agent 落地页首屏。免登录，可复制 prompt。 ThreeUI Community warp-streak field: free variants such as streaks. Fits an Agent landing hero. No login; copy the prompt.

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 背景场 Background

Liquid Form Liquid Form

ThreeUI Community 的液态金属 WebGL 背景：光线步进，体积小，适合 Hero 底。免登录，可复制 prompt。 ThreeUI Community liquid-metal WebGL background: ray-marched, compact, fits a hero base. No login; copy the prompt.

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

CRT CRT

ThreeUI Community 的 CRT 曲面玻璃背景：Terminal / Cinematic / Blue Screen / Nintendo 四变体，适合复古 Agent 首屏。免登录，可复制 prompt。 ThreeUI Community curved-glass CRT background: Terminal / Cinematic / Blue Screen / Nintendo variants. Fits a retro Agent hero. 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 背景场 Background

Portal Field Portal Field

ThreeUI Community 背景场：Portal / Cloud / Flow / Bell / Stream Convergence 等免费变体，免登录，可复制 prompt。 ThreeUI Community background field: free Portal / Cloud / Flow / Bell / Stream Convergence variants. 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
+ 精选 + Featured ThreeUI ThreeUI Three.js Three.js

Temple Night Temple Night

ThreeUI Community 的京都夜寺场景：默认 Temple Night 免费，雨雾叶与指针光点；其余日落变体标 PRO 不收。免登录，可复制 prompt。 ThreeUI Community Kyoto night-temple scene: free default Temple Night with rain, mist, leaves, and pointer wisps. Sunset variants marked PRO are skipped. 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
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 Three.js Three.js

Landscape Landscape

可切换晨昏与天气的三维地貌：日出、正午、日落、夜晚、雨、雪等免费变体。 A 3D landscape that can switch time of day and weather: free sunrise, noon, sunset, night, rain, and snow variants.

threeui · community
ThreeUI ThreeUI 落地页 Landing

Sketchbook Sketchbook

MengTo Sketchbook 落地页：像一本可翻的速写本，Community 整页可打开，免登录。 MengTo Sketchbook landing: like a flip-through sketchbook. The full Community page opens with no login.

threeui · community
ThreeUI ThreeUI 落地页 Landing

Complete Shelf Complete Shelf

整面书架落地页：适合书店、课程目录或「全部作品」索引。Community 免费整页。 A full-wall bookshelf landing: fits a bookstore, course catalog, or “all work” index. Free Community full page.

threeui · community
ThreeUI ThreeUI 文字动效 Text animation

Text Path Studies Text Path Studies

路径字研究：地球字、轮廓流动、字形云、布料、涟漪与球体等免费 Canvas 变体。 Path-type studies: free Canvas variants for globe type, outline flow, glyph clouds, cloth, ripples, and spheres.

threeui · community
ThreeUI ThreeUI 文字动效 Text animation

Gallery Heading Gallery Heading

画廊字标：斜向升起、坠落、横扫与循环等免费变体，适合作品集分节。 Gallery wordmarks: free rising-diagonal, falling, sweep, and loop variants. Fits portfolio section breaks.

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
ThreeUI ThreeUI Three.js Three.js

Country Towers Country Towers

ThreeUI Community 的六国塔楼场景：日式天守、中式、越南、泰国、高棉、奥斯曼，程序化地形上自动搭建，可轨道旋转。免登录。 ThreeUI Community six-country tower scene: Japanese tenshu, Chinese, Vietnamese, Thai, Khmer, and Ottoman, assembling on a procedural landscape with orbit controls. No login.

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
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