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

UI 组件库

Originkit

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

进入原站读取本页 JSON

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

资源与访问条件

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

目录入口

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

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

  1. Liquid Vortex

    效果示例 · 具体条目入口

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

  2. Live Chat

    效果示例 · 具体条目入口

    相关词：聊天、对话

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

  3. Low Poly Asteroid

    组件示例 · 具体条目入口

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

  4. Magnet Filaments

    效果示例 · 具体条目入口

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

  5. Magnetic Hover Button

    组件示例 · 具体条目入口

    相关词：按钮、悬停、鼠标悬停

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

  6. Magnetic Carousel

    组件示例 · 具体条目入口

    相关词：轮播、轮播图

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

  7. Mask Text Reveal

    效果示例 · 具体条目入口

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

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

  8. Mech Keyboard

    组件示例 · 具体条目入口

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

  9. Mesh Text Hover

    效果示例 · 具体条目入口

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

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

  10. Metal Rubics

    组件示例 · 具体条目入口

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

  11. Molten Cracks

    效果示例 · 具体条目入口

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

  12. Morphing Glyph Cloud

    效果示例 · 具体条目入口

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

  13. Morphing Rings

    组件示例 · 具体条目入口

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

  14. Mosaic Flip

    组件示例 · 具体条目入口

    相关词：翻转

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

  15. Motion Orbit

    效果示例 · 具体条目入口

    相关词：动画、动效

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

  16. Motion Text Wave

    效果示例 · 具体条目入口

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

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

  17. Moving Gradient Button

    组件示例 · 具体条目入口

    相关词：按钮、渐变

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

  18. Multi-Effect Cursor

    效果示例 · 具体条目入口

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

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

  19. Neon Glow Button

    组件示例 · 具体条目入口

    相关词：按钮、发光、光晕

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

  20. Network Lines

    效果示例 · 具体条目入口

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

  21. Newton Cradle

    效果示例 · 具体条目入口

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

  22. Noise Wipe

    组件示例 · 具体条目入口

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

  23. Ocean Background

    效果示例 · 具体条目入口

    相关词：背景

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

  24. Ocean Swell

    效果示例 · 具体条目入口

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

  25. Ocean Waves

    效果示例 · 具体条目入口

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

  26. Orbit Border Button

    组件示例 · 具体条目入口

    相关词：按钮

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

  27. Origami Loop

    效果示例 · 具体条目入口

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

  28. Outline Typeflow

    效果示例 · 具体条目入口

    相关词：线性图标、描边图标

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

  29. Paper Image

    组件示例 · 具体条目入口

    相关词：图片

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

  30. Paper Ridge

    效果示例 · 具体条目入口

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

  31. Particle Dome

    效果示例 · 具体条目入口

    相关词：粒子

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

  32. Particle Enfold

    效果示例 · 具体条目入口

    相关词：粒子

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

  33. Particle Gimbal

    效果示例 · 具体条目入口

    相关词：粒子

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

  34. Particle Interlock

    效果示例 · 具体条目入口

    相关词：粒子

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

  35. Particle Jupiter

    组件示例 · 具体条目入口

    相关词：粒子

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

  36. Particle Pulse

    效果示例 · 具体条目入口

    相关词：粒子

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

  37. Particle Revolve

    效果示例 · 具体条目入口

    相关词：粒子

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

  38. Particle Simulation

    组件示例 · 具体条目入口

    相关词：粒子

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

  39. Particle Surge

    效果示例 · 具体条目入口

    相关词：粒子

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

  40. Particle Tether

    效果示例 · 具体条目入口

    相关词：粒子

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

  41. Particle Winding

    效果示例 · 具体条目入口

    相关词：粒子

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

  42. Particle Wobble

    效果示例 · 具体条目入口

    相关词：粒子

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

  43. Particle Sphere

    组件示例 · 具体条目入口

    相关词：粒子

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

  44. Particle Tunnel

    效果示例 · 具体条目入口

    相关词：粒子

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

  45. Petal Vortex

    效果示例 · 具体条目入口

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

  46. Phyllotaxis Disc

    组件示例 · 具体条目入口

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

  47. Pixel Distortion

    组件示例 · 具体条目入口

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

  48. Pixel LED Display

    效果示例 · 具体条目入口

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

  49. Pixel Reveal

    组件示例 · 具体条目入口

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

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

  50. Pixel Run Game

    效果示例 · 具体条目入口

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

  51. Tetris

    效果示例 · 具体条目入口

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

  52. Pixel Unfold

    组件示例 · 具体条目入口

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

  53. Pixelate Image

    组件示例 · 具体条目入口

    相关词：图片

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

  54. Pixelated Frame

    组件示例 · 具体条目入口

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

  55. Pixel Card

    效果示例 · 具体条目入口

    相关词：卡片

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

  56. Pixel Drift

    效果示例 · 具体条目入口

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

  57. Pixel Reveal

    组件示例 · 具体条目入口

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

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

  58. Plate Stack

    效果示例 · 具体条目入口

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

  59. Point DNA Helix

    组件示例 · 具体条目入口

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

  60. Popcorn Text

    效果示例 · 具体条目入口

    相关词：文字、文本

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

  61. Prism Burst

    效果示例 · 具体条目入口

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

  62. Prism Grid

    效果示例 · 具体条目入口

    相关词：网格

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

  63. Prism Ring Button

    组件示例 · 具体条目入口

    相关词：按钮

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

  64. Prisma Smoke

    效果示例 · 具体条目入口

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

  65. Proximity Orbit

    组件示例 · 具体条目入口

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

  66. Pulsating Border

    效果示例 · 具体条目入口

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

  67. Pulse Grid

    效果示例 · 具体条目入口

    相关词：网格

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

  68. Pulse Lines

    效果示例 · 具体条目入口

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

  69. Pulse Roll

    效果示例 · 具体条目入口

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

  70. Pulsing Ripple

    效果示例 · 具体条目入口

    相关词：涟漪、波纹

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

  71. Radial Reveal Button

    组件示例 · 具体条目入口

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

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

  72. Random Letter Swap

    效果示例 · 具体条目入口

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

  73. Reactive Lines

    效果示例 · 具体条目入口

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

  74. Reactive Grid

    效果示例 · 具体条目入口

    相关词：网格

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

  75. Recursive Erosion

    组件示例 · 具体条目入口

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

  76. Reflect Background

    效果示例 · 具体条目入口

    相关词：背景

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

  77. Refract Gem

    组件示例 · 具体条目入口

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

  78. Repetition Hover

    组件示例 · 具体条目入口

    相关词：悬停、鼠标悬停

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

  79. Ribbon Trails

    效果示例 · 具体条目入口

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

  80. Ridge Parallax

    效果示例 · 具体条目入口

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