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

UI 组件库

Originkit

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

进入原站读取本页 JSON

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

资源与访问条件

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

目录入口

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

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

  1. Dynamic Weight

    效果示例 · 具体条目入口

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

  2. Electric Border

    效果示例 · 具体条目入口

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

  3. Elemental Water

    组件示例 · 具体条目入口

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

  4. Emoji Burst

    组件示例 · 具体条目入口

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

  5. Encrypt Button

    组件示例 · 具体条目入口

    相关词：按钮

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

  6. Falling Text

    效果示例 · 具体条目入口

    相关词：文字、文本

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

  7. Keycap Button

    组件示例 · 具体条目入口

    相关词：按钮

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

  8. Defense Lines

    效果示例 · 具体条目入口

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

  9. 3D Text Unfold

    效果示例 · 具体条目入口

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

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

  10. Breathing Dots

    效果示例 · 具体条目入口

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

  11. Broken Glass

    组件示例 · 具体条目入口

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

  12. Chess Horizon

    效果示例 · 具体条目入口

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

  13. Dice Roll

    组件示例 · 具体条目入口

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

  14. Dot Image Reveal

    组件示例 · 具体条目入口

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

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

  15. Firework Cursor

    效果示例 · 具体条目入口

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

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

  16. Flip Cube

    效果示例 · 具体条目入口

    相关词：翻转

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

  17. Flower Border

    效果示例 · 具体条目入口

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

  18. Fluid Text

    效果示例 · 具体条目入口

    相关词：文字、文本

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

  19. Frost Glass Image

    组件示例 · 具体条目入口

    相关词：图片

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

  20. Frosted Type Band

    组件示例 · 具体条目入口

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

  21. Frosted Veil

    效果示例 · 具体条目入口

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

  22. Glass Curl Reveal

    组件示例 · 具体条目入口

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

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

  23. Glass Prism

    组件示例 · 具体条目入口

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

  24. Glass Whorl

    效果示例 · 具体条目入口

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

  25. Glow Border

    效果示例 · 具体条目入口

    相关词：发光、光晕

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

  26. Gradient Text

    效果示例 · 具体条目入口

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

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

  27. Grainy Carousel

    组件示例 · 具体条目入口

    相关词：轮播、轮播图

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

  28. Grass Field

    效果示例 · 具体条目入口

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

  29. Gyro Loader

    效果示例 · 具体条目入口

    相关词：加载、加载动画

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

  30. Gyro Rings

    组件示例 · 具体条目入口

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

  31. Hex Comb

    效果示例 · 具体条目入口

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

  32. Hyper Space

    效果示例 · 具体条目入口

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

  33. Image Reveal

    组件示例 · 具体条目入口

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

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

  34. Image Ripple

    组件示例 · 具体条目入口

    相关词：涟漪、波纹、图片

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

  35. Image Spotlight

    组件示例 · 具体条目入口

    相关词：图片

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

  36. Image Fold

    组件示例 · 具体条目入口

    相关词：图片

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

  37. Infinite Tendrils

    效果示例 · 具体条目入口

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

  38. Label Slide Button

    组件示例 · 具体条目入口

    相关词：按钮

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

  39. Letter Drop

    效果示例 · 具体条目入口

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

  40. Letter Swing

    效果示例 · 具体条目入口

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

  41. Light Glass Button

    组件示例 · 具体条目入口

    相关词：按钮

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

  42. Link Preview

    组件示例 · 具体条目入口

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

  43. Liquid Glass Cube

    组件示例 · 具体条目入口

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

  44. Mandala Bloom

    效果示例 · 具体条目入口

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

  45. Mechanical Flip

    效果示例 · 具体条目入口

    相关词：翻转

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

  46. Membrane Bloom

    效果示例 · 具体条目入口

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

  47. Metal Flower

    组件示例 · 具体条目入口

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

  48. Metallic Dodecahedron

    组件示例 · 具体条目入口

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

  49. Morph Solid

    组件示例 · 具体条目入口

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

  50. Moire Lattice

    效果示例 · 具体条目入口

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

  51. Zoom Grid

    组件示例 · 具体条目入口

    相关词：网格

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

  52. Crater Burst

    效果示例 · 具体条目入口

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

  53. Lenticular Duo

    组件示例 · 具体条目入口

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

  54. Grain Mass

    效果示例 · 具体条目入口

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

  55. Swell Grid

    效果示例 · 具体条目入口

    相关词：网格

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

  56. Cog Train

    效果示例 · 具体条目入口

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

  57. Checker Vortex

    效果示例 · 具体条目入口

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

  58. Chrome Cells

    效果示例 · 具体条目入口

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

  59. Facet Wall

    组件示例 · 具体条目入口

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

  60. Hammer Strike

    效果示例 · 具体条目入口

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

  61. Ember Husk

    效果示例 · 具体条目入口

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

  62. Energy Stream

    效果示例 · 具体条目入口

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

  63. Flap

    效果示例 · 具体条目入口

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

  64. Fur Pelt

    效果示例 · 具体条目入口

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

  65. Ink Wake

    效果示例 · 具体条目入口

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

  66. Glyph Tumbler

    效果示例 · 具体条目入口

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

  67. Grid Massing

    效果示例 · 具体条目入口

    相关词：网格

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

  68. Keycap Wall

    效果示例 · 具体条目入口

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

  69. Lattice Flight

    效果示例 · 具体条目入口

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

  70. Liquid Glass Carousel

    组件示例 · 具体条目入口

    相关词：轮播、轮播图

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

  71. Magazine Flip

    组件示例 · 具体条目入口

    相关词：翻转

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

  72. Metal Frame Cross

    效果示例 · 具体条目入口

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

  73. Metal Lap Joint

    效果示例 · 具体条目入口

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

  74. Capsule Orb

    组件示例 · 具体条目入口

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

  75. Liquid Mask Cursor

    组件示例 · 具体条目入口

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

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

  76. Interactive Landscape

    组件示例 · 具体条目入口

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

  77. Metal Unfold

    效果示例 · 具体条目入口

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

  78. Metal Rosette

    效果示例 · 具体条目入口

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

  79. Rain Puddle

    效果示例 · 具体条目入口

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

  80. Mirror Shards

    效果示例 · 具体条目入口

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