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

动画效果宝库——React Bits

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

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



stars 10.2k

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



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

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



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



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



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


开源地址：
**** Hidden Message *****

在线体验网址：
**** Hidden Message *****

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

{:5_106:}

苗生海海 发表于 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

有意思
页: [1] 2 3
查看完整版本: 动画效果宝库——React Bits