UIPicks UI 参考库
← 全部 AI 参考来源

UI 组件库

Vue Bits

可定制的 Vue 动效组件，适合文字、卡片与动态背景。

进入原站读取本页 JSON

已核对公开条目清单 · 2026-10-14。覆盖本次官网发布资源中的命名条目与 docsUrl；不把通用依赖中的组件混入目录。

资源与访问条件

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

目录入口

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

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

  1. Vue Bits · Vue 动效组件库

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

    相关词：Vue Bits、Vue 动效组件库、Vue

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

  2. Animated Content

    效果示例 · 具体条目入口 · Vue

    相关词：滚动、动画、动效

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

  3. Antigravity

    效果示例 · 具体条目入口 · Vue

    相关词：粒子、光标、鼠标、指针、动画、动效、三维、3D

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

  4. Blob Cursor

    效果示例 · 具体条目入口 · Vue

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

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

  5. Click Spark

    效果示例 · 具体条目入口 · Vue

    相关词：粒子

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

  6. Crosshair

    效果示例 · 具体条目入口 · Vue

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

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

  7. Cubes

    效果示例 · 具体条目入口 · Vue

    相关词：悬停、鼠标悬停、交互、动效、三维、3D

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

  8. Cursor Grid

    效果示例 · 具体条目入口 · Vue

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

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

  9. Elastic Mesh

    效果示例 · 具体条目入口 · Vue

    相关词：指针、鼠标

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

  10. Electric Border

    效果示例 · 具体条目入口 · Vue

    相关词：发光、光晕、动画、动效

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

  11. Fade Content

    效果示例 · 具体条目入口 · Vue

    相关词：淡入、淡出

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

  12. Ghost Cursor

    效果示例 · 具体条目入口 · Vue

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

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

  13. Glare Hover

    效果示例 · 具体条目入口 · Vue

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

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

  14. Glow Cursor

    效果示例 · 具体条目入口 · Vue

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

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

  15. Gradual Blur

    效果示例 · 具体条目入口 · Vue

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

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

  16. Halftone Reveal

    效果示例 · 具体条目入口 · Vue

    相关词：光标、鼠标、指针、揭示、出现、入场

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

  17. Image Trail

    效果示例 · 具体条目入口 · Vue

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

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

  18. Laser Flow

    效果示例 · 具体条目入口 · Vue

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

  19. Logo Loop

    效果示例 · 具体条目入口 · Vue

    相关词：跑马灯、轮播、滚动列表、悬停、鼠标悬停、暂停

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

  20. Magic Rings

    效果示例 · 具体条目入口 · Vue

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

  21. Magnet

    效果示例 · 具体条目入口 · Vue

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

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

  22. Magnet Lines

    效果示例 · 具体条目入口 · Vue

    相关词：光标、鼠标、指针、动画、动效

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

  23. Meta Balls

    效果示例 · 具体条目入口 · Vue

    相关词：动画、动效

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

  24. Metallic Paint

    效果示例 · 具体条目入口 · Vue

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

  25. Noise

    效果示例 · 具体条目入口 · Vue

    相关词：动画、动效

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

  26. Orbit Images

    效果示例 · 具体条目入口 · Vue

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

  27. Pixel Swap

    效果示例 · 具体条目入口 · Vue

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

  28. Pixel Trail

    效果示例 · 具体条目入口 · Vue

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

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

  29. Pixel Transition

    效果示例 · 具体条目入口 · Vue

    相关词：悬停、鼠标悬停、揭示、出现、入场

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

  30. Ribbons

    效果示例 · 具体条目入口 · Vue

    相关词：光标、鼠标、指针、动画、动效

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

  31. Ripple Distortion

    效果示例 · 具体条目入口 · Vue

    相关词：涟漪、波纹、指针、鼠标

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

  32. Scroll Expand

    效果示例 · 具体条目入口 · Vue

    相关词：滚动

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

  33. Shape Blur

    效果示例 · 具体条目入口 · Vue

    相关词：悬停、鼠标悬停、模糊

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

  34. Splash Cursor

    效果示例 · 具体条目入口 · Vue

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

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

  35. Star Border

    效果示例 · 具体条目入口 · Vue

    相关词：动画、动效、星星、收藏

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

  36. Sticker Peel

    效果示例 · 具体条目入口 · Vue

    相关词：交互、动效、三维、3D

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

  37. Strands

    效果示例 · 具体条目入口 · Vue

    相关词：涟漪、波纹

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

  38. Swarm Cursor

    效果示例 · 具体条目入口 · Vue

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

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

  39. Target Cursor

    效果示例 · 具体条目入口 · Vue

    相关词：光标、鼠标、指针、动画、动效、锁、安全

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

  40. ASCIIText

    效果示例 · 具体条目入口 · Vue

    相关词：背景、文字、文本、动画、动效

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

  41. Blur Text

    效果示例 · 具体条目入口 · Vue

    相关词：揭示、出现、入场、模糊、文字、文本

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

  42. Circular Text

    效果示例 · 具体条目入口 · Vue

    相关词：环形、圆形、文字、文本、动画、动效

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

  43. Count Up

    效果示例 · 具体条目入口 · Vue

    相关词：动画、动效

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

  44. Curved Loop

    效果示例 · 具体条目入口 · Vue

    相关词：文字、文本、交互、动效、拖拽、拖动

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

  45. Decrypted Text

    效果示例 · 具体条目入口 · Vue

    相关词：文字、文本

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

  46. Depth Text

    效果示例 · 具体条目入口 · Vue

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

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

  47. Echo Text

    效果示例 · 具体条目入口 · Vue

    相关词：文字、文本

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

  48. Falling Text

    效果示例 · 具体条目入口 · Vue

    相关词：文字、文本

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

  49. Fold Text

    效果示例 · 具体条目入口 · Vue

    相关词：文字、文本

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

  50. Fuzzy Text

    效果示例 · 具体条目入口 · Vue

    相关词：悬停、鼠标悬停、文字、文本

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

  51. Glitch Text

    效果示例 · 具体条目入口 · Vue

    相关词：文字、文本

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

  52. Gradient Text

    效果示例 · 具体条目入口 · Vue

    相关词：渐变、文字、文本、动画、动效

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

  53. Masked Heading

    效果示例 · 具体条目入口 · Vue

    相关词：图片

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

  54. Particle Text

    效果示例 · 具体条目入口 · Vue

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

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

  55. Rotating Text

    效果示例 · 具体条目入口 · Vue

    相关词：文字、文本、翻转、三维、3D

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

  56. Scramble Text

    效果示例 · 具体条目入口 · Vue

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

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

  57. Scroll Float

    效果示例 · 具体条目入口 · Vue

    相关词：滚动、文字、文本

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

  58. Scroll Reveal

    效果示例 · 具体条目入口 · Vue

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

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

  59. Scroll Velocity

    效果示例 · 具体条目入口 · Vue

    相关词：跑马灯、轮播、滚动列表、滚动、文字、文本、用户

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

  60. Shiny Text

    效果示例 · 具体条目入口 · Vue

    相关词：文字、文本

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

  61. Shuffle

    效果示例 · 具体条目入口 · Vue

    相关词：揭示、出现、入场、文字、文本、动画、动效

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

  62. Split Flap Text

    效果示例 · 具体条目入口 · Vue

    相关词：文字、文本

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

  63. Split Text

    效果示例 · 具体条目入口 · Vue

    相关词：文字、文本、动画、动效

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

  64. Stroke Text

    效果示例 · 具体条目入口 · Vue

    相关词：文字、文本

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

  65. Text Cursor

    效果示例 · 具体条目入口 · Vue

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

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

  66. Text Loop

    效果示例 · 具体条目入口 · Vue

    相关词：跑马灯、轮播、滚动列表、文字、文本

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

  67. Text Pressure

    效果示例 · 具体条目入口 · Vue

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

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

  68. Text Type

    效果示例 · 具体条目入口 · Vue

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

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

  69. True Focus

    效果示例 · 具体条目入口 · Vue

    相关词：模糊

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

  70. Variable Proximity

    效果示例 · 具体条目入口 · Vue

    相关词：指针、鼠标

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

  71. Warp Text

    效果示例 · 具体条目入口 · Vue

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

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

  72. Accordion Gallery

    组件示例 · 具体条目入口 · Vue

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

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

  73. Animated List

    组件示例 · 具体条目入口 · Vue

    相关词：列表、动画、动效

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

  74. Border Glow

    组件示例 · 具体条目入口 · Vue

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

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

  75. Bounce Cards

    组件示例 · 具体条目入口 · Vue

    相关词：卡片

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

  76. Bubble Menu

    组件示例 · 具体条目入口 · Vue

    相关词：环形、圆形、菜单、揭示、出现、入场

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

  77. Card Nav

    组件示例 · 具体条目入口 · Vue

    相关词：导航、卡片

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

  78. Card Swap

    组件示例 · 具体条目入口 · Vue

    相关词：卡片、动画、动效

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

  79. Carousel

    组件示例 · 具体条目入口 · Vue

    相关词：轮播、轮播图

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

  80. Chroma Grid

    组件示例 · 具体条目入口 · Vue

    相关词：网格

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