从一片叶子开始
一片叶子,也记得来时的风。 这段固定文章展示正文排版和图片,不连接任何服务。
沿途所见
- 清晨的光
- 缓慢生长的枝条
让想法,像树一样生长。
let leaf = "Yggdrasil";
println!("{leaf}");
留下一张照片

56 个组件,都来自正式页面,其中 43 个可以直接操作。
Checkbox从一个小小的勾选,确认心中的选择。
ToggleSwitch轻轻拨动,让设置进入另一种状态。
FormSelect在有序的选项中,找到合适的那一个。
Radio让每一次选择,都清晰而确定。
FormInput给文字一个安静的落点。
FormTextarea容得下一段话。
TimePicker为下一次发生,留一个准确的时刻。
FormLabel用清晰的名字,解释一次输入。
Composer一句话的入口,圆润、安静。
ComposerInput单行或多行,输入法组合时不抢跑。
ComposerSend陶土色的一键送出。
SegmentedControl在不同视角之间,自然地切换。
Pagination每一次翻页,都是一次继续。
TablePager表格底边的一行,告诉你看到了第几条。
Tooltip恰到好处地,多说一句。
Popover把下一步,放在触手可及的地方。
ModalShell为需要专注的内容,留一处空间。
ConfirmDialog不可撤回之前,再确认一次。
AlertBox让结果被看见,也被理解。
StatusBadge用一个轻巧的标记,交代当前状态。
StatusDot一颗小圆点,安静地说明此刻的状态。
TagChip让零散的内容,有迹可循。
UserAvatar一张头像,也有温柔的替补。
ImagePlaceholder图片缺席时,留一个安静的位置。
写下一个新的开始。
EmptyState还没有内容,也是故事的开始。
网络或服务出了点问题,稍后再试一次。
LoadError一块内容没能到来,别的照常可读。
AssetPickerModal从素材库搜索、翻页并按勾选顺序选择图片。
AssetUploadModal选择、拖入或粘贴图片,并查看逐文件状态。
CodeRunner用 CodeMirror 编辑代码并在 Xterm 中查看运行输出。
CommentCardShell评论卡片共享骨架,统一头像、层级缩进与状态展示。
CommentForm填写匿名身份与评论内容,提交后查看本地结果。
春天的第一片叶子,总会记得来时的风。
我也喜欢这句话。
CommentItem已审核评论卡片,支持嵌套层级、作者标识与展开回复草稿。
春天的第一片叶子,总会记得来时的风。
CommentList已审核与待审核评论合并树,支持时序排序与深度缩进。
PendingCommentItem展示评论作者、正文和审核中状态。
CommentSection表单、数量、回复树与空状态组成完整评论区。
Icon一套线条,指向每一个动作。
Button一次点击,一个明确的结果。
IconButton省下文字,但不省下名字。
超过保留期的日志由后台任务自动清理。
NumberInput把数字和它的单位放在一起。
Menu把不常用的操作,收进一个按钮里。
ToastRegion做完一件事,轻声告诉你结果。
BottomSheet从屏幕底部升起,手指一拨就收回。
Breadcrumb告诉你从哪里来,现在在哪里。
SearchPalette按下 ⌘K,从任何地方出发。
SideSheet从左边滑出,向左一推就收起。
AdminPalette按下 ⌘K,找文章、做操作、去别处。
一片叶子,也记得来时的风。 这段固定文章展示正文排版和图片,不连接任何服务。
让想法,像树一样生长。
let leaf = "Yggdrasil";
println!("{leaf}");

PostContent渲染文章标题、列表、引用、代码与图片。

PostCover文章封面,用于文章阅读与展示。
PostFooter正文后的上一篇与下一篇。
在时间的缝隙里,种下一些文字。记录设计、代码与日常,让零散的念头慢慢长成一片风景。
PostHeader用面包屑、衬线标题、导语、阅读信息与标签,开启一篇文章。
一片叶子,也记得来时的风。 这段固定文章展示正文排版和图片,不连接任何服务。
让想法,像树一样生长。
let leaf = "Yggdrasil";
println!("{leaf}");

PostToc按标题层级导航文章章节。
SELECT id, title, published, views FROM posts LIMIT 3;3 行 · 8ms| 展开 | id | title | published | views |
|---|---|---|---|---|
| 108 | 让想法生根 | true | 1280 | |
| 107 | 在时间的缝隙里种下文字 | true | 856 | |
| 106 | 未命名草稿:微风与山岗 | false | 42 |
SqlResultTableSQL 结果表,用于后台工具。
TiptapEditor基于 Tiptap 的文章编辑器封装。
CodeMirrorEditor基于 CodeMirror 的代码编辑器封装。
XtermTerminal基于 xterm.js 的浏览器终端封装。



Lightbox带缩放档位、左右旋转与缩略条的图片查看器。

春天的第一片叶子,总会记得来时的风。
我也喜欢这句话,愿枝繁叶茂。