# 📖 2022-05

聚焦前端,记录过去一个月发现的值得推荐的前端技术栈、文章、教程以及应用,每月28日更新,本期第四十一期。2022 年度第五期。

# 星推

Github Star 推荐

  • 🔧 markdoc

    Strip 上周开源的文档工具,一周吸了 3200+ star,提供了 Markdown 文本转换 AST,AST 转换 content 等 API,支持渲染为 HTML、React

# 工具

  • 🔧 JSON Hero (opens new window)

    JSON Hero 是最近 star 数量猛增的一款可视化工具,甚至是 IDE 工具,支持多种数据类型的可视化,比如:

    • 图像
    • 日期
    • 颜色
    • 链接
    • 视频

    提供了类似于 KBar 的搜索框,可快速定位字段,同时提供了类似 macOS Finder 类似的多面板探索界面

  • 🔧 cover-view (opens new window)

    用于创建媒体宣传封面的小工具

  • 🔧 URL shortener (opens new window)

    可自部署的短链接服务

  • 🔧 spacedrive (opens new window)

    一款开源的面向未来的跨平台文件管理软件

  • 🔧 samizdatco/skia-canvas (opens new window)

    Node.js 下的 Canvas 渲染解决方案

  • 🔧 taskforcesh/bullmq (opens new window)

    Node.js 下的一款基于 Redis 的快速而强大的队列系统,有助于解决许多现代的微服务架构。

  • 🔧 google/wireit (opens new window)

    更有效的使用 NPM 命令

  • 🔧 Snipli (opens new window)

    将本地文件转换为 Gist 的小工具

  • 🔧 contentlayerdev/contentlayer (opens new window)

    将 MD(X)、Notion 等内容转换为开发者友好的 JSON 格式数据,适用于构建 CMS 内容,目前支持框架有:

    • Next.js
    • Vite
    • Remix
    • Astro
  • 🔧 Pulumi (opens new window)

    Pulumi 是一个现代 infrastructure as code (opens new window) 平台,允许您使用熟悉的编程语言和工具来构建、部署和管理云基础架构。

  • 🔧 OneDev (opens new window)

    可自部署的 Git 服务,带有 CI/CD、看板功能

  • 🔧 alexmacarthur/striff (opens new window)

    字符串对比类库,对比结果通过 JSON 结构描述

  • 🔧 sindresorhus/clipboardy (opens new window)

    跨系统的剪切板类库

  • 🔧 maptalks/maptalks.js (opens new window)

    轻量可插拔的 2d/3d 地图类库

  • 🔧 gitbrent/PptxGenJS (opens new window)

    用于创建 PowerPoint 的 JavaScript API

  • 🔧 zernonia/tweetic (opens new window)

    将 Twitter 转换渲染为分享卡片的小工具

  • 🔧 Code to Image (opens new window)

    一个将代码转换为美观分享图的小工具

  • 🔧 Design Tools Database (opens new window)

    设计工具数据库,业内最好的设计工具供您选择

  • 🔧 React Static (opens new window)

    ⚛️ 🚀 基于 React 的 JAMStack 静态站点生成器

  • 🔧 sachinchoolur/lightGallery (opens new window)

    轻量的图片灯箱(lightbox)插件,一般适用于博客、CMS查看图片组

  • 🔧 baptisteArno/typebot.io (opens new window)

    一款可自部署的开源会话表单构建器

  • 🔧 requarks/wiki (opens new window)

    基于 Node 构建好用的 Wiki 应用

  • 🔧 LOGO设计神器 (opens new window)

    LOGO神器是一款智能LOGO在线设计生成器。只需输入品牌名称就能免费在线生成公司logo设计,商标设计,以及配套企业VI助您打造个性品牌。

    笔者试用了一下,生成的 LOGO 不俗气,完全可以二次加工来使用。

  • 🔧 adobe/leonardo (opens new window)

    Adobe 提供的设计师友好的色彩设计系统,特点是根据对比度生成颜色系统,提供色彩检查工具,让色彩设计在可控的安全范围,轻松创建你的调色盘。

    该工具还可以用于创建用于可视化的色彩主题,比如根据提供的关键色搭配用于渲染地图、柱状图、散点图所需的颜色主题。

# 资源

# 应用

  • 🔧 antares-sql/antares (opens new window)

    一款开源的数据库管理客户端,基于 Electron 编写的,比较注重 UX