panes

几步搞定弹窗卡片面板，任意框架通用

panes 是一个轻量级 UI 组件库，专注于为应用快速创建动态模态框、卡片和面板（panes）。它旨在解决开发者在构建对话式界面或需要弹层交互时面临的重复劳动和框架绑定问题。核心能力包括：声明式配置生成 UI 组件、内置动画和样式、支持任意前端框架（如 React、Vue 等）以及无框架环境，同时兼容 Cordova 等移动端场景。通过简单的 API 调用，开发者可以在几步内集成复杂的弹层逻辑，提升开发效率。项目采用 TypeScript 编写，类型安全，适合快速迭代。

开源 free 对话助手
访问官网 ↗ GitHub ↗ 文档 ↗
GitHub 星标 ★ 731
维护状态 低维护
是否开源 是
定价模式 free

项目数据

分类对话助手
开发团队tech-systems
所属国家
官网地址https://panejs.com
GitHubhttps://github.com/tech-systems/panes
定价模式free
价格说明完全免费，开源（MIT），可自由使用，无付费版本。
访问状态
是否开源是
开源协议MIT
主要语言TypeScript
技术栈/模型ai-agents,card,chatbot,cordova,mobile,modal,sheet
GitHub 星标★ 731
30天Star增速
HF 下载量
上线时间2019-10-26 00:00:00
最近更新2026-09-22 00:00:00
维护状态低维护
中文支持
访问方式
移动端支持
综合评分
收录时间2026-08-09
浏览次数5

使用教程

核心亮点

  • 框架无关，React/Vue/原生均可直接使用
  • API 简洁，声明式配置大幅减少样板代码
  • 内置动画和样式，视觉表现开箱即用

不足之处

  • 文档/社区待观察
  • 项目早期，生态和示例相对有限

适用场景

  • 在聊天机器人中快速实现对话卡片和面板
  • 为移动端应用（Cordova）添加动态弹层
  • 在无框架的静态页面中嵌入交互式弹窗

替代项目

Headless UI、Radix UI、Tippy.js

项目介绍

panes 是开发框架领域的开源项目，由 tech-systems 开发，2019 年首次发布。

它收录于开发框架分类，该分类目前共有 795 个项目，GitHub 星标数为 731。

项目已超过三个月没有代码更新，维护节奏明显放缓，最近一次代码更新于 2026-09-22。完全免费，开源（MIT），可自由使用，无付费版本。从国内网络环境看，可直接访问。

它主要面向的使用场景是：在聊天机器人中快速实现对话卡片和面板。同类可对比的替代方案包括 Headless UI、Radix UI、Tippy.js。

上一篇：use-stick-to-bottom

下一篇：agentscope-studio

同类项目推荐

langchain 开源

组装 AI 应用的乐高积木，从想法到上线不换工具

The agent engineering platform.

★ 146874 2026-08-09
transformers 开源

全球最大的模型仓库全家桶，想用的模型一把抓

Transformers: the model-definition framework for state-of-the-art machine learning m···

★ 166529 2026-08-09
pi 开源

一套 TypeScript 工具包，快速搭出能写代码的 AI agent

AI agent toolkit: unified LLM API, agent loop, TUI, coding agent CLI

★ 108504 2026-09-12