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

UI 组件库

Originkit

可复制的网页动效组件，支持代码、Framer 与 MCP 使用。

进入原站读取本页 JSON

已核对公开条目清单 · 2026-10-14。覆盖本次官网发布数据中的全部命名组件和页面区块；不重复计算同一组件的框架代码版本。

资源与访问条件

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

目录入口

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

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

  1. Tunnel Wrap

    效果示例 · 具体条目入口

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

  2. Type Sequence

    效果示例 · 具体条目入口

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

  3. Type Writer

    效果示例 · 具体条目入口

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

  4. User Cursor

    效果示例 · 具体条目入口

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

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

  5. Vertical Parallax

    组件示例 · 具体条目入口

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

  6. Video Text

    效果示例 · 具体条目入口

    相关词：文字、文本、视频

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

  7. Vortex Dust

    效果示例 · 具体条目入口

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

  8. Voxel Sphere

    组件示例 · 具体条目入口

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

  9. Warp Field

    效果示例 · 具体条目入口

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

  10. Water Button

    组件示例 · 具体条目入口

    相关词：按钮

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

  11. Wave Grid

    效果示例 · 具体条目入口

    相关词：网格

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

  12. Wax Seal

    组件示例 · 具体条目入口

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

  13. Web GL Carousel

    组件示例 · 具体条目入口

    相关词：轮播、轮播图

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

  14. Weight Hover

    效果示例 · 具体条目入口

    相关词：悬停、鼠标悬停

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

  15. Wind Pyre

    效果示例 · 具体条目入口

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

  16. Wire Throat

    效果示例 · 具体条目入口

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

  17. Wobble Fence

    效果示例 · 具体条目入口

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

  18. Woven Sphere

    效果示例 · 具体条目入口

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

  19. Harmonic Shell

    组件示例 · 具体条目入口

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

  20. Liquid Sphere

    效果示例 · 具体条目入口

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

  21. Water Ball

    组件示例 · 具体条目入口

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

  22. Motion Text Trail

    效果示例 · 具体条目入口

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

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

  23. Liquid Metal

    效果示例 · 具体条目入口

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

  24. Deck Carousel

    组件示例 · 具体条目入口

    相关词：轮播、轮播图

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

  25. Coin Loader

    效果示例 · 具体条目入口

    相关词：加载、加载动画

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

  26. Pixel Trail

    效果示例 · 具体条目入口

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

  27. Scroll Text Highlight

    效果示例 · 具体条目入口

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

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

  28. 3D Stagger Flip

    效果示例 · 具体条目入口

    相关词：翻转、交错、逐个出现、三维、3D

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

  29. Arch Corridor

    效果示例 · 具体条目入口

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

  30. Arrow Cross

    效果示例 · 具体条目入口

    相关词：箭头

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

  31. Arrow Reveal Button

    组件示例 · 具体条目入口

    相关词：按钮、揭示、出现、入场、箭头

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

  32. Ascii Flame Ball

    效果示例 · 具体条目入口

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

  33. ASCII Reveal

    组件示例 · 具体条目入口

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

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

  34. Beyond Horizon

    效果示例 · 具体条目入口

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

  35. Blob Text Reveal

    效果示例 · 具体条目入口

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

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

  36. Block Drift

    效果示例 · 具体条目入口

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

  37. Block Text Reveal

    效果示例 · 具体条目入口

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

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

  38. Blooming Flower

    组件示例 · 具体条目入口

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

  39. Blur Reveal

    组件示例 · 具体条目入口

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

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

  40. Blur Carousel

    组件示例 · 具体条目入口

    相关词：轮播、轮播图、模糊

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

  41. Box Carousel

    组件示例 · 具体条目入口

    相关词：轮播、轮播图

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

  42. Brick Projection

    组件示例 · 具体条目入口

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

  43. Brush Reveal

    效果示例 · 具体条目入口

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

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

  44. Bubble Burst

    组件示例 · 具体条目入口

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

  45. Bubble Stream

    效果示例 · 具体条目入口

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

  46. Button Carousel

    组件示例 · 具体条目入口

    相关词：轮播、轮播图、按钮

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

  47. Character Waves

    效果示例 · 具体条目入口

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

  48. Chevron Duct

    效果示例 · 具体条目入口

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

  49. Chrome Blob

    组件示例 · 具体条目入口

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

  50. Chrome Stack

    效果示例 · 具体条目入口

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

  51. Circle Cursor

    效果示例 · 具体条目入口

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

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

  52. Click Effects

    效果示例 · 具体条目入口

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

  53. Cloth Study

    组件示例 · 具体条目入口

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

  54. Interactive Coins

    组件示例 · 具体条目入口

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

  55. Compare Slider

    组件示例 · 具体条目入口

    相关词：滑块、滑杆

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

  56. Confetti Cursor

    效果示例 · 具体条目入口

    相关词：彩纸、庆祝、光标、鼠标、指针

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

  57. Constellation

    组件示例 · 具体条目入口

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

  58. Contour Embers

    效果示例 · 具体条目入口

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

  59. Contour Loop

    效果示例 · 具体条目入口

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

  60. Crystal Gem

    组件示例 · 具体条目入口

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

  61. Cube Flip Button

    组件示例 · 具体条目入口

    相关词：按钮、翻转

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

  62. Cube Roll Letter Role

    效果示例 · 具体条目入口

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

  63. Curl Pool

    效果示例 · 具体条目入口

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

  64. Cursor Image Gallery

    组件示例 · 具体条目入口

    相关词：光标、鼠标、指针、图片、画廊、图片展示

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

  65. Curved Marquee

    效果示例 · 具体条目入口

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

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

  66. Dark Cluster

    组件示例 · 具体条目入口

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

  67. Dash Cursor

    效果示例 · 具体条目入口

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

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

  68. Deparkanoid

    效果示例 · 具体条目入口

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

  69. Depth Gallery

    组件示例 · 具体条目入口

    相关词：画廊、图片展示

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

  70. Dice Wave Field

    效果示例 · 具体条目入口

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

  71. Dimensional Field

    效果示例 · 具体条目入口

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

  72. Direction Hover

    效果示例 · 具体条目入口

    相关词：悬停、鼠标悬停

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

  73. Disc Split

    效果示例 · 具体条目入口

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

  74. Dither Effect

    效果示例 · 具体条目入口

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

  75. Domino Text Fall

    效果示例 · 具体条目入口

    相关词：文字、文本

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

  76. Dot Scatter

    效果示例 · 具体条目入口

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

  77. Dotted Offset Button

    组件示例 · 具体条目入口

    相关词：按钮

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

  78. Draggable Grid

    组件示例 · 具体条目入口

    相关词：网格、拖拽、拖动

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

  79. Dry Brush Reveal

    组件示例 · 具体条目入口

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

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

  80. Dust Text Reveal

    效果示例 · 具体条目入口

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

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