白板画布
便签、形状、连线、画笔与图片在同一自由画布混排:双击输入、拖拽缩放、贴边收纳成锚点,撤销恢复与版本回滚兜底——复制来的想法直接铺开成图。
Cerulean 设计系统 · 天青 + 深钴 · 单文件引入
字标取自 copy / clip 的 C 与 P:C 与非闭合的 P 共用一根竖笔相连,构成中心对称的图形。 由它的天青与深钴出发,长成 62 个 token 的 Cerulean 设计系统,贯穿应用界面、启动屏、本站与在线体验。 ClipVault——本地优先的剪贴板历史管理器——是它的第一件作品。
FEATURES · 真实工作流
不是概念 demo:从捕获、检索、整理,到白板推演与内容对比,围绕“每天复制、查找、复用、转发”的高频动作设计,全部已落地可用。
便签、形状、连线、画笔与图片在同一自由画布混排:双击输入、拖拽缩放、贴边收纳成锚点,撤销恢复与版本回滚兜底——复制来的想法直接铺开成图。
任意两条历史并排逐行 diff:新增、删除、改动三色高亮,行级对齐带空位补齐,长文虚拟化渲染不卡顿——两次复制之间改了什么,一眼看清。
自动捕获文本、代码、图片与文件路径并去重,支持置顶、收藏、标签分类、框选批量与容量上限。
FTS5 全文索引:短语、类型、标签、来源应用、时间范围与排除关键词,任意维度即时定位。
多篮分类收集,灵活排序(加入顺序 / 时间新旧),右键或批量一键归篮,篮归属在卡片与详情可见。
时间线、日历热力图、统计与时间轴回放四视图,按天/月聚合,可“恢复到此时”重现某刻的剪贴板。
系统/安全/提示分类,三态状态机(消息→归档→清理),解锁失败、空闲自动锁、回收站还原等事件自动记录。
由纯 Rust 的 syntect 解析并高亮常见语言,复制代码片段时保留语法着色、缩进与上下文。
主密码解锁、TOTP 两步验证、Windows Hello 生物识别与恢复码;查看/管理/导出按三级权限隔离,逐操作门控。
按规则/条件/数量/全清四种清理模式,删前自动加密备份并入回收站;数据目录可整体迁移,导入导出覆盖前自动备份。
6 套主题预设 + 自定义 8 色编辑器,三款字体、三级密度与内容缩放自由搭配,代码高亮随主题同步切换。
局域网内设备配对(Ed25519 指纹 + 邀请码),二维码取件让手机即扫即得 PC 内容,可选开启、不经云端。
按类型、标签、时间、关键词筛选导出 JSON / CSV / Markdown,导入支持冲突策略与预览,覆盖前自动备份。
全局热键呼出浮动窗口(QuickPaste),不切主界面即可搜索粘贴历史;可自定义热键,并按敏感应用过滤排除。
PRIVACY FIRST · 本地优先
剪贴板历史、图片与文件全部写入本地加密数据库,默认不连接任何云端,也不需要账户。可选的局域网同步在规划中,永远由你手动开启。
数据库经 SQLCipher 全库加密,图片与文件以独立密钥分块加密存储,密钥由你的口令派生,不写入明文。
查看、管理与导出按三级权限隔离,可叠加 TOTP 两步验证、Windows Hello 生物识别、空闲自动锁与敏感应用过滤,降低误触与窥屏风险。
Slint 界面层、Rust 核心与设计系统全部开源,加密链路与权限边界都摆在仓库里,任何人都能独立审计实现方式。
ARCHITECTURE · 系统架构
从剪贴板捕获到加密落盘,全程不出本机。Slint 界面层、app 编排层、core 核心子系统与数据层各司其职,局域网同步是规划中的可选出口。
DESIGN SYSTEM · 设计模板
天青 + 深钴双色体系:从 62 个设计 token 到可复用的 .cv-* 组件原语,整套开源、单文件 cerulean.css 即可引入。
字标取自 copy / clip 的 C 与 P:C 与非闭合的 P 共用一根竖笔相连,构成中心对称图形——绕图标中心旋转 180° 与自身完全重合,因此在图标里天然居中且对称。favicon、顶栏标、启动屏、社交分享图全部同源一致。
双色基石 + 同色系派生 + 语义色,全部以 CSS 变量暴露。
ACCENT · FOCUS
#4FB9D8
天青 Sky
柔 · 装饰 · focus ring · chip · tint · 图标
BUTTON · TEXT
#1775AD
深钴 Cobalt
强 · 主 CTA · 强调文字 · 链接 · 导航 active
统一命名 grad-a 至 grad-soft,覆盖线性、径向与柔和过渡。
等宽标题 + 系统正文 + 代码等宽,内置中文回退。
按钮 / 徽章 / 输入框 / 键帽,全部由同一套 token 驱动。
/* cerulean.css · token 节选 */
:root {
--sky: #4FB9D8; /* 天青 · accent */
--cobalt: #1775AD; /* 深钴 · button */
--grad-a: linear-gradient(135deg, #4FB9D8, #1775AD);
--radius-md: 8px;
--elevation-4: 0 8px 24px -6px rgba(15, 46, 71, .15);
}
/* 组件即 token 的组合 */
.cv-btn {
padding: 10px 18px;
border-radius: var(--radius-md);
background: var(--cobalt);
color: #fff;
}
.cv-btn--grad { background: var(--grad-a); }
MOTION · 动效细节
这些不是录屏,而是用网页原生 CSS / SVG 重新实现的应用标志性动效。把鼠标移上去、点一下,亲手感受复制反馈、主题过渡、卡片悬停与白板连线——和桌面端一致的节奏曲线。
点「复制」——卡片高亮一圈,「已复制」气泡上浮,正是应用捕获时的反馈。
cargo run -p clipvault-app
已复制
一键切换,全套语义色平滑过渡——和应用里 set_theme() 即时生效一致。
悬停即抬升、描边点亮、操作按钮渐显——列表里每条 clip 的触感。
白板里两个节点之间的箭头连线,沿路径「书写」生成——可悬停重绘。
ROADMAP · 开发路线
ClipVault 正处于 Slint 重构收尾阶段。下面如实标注当前状态——已落地的、正在打磨的,以及仍在规划中的部分。
剪贴板捕获与批量操作、收集篮、历史四视图、通知中心、多重认证与三级权限门控、清理引擎、数据路径迁移、6 套主题预设 + 自定义色编辑器、导入导出,均已编译并运行验证。
Release 包内存实测与体积优化、Windows Hello 生物识别端到端验证、危险写操作(清理/迁移/回收站)真库回归,以及 P4 局域网同步与手机取件的多设备联调,正在逐项收尾。
macOS 与 Linux 跨平台编译、平台原生菜单与路径适配,列入 Windows 版本稳定后的下一阶段,Slint 已提供跨平台渲染基础。
CREDITS · 开源与资源致谢
ClipVault 由这些开源项目、字体与图标构成。感谢上游作者,对应许可证均在仓库中完整保留。
OPEN SOURCE · 开源协作
ClipVault 的项目资料会把用户使用、开发构建、安全策略和设计模板放在同一个仓库里,方便用户了解,也方便贡献者参与。
快速入门、用户手册、自定义数据路径与数据迁移说明,帮助用户从安装到日常使用都能找到答案。
架构说明、API 参考、数据布局、权限模型和贡献指南,让项目不只是能运行,也能被读懂和协作。
整理构建指南、签名说明和 Release 包,覆盖从本地开发到桌面安装包发布的关键路径。
安全策略、权限边界、加密存储和敏感应用过滤会作为项目重点持续维护,避免剪贴板工具成为隐私风险。
Cerulean UI demo 保留 token、组件试验和页面模板,方便展示设计过程,也方便复用到后续项目。
LINKS · 友情链接
ClipVault 所依托的开源生态,以及欢迎交换的友情链接。