Pixel Motion

Pixel Motion

2025
像素画ReactFigma阮周刊

网页端像素绘画工具，支持组件化画布，多画布同时绘画，色彩变量

Website
Path Motion

Path Motion

2025
SVGPathMotion阮周刊

在线 svg path 工具，针对 path 绘制、压缩、运动等功能

Website
JSON Viewer

JSON Viewer

2023
ReactJSONViewer阮周刊

React 的 JSON 查看/编辑组件，组件的实现方式依赖于 html 原生逻辑，比较轻量化。第二个用心的组件，学习了前辈的包装方式，介绍方式，网站样式。用户也慢慢多了起来。

WebsiteNPM
第一版 Blog 网站

第一版 Blog 网站

2023
Next.jsMDX

最开始是觉得掘金这种网站写文章挺好的。后面还是想写一个自己网站，体现自己的风格。MDX 还可以自己写组件到 blog，直接交互，多好。。。没想到为以后埋下了坑。

Website
Blockies

Blockies

2023
ReactSVGBlockies

Blockies React组件，SVG 实现，用于生成区块链地址的图标。这是我的第一个有人用的组件，虽然人不多

WebsiteNPM
Vue3 组件库

Vue3 组件库

2021
VueLibrary

比较让人怀念的一个组件库了，那个时候每个前端程序员都想做一套自己的组件库，我也是。写出来的时候特别让自己开心，觉得好看，舒服。那时也第一次学会免费的 github/gitee pages 部署页面，但也倒腾半天，现在用 vercel 重新上线放着吧。

Website
箭头生成小工具

箭头生成小工具

2026
arrow阮周刊

实时生成弧线箭头 SVG，可用于图表绘制，也可用于设计取材。没想到这也被周刊看上。

WebsiteNPM
Python3.12 教程

Python3.12 教程

2026
教程

官方教程看起来并不友好，我自己借助 AI 并后续时常整理的一份教程，可以看着我的学习笔记，也可以当作一份教程。

Website