Originkit

资源与访问条件

• 网页动效组件

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

  • live · 2026-10-18：官方页面标题注明免费动效组件；现有收录明确 React 与网页用途。

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

目录入口

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

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

1. Originkit · React 动效组件库

   集合 · 集合或类目入口，非独立案例 · React

   相关词：Originkit、React 动效组件库、React

   官网公开导航与用途说明2026-10-13

2. Cursor Ring Field

   效果示例 · 具体条目入口

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

   发布者公开目录数据2026-10-14

3. Cloud Sky

   效果示例 · 具体条目入口

   发布者公开目录数据2026-10-14

4. Vector Wordmark

   效果示例 · 具体条目入口

   发布者公开目录数据2026-10-14

5. Ribbon Glow

   效果示例 · 具体条目入口

   相关词：发光、光晕

   发布者公开目录数据2026-10-14

6. Wire Terrain

   效果示例 · 具体条目入口

   发布者公开目录数据2026-10-14

7. Particle Drift

   组件示例 · 具体条目入口

   相关词：粒子

   发布者公开目录数据2026-10-14

8. Accretion Disc

   效果示例 · 具体条目入口

   发布者公开目录数据2026-10-14

9. Xylophone Helix

   组件示例 · 具体条目入口

   发布者公开目录数据2026-10-14

10. Toon fireball

    组件示例 · 具体条目入口

    发布者公开目录数据2026-10-14

11. Scroll Wave Field

    效果示例 · 具体条目入口

    相关词：滚动

    发布者公开目录数据2026-10-14

12. Light Cables

    效果示例 · 具体条目入口

    发布者公开目录数据2026-10-14

13. Globe Study

    组件示例 · 具体条目入口

    发布者公开目录数据2026-10-14

14. Tornado

    组件示例 · 具体条目入口

    发布者公开目录数据2026-10-14

15. Particle Saturn

    组件示例 · 具体条目入口

    相关词：粒子

    发布者公开目录数据2026-10-14

16. Fibre Arc

    组件示例 · 具体条目入口

    发布者公开目录数据2026-10-14

17. Predictive Arc

    效果示例 · 具体条目入口

    发布者公开目录数据2026-10-14

18. Glass Icon

    组件示例 · 具体条目入口

    相关词：图标

    发布者公开目录数据2026-10-14

19. Reflect Shader

    效果示例 · 具体条目入口

    发布者公开目录数据2026-10-14

20. Matrix Junction

    组件示例 · 具体条目入口

    发布者公开目录数据2026-10-14

21. Gallery Tunnel

    组件示例 · 具体条目入口

    相关词：画廊、图片展示

    发布者公开目录数据2026-10-14

22. Crystal Glow

    效果示例 · 具体条目入口

    相关词：发光、光晕

    发布者公开目录数据2026-10-14

23. Light Curtain

    效果示例 · 具体条目入口

    发布者公开目录数据2026-10-14

24. Hex Shaft

    效果示例 · 具体条目入口

    发布者公开目录数据2026-10-14

25. Mosaic Lens

    效果示例 · 具体条目入口

    发布者公开目录数据2026-10-14

26. Ascii Wave

    效果示例 · 具体条目入口

    发布者公开目录数据2026-10-14

27. Light Bloom

    效果示例 · 具体条目入口

    发布者公开目录数据2026-10-14

28. Cobalt Louvre

    效果示例 · 具体条目入口

    发布者公开目录数据2026-10-14

29. Striped Waves

    效果示例 · 具体条目入口

    发布者公开目录数据2026-10-14

30. Phosphor

    效果示例 · 具体条目入口

    发布者公开目录数据2026-10-14

31. Glowing Particles

    组件示例 · 具体条目入口

    相关词：粒子

    发布者公开目录数据2026-10-14

32. Pixel Arc

    效果示例 · 具体条目入口

    发布者公开目录数据2026-10-14

33. Ray Column

    效果示例 · 具体条目入口

    发布者公开目录数据2026-10-14

34. Plasma Ring

    组件示例 · 具体条目入口

    发布者公开目录数据2026-10-14

35. Elemental Lightning

    效果示例 · 具体条目入口

    发布者公开目录数据2026-10-14

36. Falling Canopy

    效果示例 · 具体条目入口

    发布者公开目录数据2026-10-14

37. Caustic Weave

    效果示例 · 具体条目入口

    发布者公开目录数据2026-10-14

38. Vortex Dust Fall

    效果示例 · 具体条目入口

    发布者公开目录数据2026-10-14

39. Image Group Circle

    组件示例 · 具体条目入口

    相关词：图片

    发布者公开目录数据2026-10-14

40. Rotating Gallery

    组件示例 · 具体条目入口

    相关词：画廊、图片展示

    发布者公开目录数据2026-10-14

41. Chromatic Waves

    效果示例 · 具体条目入口

    发布者公开目录数据2026-10-14

42. Word Globe

    组件示例 · 具体条目入口

    发布者公开目录数据2026-10-14

43. Circular Gallery

    组件示例 · 具体条目入口

    相关词：环形、圆形、画廊、图片展示

    发布者公开目录数据2026-10-14

44. Botanical Text

    效果示例 · 具体条目入口

    相关词：文字、文本

    发布者公开目录数据2026-10-14

45. Rotunda Carousel

    组件示例 · 具体条目入口

    相关词：轮播、轮播图

    发布者公开目录数据2026-10-14

46. Mood Field

    效果示例 · 具体条目入口

    发布者公开目录数据2026-10-14

47. Globe Mesh

    组件示例 · 具体条目入口

    发布者公开目录数据2026-10-14

48. Ascii Water

    效果示例 · 具体条目入口

    发布者公开目录数据2026-10-14

49. Silk Waves

    效果示例 · 具体条目入口

    发布者公开目录数据2026-10-14

50. Fluid Ribbons

    效果示例 · 具体条目入口

    发布者公开目录数据2026-10-14

51. Path Gallery

    组件示例 · 具体条目入口

    相关词：画廊、图片展示

    发布者公开目录数据2026-10-14

52. Kinetic Grid

    效果示例 · 具体条目入口

    相关词：网格

    发布者公开目录数据2026-10-14

53. Twin Galaxy Rings

    组件示例 · 具体条目入口

    发布者公开目录数据2026-10-14

54. Magic Marble

    组件示例 · 具体条目入口

    发布者公开目录数据2026-10-14

55. Round Carousel

    组件示例 · 具体条目入口

    相关词：轮播、轮播图

    发布者公开目录数据2026-10-14

56. Kinetic Text

    效果示例 · 具体条目入口

    相关词：文字、文本

    发布者公开目录数据2026-10-14

57. Wave Arcs

    效果示例 · 具体条目入口

    发布者公开目录数据2026-10-14

58. Traffic Wave

    效果示例 · 具体条目入口

    发布者公开目录数据2026-10-14

59. Smooth Scroll Slider

    组件示例 · 具体条目入口

    相关词：滑块、滑杆、滚动

    发布者公开目录数据2026-10-14

60. Spotlight Frames

    组件示例 · 具体条目入口

    发布者公开目录数据2026-10-14

61. Appear Text

    效果示例 · 具体条目入口

    相关词：文字、文本

    发布者公开目录数据2026-10-14

62. Ascii Flame

    效果示例 · 具体条目入口

    发布者公开目录数据2026-10-14

63. Ascii Radar

    效果示例 · 具体条目入口

    发布者公开目录数据2026-10-14

64. ASCII Rain

    效果示例 · 具体条目入口

    发布者公开目录数据2026-10-14

65. Ascii Sphere

    效果示例 · 具体条目入口

    发布者公开目录数据2026-10-14

66. Ascii Tunnel

    效果示例 · 具体条目入口

    发布者公开目录数据2026-10-14

67. Aura Cursor

    效果示例 · 具体条目入口

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

    发布者公开目录数据2026-10-14

68. Neon Border

    效果示例 · 具体条目入口

    发布者公开目录数据2026-10-14

69. Dither Globe

    效果示例 · 具体条目入口

    发布者公开目录数据2026-10-14

70. Axis Cursor

    效果示例 · 具体条目入口

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

    发布者公开目录数据2026-10-14

71. Ball Study

    组件示例 · 具体条目入口

    发布者公开目录数据2026-10-14

72. Bayer Vortex

    效果示例 · 具体条目入口

    发布者公开目录数据2026-10-14

73. Beam Sweep

    组件示例 · 具体条目入口

    相关词：光束

    发布者公开目录数据2026-10-14

74. Beating Hearts

    效果示例 · 具体条目入口

    发布者公开目录数据2026-10-14

75. Black Hole

    组件示例 · 具体条目入口

    发布者公开目录数据2026-10-14

76. Blinking Squares

    效果示例 · 具体条目入口

    发布者公开目录数据2026-10-14

77. Bubble Text

    效果示例 · 具体条目入口

    相关词：文字、文本

    发布者公开目录数据2026-10-14

78. Butterfly Drift

    效果示例 · 具体条目入口

    发布者公开目录数据2026-10-14

79. Cell Field

    效果示例 · 具体条目入口

    发布者公开目录数据2026-10-14

80. Character Cursor

    效果示例 · 具体条目入口

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

    发布者公开目录数据2026-10-14