顶部导航栏

营销页

粘性毛玻璃导航 · Logo + 主菜单(含产品 mega 下拉) + 登录/CTA · 移动端汉堡抽屉。

通栏公告

营销页

顶部公告条 · 信息 / 促销双 tone + 行动链接 + 可关闭。

主视觉 Hero

营销页

落地页头屏 · 大标题(渐变文字) + 副文案 + 双 CTA。

Hero · 左文右图

营销页

双栏头屏 · 左标题/CTA + 右 Safari 浏览器外壳产品截图 · 产品向。

Hero · 视频演示

营销页

居中头屏 + HeroVideoDialog 点击播放产品 demo · 视频驱动转化。

为开发者而生

一行命令，
把应用送上全球边缘

零配置、零运维。瀚云 CLI 自动识别框架、构建并分发到全球节点，部署快到只需一杯咖啡的间隙。

安装 CLI 阅读文档

支持 Next.js · Vite · Astro · 任意静态/SSR 框架

bash — hulian deploy

$npm i -g @hulian/cli

$hulian deploy

✓ 检测到 Next.js 项目

✓ 构建产物 12.4 MB · 已上传

✓ 已分发至 28 个边缘节点

🚀 上线成功：https://my-app.hulian.app

Hero · 开发者终端

营销页

左标题(一行命令上线) + 右 Terminal 逐行部署输出 · 开发者向。

Hero · 等候名单

营销页

居中标题 + 内嵌邮箱订阅 + AvatarCircles 社会证明 · 预发布造势。

已有 18,000+ 团队在瀚云上构建与交付

极光科技云图数据Northwind远帆出海稳信金融Lumen AI星河传媒万象零售

信任墙

营销页

客户 Logo 横向无缝滚动 + hover 暂停,低调灰度。

客户 Logo 墙

营销页

静态灰度 Logo 网格 + hover 上色 · 对比 trust-bar 跑马灯的静态版。

平台能力

一个平台，覆盖应用上线的每一环

从部署到弹性算力，再到端到端可观测——不必再拼凑五六套工具与脚本。

一键部署

git push 即上线，构建缓存命中秒级完成，异常一键回滚到任意历史版本。

弹性算力

按请求自动伸缩，闲时归零不计费。

全球边缘网络

320 个边缘节点就近响应，静态资源与函数同图下发。

端到端可观测

指标、日志、链路追踪开箱即用，无需自建采集栈。

企业级安全

SOC 2 Type II 与等保三级合规，密钥托管与审计全覆盖。

团队协作

细粒度角色权限、环境隔离与变更审计，多团队安全共用一套平台。

功能特性

营销页

Bento 错落网格 + 图标 · 平台能力一屏概览。

平台能力

三块基石，撑起整条上线链路

点击下面的标签，逐一了解部署、可观测与安全是如何协同工作的。

git push 即上线

从提交到全球可访问只需几十秒，构建缓存命中后近乎瞬时，异常一键回滚。

预览环境随 PR 自动创建并销毁
构建产物按内容寻址，重复层秒级复用
任意历史版本一键回滚，零停机切换
原子发布，不会出现半上线的中间态

平均上线耗时

28 秒

功能 · Tab 切换

营销页

Tabs 切换 3-4 个能力 · 每面板左要点列表 + 右界面占位 · 深度展开。

为什么选瑚云

又快，又稳，且默认安全

把鼠标移到卡片上——这两件事，是我们在每一次请求里都默默替你做好的。

性能

为速度而生的边缘运行时

请求在离用户最近的节点冷启动，毫秒级响应；流量激增时自动扩容，回落即归零，闲时零成本。

320+
边缘节点: 18 ms
冷启动 P95: 无限
自动扩容上限

查看性能白皮书

安全

默认安全，无需额外配置

自动签发并续期 HTTPS 证书，密钥加密托管，所有变更进入审计日志。合规交给我们，你专注业务。

SOC 2
合规认证: 全自动
证书续期: 365 天
审计留存

了解合规与审计

功能 · 聚光大卡

营销页

CardSpotlight 鼠标跟随聚光大卡 · 单功能强调 · 图标 + 描述 + 链接。

数据指标

营销页

大数字进场滚动(NumberTicker) KPI 条 · 量化背书。

集成生态

营销页

第三方服务图标网格 · 展示对接能力。

客户怎么说

被认真做产品的团队信赖

从初创到上市公司，他们用瀚云更快、更稳地把想法送到用户面前。

“迁移到瀚云后，我们的发布频率从每周一次提升到每天十几次，回滚再也不用值班同学手抖。”

陈

陈航

极光科技 · 工程 VP

“弹性算力闲时归零这一条，直接把我们的预发环境账单砍掉了七成。”

林

林悦

云图数据 · 基础架构负责人

“可观测开箱即用，新同事第一天就能顺着链路追踪定位线上问题，省掉了搭一整套采集栈的活。”

M

Marco Reyes

Northwind · Platform Lead

“迁移到瀚云后，我们的发布频率从每周一次提升到每天十几次，回滚再也不用值班同学手抖。”

陈

陈航

极光科技 · 工程 VP

“弹性算力闲时归零这一条，直接把我们的预发环境账单砍掉了七成。”

林

林悦

云图数据 · 基础架构负责人

“可观测开箱即用，新同事第一天就能顺着链路追踪定位线上问题，省掉了搭一整套采集栈的活。”

M

Marco Reyes

Northwind · Platform Lead

“迁移到瀚云后，我们的发布频率从每周一次提升到每天十几次，回滚再也不用值班同学手抖。”

陈

陈航

极光科技 · 工程 VP

“弹性算力闲时归零这一条，直接把我们的预发环境账单砍掉了七成。”

林

林悦

云图数据 · 基础架构负责人

“可观测开箱即用，新同事第一天就能顺着链路追踪定位线上问题，省掉了搭一整套采集栈的活。”

M

Marco Reyes

Northwind · Platform Lead

“迁移到瀚云后，我们的发布频率从每周一次提升到每天十几次，回滚再也不用值班同学手抖。”

陈

陈航

极光科技 · 工程 VP

“弹性算力闲时归零这一条，直接把我们的预发环境账单砍掉了七成。”

林

林悦

云图数据 · 基础架构负责人

“可观测开箱即用，新同事第一天就能顺着链路追踪定位线上问题，省掉了搭一整套采集栈的活。”

M

Marco Reyes

Northwind · Platform Lead

“全球边缘节点让海外用户的首屏时间从 1.8s 降到 0.4s，转化率肉眼可见地涨了。”

苏

苏晴

远帆出海 · CTO

“合规这块原本要专人盯一个季度，瀚云的审计与密钥托管让我们一次过了等保。”

赵

赵明远

稳信金融 · 安全总监

“从 Demo 到生产，团队只学了一套心智模型。瀚云是我们用过最不打扰开发的平台。”

A

Aisha Khan

Lumen AI · Head of Eng

“全球边缘节点让海外用户的首屏时间从 1.8s 降到 0.4s，转化率肉眼可见地涨了。”

苏

苏晴

远帆出海 · CTO

“合规这块原本要专人盯一个季度，瀚云的审计与密钥托管让我们一次过了等保。”

赵

赵明远

稳信金融 · 安全总监

“从 Demo 到生产，团队只学了一套心智模型。瀚云是我们用过最不打扰开发的平台。”

A

Aisha Khan

Lumen AI · Head of Eng

“全球边缘节点让海外用户的首屏时间从 1.8s 降到 0.4s，转化率肉眼可见地涨了。”

苏

苏晴

远帆出海 · CTO

“合规这块原本要专人盯一个季度，瀚云的审计与密钥托管让我们一次过了等保。”

赵

赵明远

稳信金融 · 安全总监

“从 Demo 到生产，团队只学了一套心智模型。瀚云是我们用过最不打扰开发的平台。”

A

Aisha Khan

Lumen AI · Head of Eng

“全球边缘节点让海外用户的首屏时间从 1.8s 降到 0.4s，转化率肉眼可见地涨了。”

苏

苏晴

远帆出海 · CTO

“合规这块原本要专人盯一个季度，瀚云的审计与密钥托管让我们一次过了等保。”

赵

赵明远

稳信金融 · 安全总监

“从 Demo 到生产，团队只学了一套心智模型。瀚云是我们用过最不打扰开发的平台。”

A

Aisha Khan

Lumen AI · Head of Eng

客户证言

营销页

双行反向跑马灯口碑卡 · hover 暂停。

入门

个人项目与原型验证

¥0

/ 永久免费

免费开始

1 个生产项目

每月 100 GB 流量

社区支持

自动 HTTPS 与全球 CDN

单人协作

专业

最受欢迎

成长中的团队与生产业务

¥199

/ 月

开始 14 天试用

无限项目

每月 1 TB 流量

弹性算力自动伸缩

指标 / 日志 / 链路追踪

最多 10 名成员

工单 4 小时响应

企业

合规、私有化与专属支持

定制

预约演示

专属边缘节点与算力池

SOC 2 / 等保三级合规

SSO 与细粒度审计

专属客户成功经理

99.99% SLA 保障

私有化部署可选

定价表

营销页

Segmented 切月付/年付 · 三套餐卡片(推荐套餐放大上浮) · 功能项 Tooltip 释义。

逐项对比

选一个刚好够用的套餐

把每一项能力摊开放在一张表里，按需对比，不为用不到的功能多花一分钱。

功能	入门 ¥0永久免费免费开始	专业推荐 ¥199/ 月开始试用	企业定制按需报价预约演示
部署与算力
生产项目数	1 个	无限	无限
每月流量配额	100 GB	1 TB	自定义
弹性算力自动伸缩
专属边缘节点
可观测与协作
指标 / 日志 / 链路追踪	7 天	30 天	自定义
团队成员	1 人	10 人	无限
环境隔离与变更审计
安全与支持
SSO 单点登录
SOC 2 / 等保三级合规
工单响应时效	社区	4 小时	专属经理
SLA 可用性保障	—	99.9%	99.99%

所有套餐均含自动 HTTPS、全球 CDN 与无限次部署。价格不含税。

定价 · 功能对比矩阵

营销页

套餐列头 + 功能分组矩阵(✓/数值) · 首列冻结 Table · 多套餐细对比。

按用量计费

只为真正用掉的资源付费

拖动下面的滑块，估算你的团队每月开销。用量变化时账单自动调整，无需重新签约。

团队席位

8 人

前 5 个席位已含在基础价内，超出每席位 ¥29 / 月。

月请求量

5 百万次

前 2 百万次免费，超出每百万次 ¥8 / 月。

预估月费

¥0

/ 月

开始 14 天试用

每个套餐都包含

无限项目与自动 HTTPS

弹性算力自动伸缩，闲时归零

指标 / 日志 / 链路追踪保留 30 天

环境隔离与全量变更审计

定价 · 用量计价器

营销页

单卡 + Slider 拖席位/请求量 → NumberTicker 实时算月费 · 按量计费。

积分充值

按需购买积分，永不过期

一次性购买，无月费、无自动续订。买得越多单价越低，额外赠送积分立即到账。

1,000 积分

约 ¥9.90 / 积分

¥99

5,000 积分热门

约 ¥8.16 / 积分

¥449赠 500

12,000 积分最划算

约 ¥7.14 / 积分

¥999赠 2,000

30,000 积分

约 ¥6.39 / 积分

¥2,299赠 6,000

已选 5,000 + 500 赠送积分

¥449

一次性

立即购买

支持微信 / 支付宝 / 企业对公转账。积分可用于函数调用、AI 推理与边缘流量抵扣。

定价 · 积分包

营销页

Choicebox 单选 credit 包(额度/单价/赠送) · 一次性购买非订阅。

常见问题

营销页

Accordion 折叠问答 · 收敛长文信息。

行动号召

营销页

流星背景 + 大标题 + 双 CTA · 落地页收尾转化。

CTA · 内嵌订阅

营销页

居中标题 + inline 邮箱订阅(loading→成功态) + 隐私说明 · GridPattern 底纹。

CTA · 发光渐变卡

营销页

居中圆角大卡 + BorderBeam 边框流光 + 品牌渐变 + 双 CTA。

CTA · 全宽横幅

营销页

左右分栏紧凑横幅 · 左文案右按钮组 · 深色品牌底 · 页脚上方。

联系表单

营销页

字段校验 + 模拟异步提交(loading/成功/失败) · 销售线索收集。

核心能力

支撑现代应用的三块基石

可观测、弹性、就近——瀚云把复杂的基础设施能力收敛成清晰的三大支柱。

实时可观测

看清系统里发生的每一件事

从单次请求的链路追踪到全局指标聚合，瀚云把分散的信号汇成一张可下钻的全景图，让排障从猜测变成定位。

分布式链路追踪，跨服务串联完整调用链
自定义采样策略，在成本与覆盖间精确平衡
异常自动归因，长尾故障也能第一时间显形

弹性算力

按需伸缩，毫秒级响应流量

运行时快照与预热池协同工作，让函数计算既能在闲时收缩到零，又能在洪峰来临时瞬间扩容，无需为冷启动妥协体验。

冷启动 P50 控制在 400ms 以内
缩容至零，闲置不计费
突发流量秒级扩容，无需预留容量

全球边缘

把计算放到离用户最近的地方

遍布三大洲的边缘节点让静态与动态内容都能就近响应，结合一致性回源策略，在低延迟与数据正确之间取得稳妥的平衡。

全球边缘节点，平均回源延迟低于 20ms
可配置的一致性模型，按业务取舍
智能路由，自动避开拥塞与故障区域

功能图文交替

营销页

左右交替的图文行 · 单功能深挖 · 要点列表 + 渐变占位预览。

团队

打造瀚云的人

一支横跨基础设施、设计与开发者体验的小而专注的团队，让复杂的云能力变得简单可用。

陈

陈航

联合创始人 & CEO

前分布式系统架构师，相信基础设施应当隐于无形。

M

Marco Reyes

平台工程负责人

把瀚云的调度内核从单区域扩展到三大洲。

林

林之华

首席设计师

主导控制台与文档体系，痴迷于克制的信息密度。

A

Aisha Karim

可观测性技术主管

构建了支撑百万级指标的实时链路追踪管线。

周

周慕白

弹性算力负责人

让冷启动从秒级进入毫秒级的那个人。

D

Daniel Osei

开发者关系负责人

把工程团队的声音带到社区，也把社区带回团队。

苏

苏晚

安全工程负责人

守护多租户隔离边界，把零信任写进每一行配置。

E

Elena Volkov

数据基础设施工程师

维护着瀚云内部最繁忙的事件总线。

团队网格

营销页

成员头像网格 · 姓名 + 职位 + 简介 · 关于页范式。

工程博客

来自瀚云工程团队

真实的架构决策、性能复盘与踩坑记录，写给同样在构建基础设施的工程师。

架构

瀚云调度内核的三年演进：从单区域到全球弹性

我们如何重写调度层，让工作负载在三大洲之间秒级迁移，同时把跨区延迟控制在可预测的范围内。这是一篇关于取舍的复盘。

M

Marco Reyes

2026 年 5 月 28 日

可观测性

用 1% 采样还原 100% 的故障现场

在保证成本可控的前提下，我们如何让链路追踪依然能精准命中长尾异常请求。

A

Aisha Karim

2026 年 5 月 20 日

弹性算力

冷启动从 1.8s 砍到 400ms

预热池、镜像分层与运行时快照三管齐下，我们重新定义了函数计算的启动体验。

周

周慕白

2026 年 5 月 14 日

边缘

把计算推到离用户 20ms 的地方

瀚云边缘节点的选址、回源策略与一致性模型，以及我们踩过的坑。

林

林之华

2026 年 5 月 6 日

安全

多租户隔离不止于命名空间

从内核 cgroup 到网络微分段，我们如何在共享基础设施上守住硬隔离边界。

苏

苏晚

2026 年 4 月 29 日

数据

支撑百万级指标的事件总线设计

背压、批处理与分区策略，构建一条不会在流量洪峰中崩溃的内部管线。

E

Elena Volkov

2026 年 4 月 22 日

开发者体验

我们重写文档站的那个季度

好的开发者体验始于第一次 curl，我们如何让上手时间缩短一半。

D

Daniel Osei

2026 年 4 月 15 日

博客文章列表

营销页

featured 大卡 + 文章卡网格 · 渐变封面 + 作者/日期 · 内容站范式。

弹性算力

我们如何把冷启动从 1.8s 砍到 400ms

周

周慕白

·

2026 年 5 月 14 日

·

约 9 分钟阅读

冷启动一直是函数计算绕不开的话题。当一个长期空闲的函数突然被触发，用户要为运行时初始化、依赖加载与网络握手买单。在瀚云早期，这个数字稳定在 1.8 秒左右——足以让一次交互显得迟钝。下面是我们把它压到 400 毫秒的完整过程。

从一条火焰图开始

优化的第一步永远是测量。我们为冷启动路径埋了细粒度的 span，把 1.8 秒拆成了几个清晰的阶段：镜像拉取、运行时初始化、依赖解析与用户代码执行。出乎意料的是，真正的大头并不在用户代码里。

镜像拉取与解压：约 700ms，全程串行等待
运行时初始化：约 600ms，每次都从零构建
依赖解析：约 350ms，重复读取相同的模块
用户代码首次执行：约 150ms

三管齐下

定位之后，我们没有寻找银弹，而是针对每个阶段各自下手：镜像分层让公共基底层可被复用并提前驻留；预热池在低峰期维持一小批已初始化的实例；运行时快照则把初始化后的内存状态冻结，下次直接恢复，跳过整段冷初始化。

性能优化没有魔法，只有把每一毫秒花在哪里看清楚，然后逐段把它拿回来。

其中收益最大的是运行时快照。它的核心思路是把进程在"初始化完成、即将处理第一个请求"的瞬间整体保存，恢复时无需重跑任何初始化逻辑：

// 在初始化完成点冻结运行时状态
const snapshot = await runtime.snapshot();
await store.put(fnId, snapshot);

// 冷启动时直接恢复，跳过初始化
const restored = await runtime.restore(snapshot);
return restored.handle(request);

结果

三项叠加之后，P50 冷启动落在 400 毫秒以内，P99 也稳定在 700 毫秒上下。更重要的是，这条路径现在可观测、可回归——任何一次劣化都会在监控里立刻显形。这才是我们真正想要的护栏。

博客文章正文

营销页

文章头(分类/作者/日期) + Prose 排版正文 · 单篇阅读范式。

更新日志

瀚云有什么新变化

每一次发布的能力新增、缺陷修复与性能优化，透明可追溯。

v3.4.02026 年 5 月 30 日

新增
弹性算力支持运行时快照，冷启动 P50 进入 400ms 区间。
新增
控制台新增全球边缘节点拓扑视图。
优化
调度内核在跨区迁移时的延迟抖动降低约 40%。

v3.3.02026 年 5 月 12 日

新增
可观测性面板支持自定义采样率与长尾命中策略。
修复
修复高并发下链路追踪偶发丢失根 span 的问题。
优化
指标查询接口在大时间窗口下的响应速度提升。

v3.2.02026 年 4 月 24 日

新增
新增多租户网络微分段能力，支持租户内部策略下发。
修复
修复部分区域镜像拉取超时未正确重试的边界情况。

v3.1.02026 年 4 月 8 日

新增
事件总线开放公测，支持背压与分区消费。
优化
文档站全面重写，上手时间缩短约一半。
修复
修复控制台暗色模式下个别图表配色对比不足。

更新日志

营销页

纵向时间线 · 版本号 + 日期 + 新增/修复/优化分类徽章。

发展历程

一路走来

从车库里的三个人，到服务全球十余万开发者，每一步都算数。

车库里的第一行代码
三位创始人受够了在割裂的系统间搬运数据，决定亲手造一个把它们串起来的平台，瀚云正式立项。
2019
首个公测版本上线
内测开放，首批 100 个团队接入。我们立下规矩——不堆功能，只解决真问题。
2020
完成 A 轮融资
拿到 A 轮，团队扩张到 30 人，弹性算力与全球边缘网络从蓝图走向生产。
2021
边缘网络覆盖全球
边缘节点突破百个、覆盖 20 国，海外用户首屏时间普遍降到 400ms 以内。
2023
通过企业级合规
完成 SOC 2 Type II 与等保三级审计，迎来第一家上市公司客户，企业版正式发布。
2024
未完待续，下一站由你定义

发展历程时间线

营销页

公司里程碑事件 · Timeline 中轴交替模式 + 进行中幽灵项 · 关于页范式。

部署指南

从零到生产：上线前的 6 个检查点

林

林知远

·

2026 年 6 月 1 日

·

约 12 分钟阅读

把一个项目稳稳地送到生产，靠的不是某个银弹，而是一串被反复验证的检查点。这份指南把瀚云团队上线前会逐条过一遍的流程拆开，希望能帮你少踩几个坑。

连接代码仓库

一切从仓库开始。授权瀚云访问你的 Git 仓库后，每一次 push 都会触发一条可追溯的流水线。建议先在一个非主分支上跑通，确认权限与 Webhook 都就位。

零配置构建

瀚云会自动识别框架并生成构建配置，大多数项目无需手写一行 CI。如果你的项目结构特殊，再用 hancloud.json 覆盖默认值即可——约定优先于配置。

预览环境

每个 Pull Request 都会得到一个独立、带真实数据的预览环境。把链接贴进评审，让产品和设计在合并前就能点到真东西，而不是对着截图猜。

渐进发布与回滚

生产发布默认走渐进式：先放一小部分流量，盯住关键指标，确认无异常再全量。一旦告警触发，一键回滚到上一个健康版本，整个过程通常在数秒内完成。

接上可观测

日志、指标与链路追踪开箱即用。上线第一天就把核心链路的 SLO 配好，让任何一次劣化都能在监控里立刻显形——可观测不是事后补的，而是发布的护栏。

守住安全底线

所有密钥走托管而非硬编码，权限按最小化原则分配。传输全程加密，审计日志默认开启。安全应该是底座，而不是一个等着被打开的开关。

小结

六个检查点串起来，就是一条可观测、可回滚、可信赖的上线路径。把它固化成团队的肌肉记忆，发布就会从一件提心吊胆的事，变成一件平平无奇的日常。

长文 + 侧边目录

营销页

左正文(Prose) + 右 sticky 目录锚点 · 博客长文指南版式(对比 article-body 案例版式)。

让每一个团队都能从容上线

瀚云始于一个朴素的念头：部署不该是发布的拦路虎。我们把弹性算力、全球边缘网络与端到端可观测，收进同一个克制而强大的平台，让开发者把时间花在创造，而非搬运基础设施。

为开发者而生

从第一行命令到全球上线，把复杂留给平台，把专注还给团队。

极致性能

边缘网络与弹性算力，让每一次请求都跑在离用户最近的地方。

默认安全

传输加密、密钥托管与细粒度权限，安全是底座而非选项。

长期主义

我们与客户一同成长，把可观测、可回滚、可信赖刻进每个版本。

0+

服务的开发者

0

全球边缘节点

0.00%

服务可用性

0ms

平均冷启动

关于我们

营销页

使命标语(渐变关键词) + 公司叙事 + 价值观四宫格 + 里程碑数字(NumberTicker)。

登录卡

营销页

居中登录卡 · 复用 LoginForm(校验/记住我/异步) + 第三方登录 + 去注册。

瀚瀚云

把想法送上全球边缘

五分钟创建账号，开启第一个项目。无需信用卡。

免费开始，闲时弹性算力自动归零
从 git push 到全球边缘上线
端到端可观测，故障定位以秒计

创建你的账号

已有账号？直接登录

或使用第三方注册

注册卡

营销页

左品牌图文 + 右注册表单 · 密码强度 + 条款勾选 + 第三方注册。

404 错误页

营销页

巨号 404(渐变描字) + Result 说明 + 返回首页/联系支持 · DotPattern 背景。

营销页脚

营销页

品牌列 + 社交按钮 + 多列链接 + newsletter 订阅 + 版权/备案。

页头 PageHeader

应用骨架

中后台页头 · 面包屑 + 大标题 + 副标题 + 右侧操作按钮组。

KPI 指标卡排

应用骨架

横向 4 张 KPI 卡 · 大数字 + 环比 delta + 迷你 Sparkline 趋势。

图表仪表盘段

应用骨架

面积 / 柱状 / 饼图网格 · 仪表盘主体数据可视化。

工单列表


WO-001	张服务器迁移至新机房张晓明 · 基础架构	高	进行中	2026-06-01
WO-002	李数据库索引优化李思远 · 数据库	中	待处理	2026-06-02
WO-003	王前端性能监控接入王雪梅 · 前端	低	已完成	2026-06-02
WO-004	陈安全漏洞修复 CVE-2026 陈建国 · 安全	高	进行中	2026-06-03
WO-005	刘日志系统扩容刘芳 · 运维	中	待处理	2026-06-03
WO-006	赵 API 接口文档更新赵磊 · 后端	低	已完成	2026-06-04

共 10 条

数据表格页

应用骨架

查询工具栏 + ProTable 列表 + 行内操作 + Popconfirm 删除确认。

详情抽屉

应用骨架

右滑 Drawer 展示单条记录 · Descriptions 字段表 + Timeline 操作历史。

活动时间线

应用骨架

倒序事件流 · 头像 + 操作者 + 动作描述 + 相对时间。

任务看板

10 个任务 · 拖拽卡片跨列移动

待处理

4

数据库慢查询优化
高
06-08
李
用户行为埋点接入
中
06-12
陈
移动端暗色模式适配
低
06-15
孙
安全扫描集成 CI 门禁
高
06-07
张

进行中

3

修复生产环境 OOM 崩溃
紧急
06-06
王
前端首屏性能 LCP 达标
高
06-10
王
CI/CD 平均构建时间压缩至 3min
中
06-09
赵

已完成

2

API 文档自动生成脚本
低
刘
登录流程 A/B 测试分析报告
中
吴

已归档

1

邮件通知模板国际化
低
周

看板泳道

应用骨架

多列拖拽看板 · 任务卡含优先级 Tag + 负责人头像。

设置分区

应用骨架

Tabs 分区导航 + 表单 + Switch 开关项 + 头像上传。

范式一 · Empty（暂无数据）

暂无客户数据

还没有添加任何客户，从新建第一个客户开始，管理你的商机与成交记录。

范式二 a · Result success

提交成功

你的报价单已发送至客户邮箱，等待对方确认。预计 1-2 个工作日内回复。

范式二 b · Result 404（无结果）

没有找到相关结果

尝试修改关键词或调整筛选条件，也可以清空全部筛选重新搜索。

空状态

应用骨架

图标 + 标题 + 说明 + CTA · Empty 与 Result 两种空态范式。

侧边导航

应用骨架

中后台侧栏 · Logo + 分组菜单(图标 + 计数 Badge + 选中高亮) + 用户卡 · 可折叠。

新手引导

应用骨架

横向 Steps 步骤条 + 当前步表单 + Progress 进度 + 上一步/下一步 · 完成态 Result。

猜你喜欢

全部好物 · 8 件

新品上市

轻奢蚕丝枕套双面桑蚕丝

4.8 (3,241)

¥298¥4986折

限时秒杀

人体工学办公椅腰托可调

4.7 (8,876)

¥1,299¥1,8996.8折

热销爆款

OLED 护眼台灯 Pro Max 版

4.9 (12,034)

¥459¥5997.7折

环保认证

竹纤维速干浴巾套装 3 件

4.6 (5,523)

¥128¥1986.5折

礼盒装

北欧风陶瓷餐具套装 16 件

4.5 (2,198)

¥368¥5686.5折

咖啡师推荐

手冲咖啡壶套装鹅颈细嘴

4.8 (6,701)

¥218¥3186.9折

3C 爆款

无线降噪耳机头戴式 ANC

4.7 (21,456)

¥799¥1,1996.7折

进口原材料

天然乳胶床垫 180×200cm

4.9 (4,392)

¥2,188¥3,5886.1折

商品网格

电商 / C 端

响应式商品卡网格 · 封面 + 价格(划线原价) + Rating 评分 + 加购。

商品详情

电商 / C 端

Carousel 主图 + 规格选择(ColorSwatch) + 数量 + 库存 Meter + 双 CTA。

购物车

电商 / C 端

商品行(勾选 + 数量 + 删除) + 右侧价格汇总卡(满减 + 结算)。

用户评价

4.5

100 条评价

5 星

x

68

4 星

x

19

3 星

x

8

2 星

x

3

1 星

x

2

林

林**玫瑰红 · M

质量超出预期，手感丝滑，颜色也很正，完全值得这个价格！物流很快，当天就到了。强烈推荐给大家，已经在回购了。

2026-05-28

张

张**宝石蓝 · L

这是我买过最好的同类产品，做工精细，设计也很美观。用了一周，越用越喜欢，客服服务态度也很好。

2026-05-20

王

王**琥珀黄 · S

整体不错，颜色和图片基本一致。唯一小建议是包装盒可以再精致一点，其他方面都很满意，会推荐给朋友。

2026-05-15

陈

陈**薄荷绿 · XL

买来送给父母的，他们都说很好用！材质很舒适，细节处理得很好，下次还会来这家店购买。

2026-05-10

刘

刘**午夜黑 · XL

品质挺好的，价格实惠，性价比高。快递包装完好，没有任何损坏，整体很满意这次购物体验。

2026-05-05

商品评价区

电商 / C 端

总评分 + 星级分布 Meter 条 + 用户评论列表。

用

瀚选用户银牌会员

UID：HS10086001

银牌会员距金牌会员还差 2,320 积分

积分

0

优惠券

3张

27

余额

¥188.50

轻奢蚕丝枕套双面桑蚕丝 × 2
2026-06-02
¥596.00待收货
人体工学办公椅腰托可调
2026-05-18
¥1,299.00已完成
OLED 护眼台灯 Pro Max 版
2026-05-10
¥459.00已完成
竹纤维速干浴巾套装 3 件
2026-06-04
¥128.00待付款

个人中心

电商 / C 端

会员卡(头像 + 等级 + 进度) + 数据指标 + 订单 / 地址 Tabs。

我

帮我分析一下瑚琏 UI 组件库的技术架构，并对比主流竞品。

瑚琏助手

瑚琏 UI 技术架构概览

瑚琏 UI 采用 Tailwind v4 + Base UI headless 双引擎驱动，核心设计原则是「令牌化主题 + 无样式原语」：

设计令牌：所有颜色、间距、阴影统一写入 CSS 变量，通过 @theme inline 注入运行时，支持一键暗色切换
无障碍优先：底层 Base UI 保证 ARIA 合规；上层皮肤完全由 Tailwind 类控制，零 JS 动画预算消耗
Tree-shaking：每个组件独立入口，消费方只打包实际使用的部分

竞品对比

维度	瑚琏 UI	shadcn/ui	HeroUI
样式引擎	Tailwind v4	Tailwind v3	Tailwind + Framer
主题切换	CSS 变量运行时	CSS 变量	类名切换
AI 组件	原生支持	无	无
企业组件	ProTable / AdminLayout	无	部分

1瑚琏 UI 官方文档· hulianui.com 2hulianui GitHub 仓库· github.com

AI 对话面板

AI 应用

消息流(推理 / 工具调用 / 引用 / 操作) + 底部提示输入 · 模拟流式回复。

提示输入区

AI 应用

多行 PromptInput + 建议 chips 点击填入 + 模型切换 + 字数计数。

瑚琏 Orchestrator

hulianui · 编排主控

健康

42

富余

当前负载

负载趋势42%

编排路由监控Agent

典型延迟

38 ms

已启用并发 13/32

Claude Sonnet 4

Anthropic · 通用推理

健康

77

偏高

当前负载

负载趋势77%

文本代码推理模型

典型延迟

210 ms

已启用并发 25/32

检索增强 Agent

内部 · RAG 专项

降级

91

饱和

当前负载

负载趋势91%

检索抽取摘要Agent

典型延迟

540 ms

已启用并发 29/32

智能体卡片

AI 应用

能力标签 + 健康 StatusDot + 负载 ScoreRing + 趋势 Sparkline + 启用开关。

编排画布

AI 应用

只读节点画布 · 输入→模型→工具→输出链路 + 贝塞尔连线。