Latest Agent UI
最近收集的界面组件排在前面。当前 65 条。The newest components are first. 65 now.
三个工具:查连接、跑一段 JS、读 API 说明。 Three tools: check the connection, run some JS, read the API notes.
加载圈换成会眨眼的小 3D 角色,状态一变表情跟着变。 Swap the spinner for a blinking 3D buddy that changes with UI state.
Claude Code 的子 Agent 开起视频站会,谁卡住一眼看到。 Claude Code sub-agents become talking coworkers, so you see who is stuck.
开源的会出界面的聊天,能换成你自己的设计系统。 Open-source chat that answers with interactive UI, styled by your design system.
五百多个可装进项目的 React 零件,助手也能搜着装。 500+ install-as-source React parts your agent can search and add.
200 多个 WebGPU 特效组件,装个 MCP 就能让助手来调。 200+ WebGPU effect components, and one MCP install lets your agent tune them.
聊天、引用、审批卡这类 AI 界面零件,可拷贝或让助手装。 AI chat, citation, and approval UI you can copy—or let an agent install.
在画布上编排本机 Agent,真的会改文件、跑命令。 Arrange local agents on a canvas that edits files and runs commands.
30 个可复制进项目的三维组件,Agent 也能按目录装。 30 copy-paste 3D components, with a catalog an agent can install from.
弯曲图板绕柱旋转的英雄图带,可调速度和透明度。 A hero ribbon of curved panels on a column, with speed and opacity.
免费的苔藓森林场景;同页的季节变体不收录。 A free moss-forest scene; seasonal variants on the page are not listed.
可以翻开检视的书架场景,封面带着箔印。 A bookshelf scene you can open and page through, with foil covers.
雕版证书板面,圆形扭索纹会自己轮换状态。 An engraved certificate whose guilloche rosettes cycle on their own.
搜图标别让助手手画:MCP 直接把 SVG 装进项目。 Stop freehanding icons—MCP searches and installs real SVGs.
零运行时的网页组件,Agent 可以开窗、切页、推数据。 Zero-runtime web components an agent can open, switch, and fill with data.
星空下的云层气流,适合做落地页或控制台的底。 A starfield of drifting clouds, meant as atmosphere for a landing or a console.
四角点阵、虚线描边的按钮,适合控制台的主操作。 A dotted-corner button with dashed borders, for a console's main action.
旋转的字环和漂浮字形,指针扫过会把字溶开。 Spinning type rings and drifting letters that dissolve under the pointer.
可改的字标,粒子被吸向字母并把它点亮。 A wordmark that pulls a particle field into its letters and lights them up.
赛博风的上行加载条,进度、刻度和霓虹读数都在。 A cinematic uplink loader with stepped progress, ticks, and neon readouts.
光雨拼出的徽章背景,适合成就或密钥卡的氛围。 A badge assembled from luminous rain, for an achievement or key-card mood.
立体纸张封面,适合作品集和证书卡。 Dimensional paper covers for a portfolio or a certificate card.
编织布料的三维背景,适合落地页的材质底。 A woven-cloth background for the material base of a landing page.
跟着指针走的激光矩阵,适合面板的氛围底。 A pointer-reactive laser matrix for the atmosphere behind a panel.
液态金属按钮,指针带动光谱,按下泛起涟漪。 A liquid-metal button whose color follows the pointer and ripples on press.
带边缘辉光和星场的能量球,适合面板氛围。 An energy globe with rim glow and a star field, for panel atmosphere.
画笔感的树从根长到金尖,指针像风一样吹它。 A painterly tree that grows to golden tips and sways as if the pointer were wind.
转速表一类的性能仪表,用来装饰实时指标。 Performance gauges, including a tachometer, as ornament for live metrics.
圆形按钮,暗玻璃表面上有一圈转动的光。 Circle buttons on dark glass, with a light that travels the rim.
京都夜寺:雨、雾、叶,光点跟着指针走。 A Kyoto temple at night, with rain, mist, leaves, and light that follows the pointer.
顶部停靠栏,从命令条到液态玻璃都有。 A top dock, from a command bar to liquid glass.
门户、云和气流一类的背景场,打开就能预览。 Background fields of portals, clouds, and flow that you can preview right away.
把液态和玻璃效果叠在还能点的界面上。 Liquid and glass effects laid over an interface you can still click.
曲面玻璃的老显示器背景,适合复古的第一屏。 A curved-glass screen background for a retro first screen.
拟物开关,也有现代、玻璃和着色器几种样子。 A toggle in skeuomorphic, modern, glass, and shader forms that follows light and dark.
棱镜线框立方体,适合界面上的小装饰。 A prismatic wireframe cube for a small ornament on an interface.
开源的设计系统地基,组件复制进项目再改。 An open design-system base: copy the components in and make them yours.
给 Agent 的界面过渡:卡片缩放、数字翻动、文字流出。 Interface transitions for agents: cards resize, numbers pop, and text streams in.
少见的动效组件,适合给 Agent 当高完成度参考。 Uncommon animated components, a high-finish reference for an agent.
带动效的 React 组件,附带给 Agent 的安装说明。 Animated React components with install notes written for an agent.
给 AI 界面的零件:思考轨迹、审批卡和输入条。 Parts for an AI interface: thinking traces, approval cards, and a prompt bar.
鼠标跟随、液态动效和转场都很顺的作品集站。 A portfolio worth taking apart for its mouse-follow, liquid motion, and page changes.
跃迁拖影场,适合落地页第一屏的速度感。 A warp-streak field for the rush of a landing-page first screen.
等距的诊断台,适合运维或系统结构的可视化。 An isometric diagnostics board for operations or a view of a system.
液态金属的网页背景,体积小,适合垫在首屏下。 A compact liquid-metal background that sits under a first screen.
在浏览器里调进度条着色器,并能实时预览。 Progress-bar shaders you can tweak in the browser with a live preview.
可翻页的锦鲤卡片,指针一斜就有立体深度。 A stack of koi cards with real depth that tilts under the pointer.
一整页书封陈列,标题字体和主色都能改。 A full page of book covers in an editorial layout, with type and color you can tune.
六国塔楼立在程序化的地形上,可以转着看。 Towers from six countries stand on a generated landscape you can orbit.
人像卡片走马灯,指针、滚轮和键盘都能换。 A carousel of character cards you switch with the pointer, the wheel, or the keyboard.
结构流、星云和流体场,打开就能预览。 A field study of structure flow, nebulae, and fluid you can preview without signing in.
预测弧、粒子和网格组成的信号弧,适合做流动背景。 Signal arcs of prediction, particles, and grids, for a flowing background.
一排品牌球,适合做工具墙或集成列表。 A row of brand orbs for a tools wall or an integrations list.
矩形的主按钮,从暗玻璃到渐变光束都有。 Rectangle actions, from dark glass to a gradient beam.
从星门到等离子的着色器按钮,适合醒目的主操作。 Shader buttons, from a star portal to plasma, for a high-energy action.
粒子连成的星座场,适合做有连接感的背景。 Particle constellations for a background that feels connected.
可切换晨昏和天气的三维地貌。 A 3D landscape that switches time of day and weather.
像一本可以翻开的速写本,整页打开就能看。 A landing that opens like a sketchbook you can flip through.
偏影与留白的整页模板,标题字体和主色都能改。 A full-page template of shadow and open space, with type and color you can tune.
整面书架,适合书店、课程或全部作品。 A full wall of shelves for a bookstore, a course list, or all of the work.
整页森林氛围的落地页,这一版可以免费用。 A full-page forest landing you can use for free.
字沿着路径走:地球、布料、涟漪和球体。 Type that follows a path: a globe, cloth, ripples, and a sphere.
画廊用的字标,斜向升起、坠落或横扫。 Gallery wordmarks that rise on a diagonal, fall, or sweep across.
文章开头的字标,适合长文或更新日志的顶栏。 Wordmarks for the top of a long piece or a changelog.
两行 HTML 嵌入的三维形象,文字或自拍就能造。 A 3D agent you embed in two lines of HTML and shape from text or a selfie.