第 09 期 - 渟膏湛碧

封面来源于网络。

记录每周看到的接地气的前端以及科技圈内容，筛选后每周六发布于此，觉得不错可关注此专栏，方便获取更新通知

技术相关

vueuse/motion \
https://github.com/vueuse/motion \
vueuse/motion 是一个 Vue 3 生态系统中的 JavaScript 库，它提供了一组用于在 Web 应用程序中实现动画效果的工具和组件。该库建立在 Framer Motion 库之上，提供了易于使用的 API 和 Vue 组件，可以帮助开发人员轻松地实现各种动画效果。

DiceBear \
https://www.dicebear.com/ \
DiceBear 是一个开源的头像生成器，可以生成矢量艺术风格的头像和符号。它是一个完全免费的工具，可以用于个人和商业项目，使用简单且具有高度的自定义能力，因此备受开发者和设计师的喜爱。

全栈公开课 (fullstackopen.com) \
https://fullstackopen.com/zh/ \
一站式学习 React, Redux, Node.js, MongoDB, GraphQL 以及 TypeScript！这门课程会向你介绍基于 JavaScript 的现代 Web 开发技术。重点是利用 ReactJS 搭建单页面应用程序（SPA：Single Page Application），并使用Node.js构建REST API。

流行工具

免费离线免安装多语言AI语音转字幕工具 \
https://godlucky.net/whisperapp/ \
可以快速利用 ai 生成视频或者音频的字幕。

HD Gradients \
https://gradient.style/ \
gradient.style 是一个在线的工具，可以帮助用户快速创建各种惊艳的 CSS 渐变背景。它提供了简单易用的界面，用户可以通过拖拽和调整控制点来创建自定义的渐变效果。

ClickPrompt \
https://www.clickprompt.org/zh-CN/ \
ClickPrompt 是一款专为 Prompt 编写者设计的工具，它支持多种基于 Prompt 的 AI 应用，例如 Stable Diffusion、ChatGPT 和 GitHub Copilot 等。

Animated Drawings \
https://sketch.metademolab.com/canvas \
一个可以在线制作骨骼结构动图的 web 应用。