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

按类型浏览Browse by type / 动效 Motion

motion

动效 Motion

偏运动与粒子的场面，强调节奏而不是表单。 当前 14 条。 Motion- and particle-led scenes that care more about rhythm than forms. 14 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

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 动效 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 落地页 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 背景场 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
+ 精选 + 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
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
+ 精选 + 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