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

UI 组件库

Originkit

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

进入原站读取本页 JSON

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

资源与访问条件

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

目录入口

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

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

  1. Ring Gallery

    组件示例 · 具体条目入口

    相关词：画廊、图片展示

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

  2. Ripple Field

    效果示例 · 具体条目入口

    相关词：涟漪、波纹

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

  3. Ripple Image Card

    组件示例 · 具体条目入口

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

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

  4. Ripple Study

    效果示例 · 具体条目入口

    相关词：涟漪、波纹

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

  5. Rising Lines

    效果示例 · 具体条目入口

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

  6. Rolling Letters

    效果示例 · 具体条目入口

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

  7. Rotating Carousel

    组件示例 · 具体条目入口

    相关词：轮播、轮播图

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

  8. Satin Flow

    效果示例 · 具体条目入口

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

  9. Satin Ribbon

    效果示例 · 具体条目入口

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

  10. Scan Effect

    组件示例 · 具体条目入口

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

  11. Scan Grid Button

    组件示例 · 具体条目入口

    相关词：按钮、网格

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

  12. Scramble Text

    效果示例 · 具体条目入口

    相关词：文字、文本

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

  13. Scroll Buldge

    组件示例 · 具体条目入口

    相关词：滚动

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

  14. Scroll Text Reveal

    效果示例 · 具体条目入口

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

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

  15. Shadow Cast

    效果示例 · 具体条目入口

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

  16. Shadow Play

    效果示例 · 具体条目入口

    相关词：播放

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

  17. Shape Mosaic

    效果示例 · 具体条目入口

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

  18. Shattered Glass

    组件示例 · 具体条目入口

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

  19. Shine Card

    组件示例 · 具体条目入口

    相关词：卡片

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

  20. Shiny Droplet

    组件示例 · 具体条目入口

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

  21. Shiny Pill

    效果示例 · 具体条目入口

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

  22. Silk Fringe

    效果示例 · 具体条目入口

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

  23. Skew in text effect

    效果示例 · 具体条目入口

    相关词：文字、文本

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

  24. Slide Fill Button

    组件示例 · 具体条目入口

    相关词：按钮

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

  25. Smokey Shader

    效果示例 · 具体条目入口

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

  26. Smoky Text

    效果示例 · 具体条目入口

    相关词：文字、文本

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

  27. Snake Grid

    效果示例 · 具体条目入口

    相关词：网格

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

  28. Snow Fall

    效果示例 · 具体条目入口

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

  29. Solar Flare

    组件示例 · 具体条目入口

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

  30. Sonar Bloom

    效果示例 · 具体条目入口

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

  31. Sphere Gallery 3D

    组件示例 · 具体条目入口

    相关词：三维、3D、画廊、图片展示

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

  32. Spider Web

    效果示例 · 具体条目入口

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

  33. Spin Carousel

    组件示例 · 具体条目入口

    相关词：轮播、轮播图

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

  34. Spin Cursor

    效果示例 · 具体条目入口

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

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

  35. Spin Image

    组件示例 · 具体条目入口

    相关词：图片

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

  36. Spiral Text

    效果示例 · 具体条目入口

    相关词：文字、文本

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

  37. Spiral Weave

    效果示例 · 具体条目入口

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

  38. Spiral Images

    组件示例 · 具体条目入口

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

  39. Spotlight Text

    效果示例 · 具体条目入口

    相关词：文字、文本

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

  40. Spring Text

    效果示例 · 具体条目入口

    相关词：文字、文本

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

  41. Squish Cube

    组件示例 · 具体条目入口

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

  42. Stacked Carousel

    组件示例 · 具体条目入口

    相关词：轮播、轮播图

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

  43. Stagger Text Rise

    效果示例 · 具体条目入口

    相关词：文字、文本、交错、逐个出现

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

  44. Stained Glass

    效果示例 · 具体条目入口

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

  45. Star Gate

    效果示例 · 具体条目入口

    相关词：星星、收藏

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

  46. Star Burst

    效果示例 · 具体条目入口

    相关词：星星、收藏

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

  47. Stardust

    效果示例 · 具体条目入口

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

  48. Starfield Button

    组件示例 · 具体条目入口

    相关词：按钮

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

  49. Sticker Peel

    组件示例 · 具体条目入口

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

  50. Stream Convergence

    效果示例 · 具体条目入口

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

  51. Structure Flow

    组件示例 · 具体条目入口

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

  52. SVG Particle

    效果示例 · 具体条目入口

    相关词：粒子

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

  53. Swipe Stack

    组件示例 · 具体条目入口

    相关词：滑动、手势

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

  54. Swirl Flow

    效果示例 · 具体条目入口

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

  55. Sync Scroll

    效果示例 · 具体条目入口

    相关词：滚动

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

  56. Tactile Button

    组件示例 · 具体条目入口

    相关词：按钮

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

  57. Text Button Cursor

    效果示例 · 具体条目入口

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

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

  58. Text Carousel

    效果示例 · 具体条目入口

    相关词：轮播、轮播图、文字、文本

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

  59. Text Colour Sweep

    效果示例 · 具体条目入口

    相关词：文字、文本

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

  60. Text Distortion

    效果示例 · 具体条目入口

    相关词：文字、文本

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

  61. Text Dither

    效果示例 · 具体条目入口

    相关词：文字、文本

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

  62. Text Emerge

    效果示例 · 具体条目入口

    相关词：文字、文本

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

  63. Text Fall

    效果示例 · 具体条目入口

    相关词：文字、文本

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

  64. Text Gather

    效果示例 · 具体条目入口

    相关词：文字、文本

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

  65. Text Noise

    效果示例 · 具体条目入口

    相关词：文字、文本

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

  66. Text Reveal Wall

    效果示例 · 具体条目入口

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

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

  67. Text Ring

    效果示例 · 具体条目入口

    相关词：文字、文本

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

  68. Text String

    效果示例 · 具体条目入口

    相关词：文字、文本

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

  69. Text Vaporize

    效果示例 · 具体条目入口

    相关词：文字、文本

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

  70. Text Wave

    效果示例 · 具体条目入口

    相关词：文字、文本

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

  71. Text Wipe

    效果示例 · 具体条目入口

    相关词：文字、文本

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

  72. Text Lift

    效果示例 · 具体条目入口

    相关词：文字、文本

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

  73. Text Morph

    效果示例 · 具体条目入口

    相关词：文字、文本

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

  74. Text Path

    效果示例 · 具体条目入口

    相关词：文字、文本

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

  75. Thunder Strike

    组件示例 · 具体条目入口

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

  76. Tile Cursor

    效果示例 · 具体条目入口

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

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

  77. Tilt Mosaic

    效果示例 · 具体条目入口

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

  78. Time Swirl

    效果示例 · 具体条目入口

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

  79. Topo Contour

    效果示例 · 具体条目入口

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

  80. Topology Field

    组件示例 · 具体条目入口

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