panes

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

开源 🏷️完全免费 ✅ 目前可打开 对话助手 🍴 复刻 40 🐛 待处理 31 👀 关注 11
访问官网 ↗ GitHub ↗
GitHub 星标 ★ 728
维护状态 低维护
是否开源 开源
定价模式 🏷️完全免费 完全免费,开源(MIT),可自由使用,无付费版本。

项目预览

panes 项目界面预览图
图片来源:项目官网

项目数据

分类对话助手
开发团队tech-systems
官网地址https://panejs.com
定价模式🏷️完全免费
价格说明完全免费,开源(MIT),可自由使用,无付费版本。
访问状态✅ 目前可打开
是否开源是
开源协议MIT
主要语言TypeScript
技术栈/模型ai-agents,card,chatbot,cordova,mobile,modal,sheet
GitHub 星标★ 728
上线时间2019-10-26 00:00:00
代码更新2026-02-26
仓库体积40.6 MB
本站数据更新2026-11-09
维护状态低维护
收录时间2026-08-09
浏览次数6

项目介绍

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

Star 增长趋势

本站每日记录该项目 GitHub 星标变化,观测越久曲线越完整

数据来源:GitHub API 逐日快照 · 收录于 2026-08-09 · 当前星标 ★ 728

技术标签

使用教程

ℹ 本教程由 AI 依据该项目 README 整理,个别步骤可能需要按你的环境微调。

难度:入门 约 25 分钟 部署方式:嵌入应用 4 步

环境要求

  • macOS 13 以上
  • Xcode 15

安装与启动步骤

  1. 1看依赖

    Swift 包,通过包管理器引入。

    # 在 Xcode 里添加包依赖
  2. 2拉代码

    先看示例工程。

    git clone https://github.com/tech-systems/panes.git
  3. 3跑示例

    示例工程能直接运行看效果。

    # 打开示例工程运行
  4. 4接到自己项目

    按示例把面板组件挂进窗口。

    # 在代码里初始化 Pane

如何确认成功

示例能拖拽出一个面板并吸附到边缘。

注意事项

  • 它只做窗口面板,不含业务逻辑。
  • 接入前先确认窗口层级要求。

核心亮点

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

不足之处

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

适用场景

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

替代项目

Headless UI、Radix UI、Tippy.js

上一篇:use-stick-to-bottom

下一篇:agentscope-studio

同类项目推荐

guardrails 开源

在函数参数上直接写校验规则,调用即验,省掉样板代码

Efficient, hassle-free function call validation with a concise inline syntax for clo···

★ 259 2026-09-16
LLPhant 开源

用 PHP 快速构建 GPT 应用,像写 Laravel 一样写 AI 功能

LLPhant - A comprehensive PHP Generative AI Framework using OpenAI GPT 4. Inspired b···

★ 1722 2026-08-10
OfficeFloor 开源

用 YAML 声明 REST 流程,让 AI 轻松生成编排代码

Explicit YAML orchestration for AI-augmented Spring Boot REST — declare each endpoi···

★ 71 2026-08-09
refiners 开源

简化扩散模型适配,快速实现 ControlNet、LoRA 等定制。

Refiners (discontinued early 2025) was a microframework on top of PyTorch with first···

★ 832 2026-08-09
RAGLight 开源

模块化 RAG 框架,轻松接入 MCP 工具,快速构建检索增强应用。

RAGLight is a modular framework for Retrieval-Augmented Generation (RAG). It makes i···

★ 672 2026-08-09
openai-kotlin 开源

一套 Kotlin 代码,无缝调用 OpenAI、Claude、Gemini 等主流大模型。

OpenAI clients for kotlin multiplatform SDK, supports OpenAI, Anthropic, Azure, Gemi···

★ 57 2026-08-09
graph-of-thoughts 开源

把AI思考画成图,复杂问题解得快又准

Official Implementation of "Graph of Thoughts: Solving Elaborate Problems with Large···

★ 2853 2026-08-09
ragbits 开源

用乐高式模块,快速搭出你的 AI 应用

Building blocks for rapid development of GenAI applications

★ 1679 2026-08-09
llm-gemini 开源

一条命令把 Gemini 接进 LLM,命令行直接调多模态模型

LLM plugin to access Google's Gemini family of models

★ 465 2026-09-16