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

UI 组件库

Originkit

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

进入原站读取本页 JSON

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

资源与访问条件

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

目录入口

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

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

  1. Connectivity Graph

    组件示例 · 具体条目入口

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

  2. Constellation Shell

    组件示例 · 具体条目入口

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

  3. Cosmic BG

    效果示例 · 具体条目入口

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

  4. Cosmic Orb

    组件示例 · 具体条目入口

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

  5. Coverflow Carousel

    组件示例 · 具体条目入口

    相关词：轮播、轮播图

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

  6. Coverflow Gallery

    组件示例 · 具体条目入口

    相关词：画廊、图片展示

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

  7. Cube

    组件示例 · 具体条目入口

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

  8. Cursor Image Trail

    组件示例 · 具体条目入口

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

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

  9. Cyclone Ink

    效果示例 · 具体条目入口

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

  10. Data Pixel Arc

    效果示例 · 具体条目入口

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

  11. Data Strings

    效果示例 · 具体条目入口

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

  12. Dither Effect 2

    效果示例 · 具体条目入口

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

  13. Dither Reveal

    组件示例 · 具体条目入口

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

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

  14. Dot Cursor

    效果示例 · 具体条目入口

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

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

  15. Dot Lens

    效果示例 · 具体条目入口

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

  16. Dot Matrix

    效果示例 · 具体条目入口

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

  17. Draggable Sticker

    组件示例 · 具体条目入口

    相关词：拖拽、拖动

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

  18. Elastic Text

    效果示例 · 具体条目入口

    相关词：文字、文本

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

  19. Emoji Particle

    效果示例 · 具体条目入口

    相关词：粒子

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

  20. Eye Gallery

    组件示例 · 具体条目入口

    相关词：画廊、图片展示

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

  21. Fireworks

    效果示例 · 具体条目入口

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

  22. Flame

    效果示例 · 具体条目入口

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

  23. Flare Arc

    效果示例 · 具体条目入口

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

  24. Flat Text

    效果示例 · 具体条目入口

    相关词：文字、文本

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

  25. Flicker Text

    效果示例 · 具体条目入口

    相关词：文字、文本

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

  26. Flip Gallery

    组件示例 · 具体条目入口

    相关词：翻转、画廊、图片展示

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

  27. Rubber Spheres

    组件示例 · 具体条目入口

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

  28. Floating Gallery

    组件示例 · 具体条目入口

    相关词：画廊、图片展示

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

  29. Floating Icons

    效果示例 · 具体条目入口

    相关词：图标

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

  30. Floral Thicket

    效果示例 · 具体条目入口

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

  31. Flow Field

    效果示例 · 具体条目入口

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

  32. Flower Expansion

    效果示例 · 具体条目入口

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

  33. Fluid Field

    效果示例 · 具体条目入口

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

  34. Fluid Image Reveal

    组件示例 · 具体条目入口

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

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

  35. Fluid Trail

    效果示例 · 具体条目入口

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

  36. Focus Reveal

    效果示例 · 具体条目入口

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

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

  37. Foil Drift

    效果示例 · 具体条目入口

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

  38. Gateway Flow

    效果示例 · 具体条目入口

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

  39. Glitch Text

    效果示例 · 具体条目入口

    相关词：文字、文本

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

  40. Glitter Cursor

    效果示例 · 具体条目入口

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

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

  41. Glitter Wrap

    效果示例 · 具体条目入口

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

  42. Globe

    组件示例 · 具体条目入口

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

  43. Glyph Ring

    效果示例 · 具体条目入口

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

  44. Grain Ring

    效果示例 · 具体条目入口

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

  45. Gravitational Vortex

    组件示例 · 具体条目入口

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

  46. Gravity Gallery

    效果示例 · 具体条目入口

    相关词：画廊、图片展示

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

  47. Grid Hole

    效果示例 · 具体条目入口

    相关词：网格

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

  48. Halftone Pulse

    效果示例 · 具体条目入口

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

  49. Helix Shaft

    效果示例 · 具体条目入口

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

  50. Hex Flux

    效果示例 · 具体条目入口

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

  51. Hover Image Reveal

    组件示例 · 具体条目入口

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

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

  52. Image Flipper

    组件示例 · 具体条目入口

    相关词：图片

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

  53. Image Grid

    组件示例 · 具体条目入口

    相关词：网格、图片

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

  54. Image Magnifier

    组件示例 · 具体条目入口

    相关词：图片

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

  55. Image Motion Trail

    组件示例 · 具体条目入口

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

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

  56. Image Gallery

    组件示例 · 具体条目入口

    相关词：图片、画廊、图片展示

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

  57. Infinite Hole

    效果示例 · 具体条目入口

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

  58. Infinite Stairs

    效果示例 · 具体条目入口

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

  59. Infinite Text Passage

    效果示例 · 具体条目入口

    相关词：文字、文本

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

  60. Infinity Canvas

    组件示例 · 具体条目入口

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

  61. Ink Current

    效果示例 · 具体条目入口

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

  62. Ink Flow Field

    效果示例 · 具体条目入口

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

  63. Ink Plume

    效果示例 · 具体条目入口

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

  64. Inkbleed

    效果示例 · 具体条目入口

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

  65. Inkbleed Cursor

    效果示例 · 具体条目入口

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

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

  66. Interactive Droplets

    组件示例 · 具体条目入口

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

  67. Interactive Grid

    效果示例 · 具体条目入口

    相关词：网格

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

  68. Cube Trail

    效果示例 · 具体条目入口

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

  69. Juice Effect

    效果示例 · 具体条目入口

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

  70. Lava Lamp

    组件示例 · 具体条目入口

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

  71. Leaf Fall

    效果示例 · 具体条目入口

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

  72. Lightfall

    效果示例 · 具体条目入口

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

  73. Lightning Cursor

    效果示例 · 具体条目入口

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

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

  74. Line Ripple Background

    效果示例 · 具体条目入口

    相关词：折线、线条、背景、涟漪、波纹

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

  75. Liquid Burn Reveal

    组件示例 · 具体条目入口

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

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

  76. Liquid Carve Button

    组件示例 · 具体条目入口

    相关词：按钮

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

  77. Liquid Chrome

    效果示例 · 具体条目入口

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

  78. Liquid Distortion

    组件示例 · 具体条目入口

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

  79. Liquid Grid

    效果示例 · 具体条目入口

    相关词：网格

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

  80. Liquid Hover

    组件示例 · 具体条目入口

    相关词：悬停、鼠标悬停

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