跳到正文
Neumorphism UI
文档样式图表模板
—
ZH
English한국어简体中文日本語
8个模板

模板

试用示例,再通过 shadcn 安装所需界面的源码。

成效仪表盘

查看所选期间和渠道的收入、访问量与转化率。

2026-09-17 – 2026-09-30 · 记录天数: 14 / 14

收入
US$60,644.00
访问
23,778
转化访问
1,210
转化率
5.09%

收入与目标

每日收入按货币显示。虚线表示目标。

收入: US$60,644.00 · 目标: US$75,810.00

查看精确数据
收入与目标
日期收入目标
2026-09-17US$3,682.00US$5,064.00
2026-09-18US$3,842.00US$5,118.00
2026-09-19US$4,292.00US$5,172.00
2026-09-20US$4,542.00US$5,226.00
2026-09-21US$3,640.00US$5,280.00
2026-09-22US$4,040.00US$5,334.00
2026-09-23US$4,142.00US$5,388.00
2026-09-24US$4,642.00US$5,442.00
2026-09-25US$4,842.00US$5,496.00
2026-09-26US$3,890.00US$5,550.00
2026-09-27US$4,340.00US$5,604.00
2026-09-28US$4,550.00US$5,658.00
2026-09-29US$5,000.00US$5,712.00
2026-09-30US$5,200.00US$5,766.00

渠道比较

所选期间的渠道总计。柱形从零开始。

访问: 23,778

查看精确数据
渠道比较
流量渠道访问转化访问转化率
Organic9,4703864.08%
Direct8,0114205.24%
Referral6,2974046.42%

访问转化率

转化访问数除以访问数。纵轴固定为0–100%。

5.09% · 1,210 / 23,778

查看精确数据
访问转化率
日期访问转化访问转化率
2026-09-171,557734.69%
2026-09-181,547774.98%
2026-09-191,622865.3%
2026-09-201,612915.65%
2026-09-211,602724.49%
2026-09-221,677804.77%
2026-09-231,667834.98%
2026-09-241,742935.34%
2026-09-251,732975.6%
2026-09-261,722774.47%
2026-09-271,797864.79%
2026-09-281,787915.09%
2026-09-291,8621005.37%
2026-09-301,8521045.62%

缺失日期显示为空白而非零。访问量为零时转化率未定义(—)。

总计仅涵盖提供的记录,不保证完整性。期间以提供的最后日期为准。

示例数据 · 2026年9月 · USD。未连接实际服务。

分析仪表盘

按期间和渠道比较收入与转化率,并通过表格或 CSV 查看原始数据。

@neumorphism-ui/template-analytics查看模板

账户设置

修改个人资料与通知设置。

公开资料通知设置
AL

Alex Kim

alex@example.com

工作空间中的个人资料

公开资料

使用团队成员能认出的名称。

用于账户和工作空间通知。

用不超过240个字符介绍自己。

53/240

通知设置

接收提及、任务分配和重要变更。

每周接收项目更新摘要。

所有更改已保存

这是本地交互示例,刷新后重置。请将 onSave 连接到实际服务。

设置与个人资料

编辑个人资料与通知设置。演示中的更改会在刷新后重置。

@neumorphism-ui/template-settings查看模板

任务列表

管理任务标题、负责人、状态和截止日期。

全部数据
12
进行中
6
草稿
4

数据

12 项结果 · 0 项已选择
数据
状态操作
Archived campaignMina已归档2026-08-20
Content planningMina草稿2026-10-15
Customer onboardingJun进行中2026-10-08
Keyboard navigation auditJun进行中2026-10-14
Legacy welcome screenJun已归档2026-09-01
页 1 / 3

最近变更

此视图中的变更将显示在这里。

这是本地示例,刷新后重置。请将 onSave 和 onDelete 连接到实际服务。

数据管理

搜索任务,管理负责人和截止日期。演示会在刷新后重置。

@neumorphism-ui/template-data-manager查看模板
N

Neumorphism UI

使用文档、组件示例和源代码。

链接

5 个链接

  • 使用文档https://neumorphism-ui.andongmin.com/zh/docs在新标签页打开
  • 组件https://neumorphism-ui.andongmin.com/zh/components在新标签页打开
  • GitHubhttps://github.com/andongmin94/neumorphism-ui在新标签页打开
  • 报告问题https://github.com/andongmin94/neumorphism-ui/issues在新标签页打开
  • 邮箱hello@example.com

联系

hello@example.com

邮箱地址仅供演示,不接收咨询。

链接中心

在个人资料下按组显示链接,并复制联系地址。

@neumorphism-ui/template-link-hub查看模板
Sora Han
精选项目联系

独立实践 / 首尔

Sora Han

产品设计师 · 前端开发者

我设计排期、报表和库存管理工具。

工作包括界面布局、交互原型与 React 实现。

精选项目

配送调度列表产品设计 · React2026

在早班开始前,为变更后的配送路线分配司机的界面。

问题
路线变更与司机分配通过不同的消息传达。
方法
将路线、司机和待处理站点放在同一行。
交付内容
待分配列表、路线详情与重新分配表单。
成果
在原型中,未分配的路线会保留在列表中,直到调度员选择司机。
月末账目核对产品设计2025

在账户合计旁查看原始交易记录的月度报表。

问题
核对不明余额时,审核人员必须离开报表。
方法
将账户行与交易记录关联,并显示比较期间。
交付内容
账户表、期间选择与交易详情。
成果
原型区分了计入合计的交易和仍待核对的项目。
共享设备目录网页设计 · React2025

可查询相机、麦克风和灯具借用状态的目录。

问题
设备目录和借用状态分别记录在不同文档中。
方法
在每件设备旁显示借用状态,并按用途分类。
交付内容
设备列表、类别筛选与设备详情。
成果
原型明确区分可借用设备和已借出的设备。

联系

邮箱

© 2026 Sora Han

返回顶部

此示例中的人物和项目均为虚构。

作品集

展示个人资料、项目详情和联系方式。

@neumorphism-ui/template-portfolio查看模板

最新文章

来自产品、设计与前端工作的实用笔记。

3 篇

  1. 2026-09-18产品 · 4 分钟阅读

    保存失败后恢复草稿

    保留编辑过的标题和正文,显示错误,然后重新保存。

  2. 2026-09-10开发 · 6 分钟阅读

    关闭对话框后恢复键盘焦点

    检查 Escape、关闭操作以及焦点是否返回打开对话框的按钮。

  3. 2026-08-29设计 · 5 分钟阅读

    对齐小型控件中的图标

    为小按钮、菜单标记和展开控件使用相同尺寸的图标区域。

博客归档

按标题或主题查找文章,再按日期排序。

@neumorphism-ui/template-blog查看模板
全部文章

开发

保存失败后保留草稿

保存请求失败时,编辑器应当保留哪些内容。

2026年9月12日·阅读约4分钟

保存失败不应清除刚刚编辑的标题、摘要和正文。将草稿保留在表单中,并在保存按钮附近显示错误。

区分草稿与已保存的副本

打开编辑器时,读取已保存的文章,同时建立单独的编辑草稿。输入只更新草稿,不会将文章标记为已保存。

仅在保存回调成功后更新已保存的副本。如果请求失败,保留草稿和上一次保存的内容。

无需重新输入即可重试

请求失败后,作者仍应能够修改字段,或使用同一份草稿重新保存。

  • 显示保存错误,不清空输入内容。
  • 请求结束后,让保存按钮可以再次使用。
  • 丢弃未保存的草稿之前请求确认。
全部文章返回顶部

博客文章

包含摘要、发布信息与章节的文章详情页。

@neumorphism-ui/template-blog-post查看模板

文章管理

编辑草稿,预览文章并保存更改。

全部文章
3
已发布
2
未保存
0

编辑文章

更新于 2026-09-18

阅读预览
已发布

九月编辑器更新

草稿恢复与文章审核清单。

保存失败时保留当前草稿。无需重新输入标题或正文,即可重试请求。

这是本地 UI 示例。请将 onSave 连接到已认证的持久化服务。

本地 CMS

尝试编辑草稿、预览文章和保存。演示会在刷新后重置。

@neumorphism-ui/template-cms查看模板
Neumorphism UI56 UI · 16 blocks · 80 registry items

兼容 shadcn 的源码 Registry

GitHubCredits