---
url: https://sugarat.top/weekly/2026-09-05.md
description: >-
  ① React Bits - 充满艺术的 React 组件 ② 粒子效果的图表 ③ bloub - gork 机器人头像的  ④ tree-qr -
  将二维转成3D的一颗树 ⑤ Infographic - AI 友好的信息图表 ⑥ Mac 应用多开工具 ⑦ srvx - 基于 Web 标准的通用
  Server ⑧ 代码打字机动画生成 ⑨ Ambient CSS - 通过光源产生阴影
---

# 视野修炼第132期 | 一些有趣的组件

欢迎来到第 132 期的【视野修炼 - 技术周刊】，下面是本期的精选内容简介

\[\[toc]]

下面开始本期内容的介绍**ღ( ´･ᴗ･\` )比心**。

## 🔥强烈推荐

### [1. React Bits](https://reactbits.dev/get-started/index) - 充满艺术的 React 组件

![](https://img.cdn.sugarat.top/mdImg/sugar/3a4bf134bfccf9931a799434c78f8982)

许多高质的效果，copy 即用。

### [2. 粒子效果的图表](https://particlecharts.com/)

![](https://img.cdn.sugarat.top/mdImg/sugar/6723b73d93f47a94cf5a020be54b28ce)

*收藏了！*

### [3. bloub](https://bloub.vercel.app/) - gork 机器人头像资源

![](https://img.cdn.sugarat.top/mdImg/sugar/a9a7adfc1e44f0d99eba088fdd15fa8c)

多种颜色/形状可调整，可以做动画编排。

### [4. tree-qr](https://tree.icqr.com) - 将二维码转成3D的一棵树

![](https://img.cdn.sugarat.top/mdImg/sugar/aebedf6e01351344fed60c44e03b980c)

*有趣！☺️*

## 🔧开源工具&技术资讯

### [5. Infographic](https://github.com/antvis/Infographic/blob/main/README.zh-CN.md) - AI 友好的信息图表

![](https://img.cdn.sugarat.top/mdImg/sugar/d2a8dc284f5403c15b769ed27dcc1efe)

![](https://img.cdn.sugarat.top/mdImg/sugar/721499b3661c82deedefbe0b31bb04e1)

### [6. Mac 应用多开工具](https://github.com/aitobox/ATBClone)

![](https://img.cdn.sugarat.top/mdImg/sugar/f870b204fd838e86bfde9c9b5e62afe3)

### [7. srvx](https://srvx.h3.dev/) - 基于 Web 标准的通用 Server

支持 Node ，Deno，Bun。不需要额外再写胶水代码。

![](https://img.cdn.sugarat.top/mdImg/sugar/92be78f0f92eb201335728857d4dab75)

### [8. 代码打字机动画生成](https://scriptspool.pixzens.com/zh)

![](https://img.cdn.sugarat.top/mdImg/sugar/5dcc779001531a67f7fa17c6ce0dc8cf)

### [9. Ambient CSS](https://github.com/kikkupico/ambientcss) - 通过光源产生阴影

基于物理的 CSS 光照系统。定义好光源后，所有的阴影、高光和表面渐变都从它推导而来

![](https://img.cdn.sugarat.top/mdImg/sugar/641c0605556bf4bf0114206d82fe882b)

## ⭐️强力推荐关注

> 周刊部分内容来源如下渠道，推荐大家关注。

* [阮一峰: 科技爱好者周刊](https://www.ruanyifeng.com/blog/archives.html) - 记录每周值得分享的科技内容，周五发布
* [frontendfoc](https://frontendfoc.us/issues) - 🚀 Frontend **Focus**
* [JavaScript Weekly](https://javascriptweekly.com/issues) - A newsletter of JavaScript articles, news and cool projects
* [nodejs Weekly](https://nodeweekly.com/issues) - A free, once–weekly e-mail round-up of Node.js news and articles.