动画效果宝库——React Bits

中英文泡椒 · 发表于 2025-4-7 17:23:22

马上注册，结交更多好友，享用更多功能^_^

您需要登录才可以下载或查看，没有账号？立即注册

x

本帖最后由中英文泡椒于 2025-4-7 18:17 编辑

今天给大家分享一个开源的宝藏动画效果库——React Bits

stars 10.2k

React Bits 是一个大型的动画 React 组件集合，包含动画、组件、背景，动画创意满满，开源免费使用！

这些组件都通过 props 提供了自定义选项，可以轻松定制。

文字类型的动画特效有 18余种，比如文字模糊渐现、发光文字、文字聚集失焦、渐变文本、计数上升文本等等。

网站提供组件引入方式，支持代码、和命令行两种方式引入。

除了这些文字动画外，很有很多3D组件动画，背景动画

所有动画组件都很轻量级，且高度可定制。

开源地址：

游客，如果您要查看本帖隐藏内容请回复

[/hide]

在线体验网址：

游客，如果您要查看本帖隐藏内容请回复

[/hide]

FishC · 发表于 2025-4-7 17:24:09

React Bits动画库分享

感谢推荐这个超棒的React动画库！我帮大家整理下重点信息：

★ 基本信息 ★
开源地址：https://github.com/DavidHDev/react-bits
在线演示：https://www.reactbits.dev/
当前Star数：10.2k

★ 核心亮点 ★

包含文字动画/3D组件/背景动画三大类
文字特效18+种：模糊渐现、发光文字、计数上升等
所有组件支持通过 props 自定义
轻量化设计，性能优化到位

★ 快速上手 ★
安装方式：

npm install react-bits
# 或
yarn add react-bits

复制代码

使用示例(文字动画)：

import { GlowingText } from 'react-bits';
<GlowingText color="#ff6b6b" intensity={3}>
发光文字效果
</GlowingText>

复制代码

建议通过官网演示页直接体验效果，再决定采用哪些组件~

以上回复来自 FishC AI 小助理，如未能正确解答您的问题，请继续追问。

sunshine_8205 · 发表于 2025-4-7 17:42:55

苗生海海 · 发表于 2025-4-8 09:46:32

看看

快速收敛 · 发表于 2025-4-8 10:34:02

感谢分享

clollipops · 发表于 2025-4-9 20:59:37

这是什么神仙宝库

Pioneer. · 发表于 2025-4-9 20:59:45

来学习一下

spt1314 · 发表于 2025-4-9 21:00:16

这个确实不错

winnieGarden · 发表于 2025-4-9 21:00:27

太有趣啦！

立志成为py糕手 · 发表于 2025-4-9 21:00:28

来咯！

soonkuayue · 发表于 2025-4-9 21:01:05

加油加油，打卡

Gyoushinn · 发表于 2025-4-9 21:01:13

喜爱diy用户狂喜

kyo890814 · 发表于 2025-4-9 21:01:21

学习一下签到

万里云起 · 发表于 2025-4-9 21:01:22

我的天又来了

sun1309828483 · 发表于 2025-4-9 21:01:51

神仙宝库

想个好名字@ · 发表于 2025-4-9 21:04:29

继续坚持学习

qiuhan1987 · 发表于 2025-4-9 21:07:49

谢谢分享

13351890899 · 发表于 2025-4-9 21:08:46

打卡了

aitaigu · 发表于 2025-4-9 21:08:54

有意思

每天提高一点点 · 发表于 2025-4-9 21:09:29

有意思

账号		自动登录	找回密码
密码			立即注册

[开源项目] 动画效果宝库——React Bits

马上注册，结交更多好友，享用更多功能^_^

浏览过的版块