React Bits

资源与访问条件

• 免费 React 动效组件

  Web · 组件代码 · React / Next.js · 有免费资源

  • live · 2026-10-18：官方页面标题明确为免费 React 动效组件，安装内容为组件源码。
• React Bits Pro 资源

  Web · 组件代码、页面模板与区块 · React / Next.js · 未确认

  • live · 2026-10-18：官方有独立 Pro 组件、区块与模板入口；本轮未读取到清晰费用条件，暂标未确认。

“有免费资源”仅描述对应资源范围，不代表每条案例、模板或素材免费。代码、提示词与素材的实际获取权限及许可需到原站核对。

已保存的精选样本

• Circular Carousel · 环形轮播

  具体实例来源 · 组件实例页

  这里是原站组件的静态截帧；完整动效和参数可在实例页查看。

• Split Text · 文字逐字出现

  具体实例来源 · 组件实例页

  这里是原站组件的静态截帧；完整动效和参数可在实例页查看。

• Aurora · 极光背景

  具体实例来源 · 组件实例页

  这里是原站组件的静态截帧；完整动效和参数可在实例页查看。

目录入口

共 215 条记录，本页显示 1–80 条。每页最多 80 条；直接点击名称进入已保存的真实网址。

条目类型、来源日期与链接性质分别标注。只有明确核验过的画面才显示布局或风格标签；没有标签表示当前没有相应确认信息。

1. Tech Text

   动效 · 具体条目入口

   相关词：文字、文本

   官网站点地图2026-10-13

2. Text Loop

   动效 · 具体条目入口

   相关词：文字、文本

   官网站点地图2026-10-13

3. Masked Heading

   动效 · 具体条目入口

   官网站点地图2026-10-13

4. Particle Text

   动效 · 具体条目入口

   相关词：粒子、文字、文本

   官网站点地图2026-10-13

5. Split Flap Text

   动效 · 具体条目入口

   相关词：文字、文本

   官网站点地图2026-10-13

6. Warp Text

   动效 · 具体条目入口

   相关词：文字、文本

   官网站点地图2026-10-13

7. Stroke Text

   动效 · 具体条目入口

   相关词：文字、文本

   官网站点地图2026-10-13

8. Depth Text

   动效 · 具体条目入口

   相关词：文字、文本

   官网站点地图2026-10-13

9. Fold Text

   动效 · 具体条目入口

   相关词：文字、文本

   官网站点地图2026-10-13

10. Echo Text

    动效 · 具体条目入口

    相关词：文字、文本

    官网站点地图2026-10-13

11. Split Text

    动效 · 具体条目入口

    相关词：文字、文本、文字动画、分割文字

    官网站点地图2026-10-13

12. Blur Text

    动效 · 具体条目入口

    相关词：模糊、文字、文本

    官网站点地图2026-10-13

13. Circular Text

    动效 · 具体条目入口

    相关词：环形、圆形、文字、文本

    官网站点地图2026-10-13

14. Text Type

    动效 · 具体条目入口

    相关词：文字、文本

    官网站点地图2026-10-13

15. Shuffle

    动效 · 具体条目入口

    官网站点地图2026-10-13

16. Shiny Text

    动效 · 具体条目入口

    相关词：文字、文本

    官网站点地图2026-10-13

17. Text Pressure

    动效 · 具体条目入口

    相关词：文字、文本

    官网站点地图2026-10-13

18. Curved Loop

    动效 · 具体条目入口

    官网站点地图2026-10-13

19. Fuzzy Text

    动效 · 具体条目入口

    相关词：文字、文本

    官网站点地图2026-10-13

20. Gradient Text

    动效 · 具体条目入口

    相关词：渐变、文字、文本

    官网站点地图2026-10-13

21. Falling Text

    动效 · 具体条目入口

    相关词：文字、文本

    官网站点地图2026-10-13

22. Text Cursor

    动效 · 具体条目入口

    相关词：光标、鼠标、指针、文字、文本

    官网站点地图2026-10-13

23. Decrypted Text

    动效 · 具体条目入口

    相关词：文字、文本

    官网站点地图2026-10-13

24. True Focus

    动效 · 具体条目入口

    官网站点地图2026-10-13

25. Scroll Float

    动效 · 具体条目入口

    相关词：滚动

    官网站点地图2026-10-13

26. Scroll Reveal

    动效 · 具体条目入口

    相关词：滚动、揭示、出现、入场

    官网站点地图2026-10-13

27. ASCII Text

    动效 · 具体条目入口

    相关词：文字、文本

    官网站点地图2026-10-13

28. Scrambled Text

    动效 · 具体条目入口

    相关词：文字、文本

    官网站点地图2026-10-13

29. Rotating Text

    动效 · 具体条目入口

    相关词：文字、文本

    官网站点地图2026-10-13

30. Glitch Text

    动效 · 具体条目入口

    相关词：文字、文本

    官网站点地图2026-10-13

31. Scroll Velocity

    动效 · 具体条目入口

    相关词：滚动

    官网站点地图2026-10-13

32. Variable Proximity

    动效 · 具体条目入口

    官网站点地图2026-10-13

33. Count Up

    动效 · 具体条目入口

    官网站点地图2026-10-13

34. Crystalized Ball

    动效 · 具体条目入口

    官网站点地图2026-10-13

35. Electric Logo

    动效 · 具体条目入口

    官网站点地图2026-10-13

36. Dither Veil

    动效 · 具体条目入口

    官网站点地图2026-10-13

37. Glow Cursor

    动效 · 具体条目入口

    相关词：发光、光晕、光标、鼠标、指针

    官网站点地图2026-10-13

38. Scroll Expand

    动效 · 具体条目入口

    相关词：滚动

    官网站点地图2026-10-13

39. Ripple Distortion

    动效 · 具体条目入口

    相关词：涟漪、波纹

    官网站点地图2026-10-13

40. Elastic Mesh

    动效 · 具体条目入口

    官网站点地图2026-10-13

41. Swarm Cursor

    动效 · 具体条目入口

    相关词：光标、鼠标、指针

    官网站点地图2026-10-13

42. Halftone Reveal

    动效 · 具体条目入口

    相关词：揭示、出现、入场

    官网站点地图2026-10-13

43. Pixel Swap

    动效 · 具体条目入口

    官网站点地图2026-10-13

44. Cursor Grid

    动效 · 具体条目入口

    相关词：网格、光标、鼠标、指针

    官网站点地图2026-10-13

45. Animated Content

    动效 · 具体条目入口

    相关词：动画、动效

    官网站点地图2026-10-13

46. Fade Content

    动效 · 具体条目入口

    相关词：淡入、淡出

    官网站点地图2026-10-13

47. Electric Border

    动效 · 具体条目入口

    相关词：发光边框、电光边框

    官网站点地图2026-10-13

48. Orbit Images

    动效 · 具体条目入口

    官网站点地图2026-10-13

49. Pixel Transition

    动效 · 具体条目入口

    官网站点地图2026-10-13

50. Glare Hover

    动效 · 具体条目入口

    相关词：悬停、鼠标悬停、反光、高光

    官网站点地图2026-10-13

51. Antigravity

    动效 · 具体条目入口

    官网站点地图2026-10-13

52. Logo Loop

    动效 · 具体条目入口

    官网站点地图2026-10-13

53. Target Cursor

    动效 · 具体条目入口

    相关词：光标、鼠标、指针

    官网站点地图2026-10-13

54. Laser Flow

    动效 · 具体条目入口

    官网站点地图2026-10-13

55. Ghost Cursor

    动效 · 具体条目入口

    相关词：光标、鼠标、指针

    官网站点地图2026-10-13

56. Gradual Blur

    动效 · 具体条目入口

    相关词：模糊

    官网站点地图2026-10-13

57. Click Spark

    动效 · 具体条目入口

    官网站点地图2026-10-13

58. Magnet

    动效 · 具体条目入口

    官网站点地图2026-10-13

59. Strands

    动效 · 具体条目入口

    官网站点地图2026-10-13

60. Sticker Peel

    动效 · 具体条目入口

    官网站点地图2026-10-13

61. Pixel Trail

    动效 · 具体条目入口

    官网站点地图2026-10-13

62. Cubes

    动效 · 具体条目入口

    官网站点地图2026-10-13

63. Metallic Paint

    动效 · 具体条目入口

    官网站点地图2026-10-13

64. Noise

    动效 · 具体条目入口

    官网站点地图2026-10-13

65. Shape Blur

    动效 · 具体条目入口

    相关词：模糊

    官网站点地图2026-10-13

66. Crosshair

    动效 · 具体条目入口

    官网站点地图2026-10-13

67. Image Trail

    动效 · 具体条目入口

    相关词：图片

    官网站点地图2026-10-13

68. Ribbons

    动效 · 具体条目入口

    官网站点地图2026-10-13

69. Splash Cursor

    动效 · 具体条目入口

    相关词：光标、鼠标、指针

    官网站点地图2026-10-13

70. Meta Balls

    动效 · 具体条目入口

    官网站点地图2026-10-13

71. Blob Cursor

    动效 · 具体条目入口

    相关词：光标、鼠标、指针

    官网站点地图2026-10-13

72. Star Border

    动效 · 具体条目入口

    相关词：星星、收藏

    官网站点地图2026-10-13

73. Holo Card

    动效 · 具体条目入口

    相关词：卡片

    官网站点地图2026-10-13

74. Circular Carousel

    动效 · 具体条目入口

    相关词：轮播、轮播图、环形、圆形

    官网站点地图2026-10-13

75. Flex Carousel

    动效 · 具体条目入口

    相关词：轮播、轮播图

    官网站点地图2026-10-13

76. Infinite Spiral

    动效 · 具体条目入口

    官网站点地图2026-10-13

77. Depth Carousel

    动效 · 具体条目入口

    相关词：轮播、轮播图

    官网站点地图2026-10-13

78. Morph Slider

    动效 · 具体条目入口

    相关词：滑块、滑杆

    官网站点地图2026-10-13

79. Drift Wall

    动效 · 具体条目入口

    官网站点地图2026-10-13

80. Accordion Gallery

    动效 · 具体条目入口

    相关词：手风琴、折叠面板、画廊、图片展示

    官网站点地图2026-10-13