{
  "schemaVersion": 1,
  "updatedAt": "2026-10-18",
  "source": {
    "id": "bookmark-collectui-com",
    "name": "Collect UI",
    "description": "按界面主题浏览日常 UI 设计参考，适合比较不同设计解法。",
    "category": "设计灵感",
    "tags": [
      "UI 灵感",
      "界面主题"
    ],
    "url": "https://collectui.com/",
    "directoryUrl": "https://www.uipicks.top/ai/sites/bookmark-collectui-com/index.html",
    "jsonUrl": "https://www.uipicks.top/ai/sites/bookmark-collectui-com/index.json",
    "code": false,
    "prompt": false,
    "entryCount": 23,
    "scope": {
      "status": "已整理部分目录",
      "note": "已收录公开的具体示例与对应详情或媒体地址；不代表原站全量。参考案例、组件示例和付费预览单独标识。",
      "capturedAt": "2026-10-14"
    },
    "offers": [
      {
        "id": "catalog",
        "label": "已收录的参考资源",
        "platforms": [
          "unknown"
        ],
        "resources": [
          "reference"
        ],
        "frameworks": [
          "na"
        ],
        "pricing": [
          "unknown"
        ],
        "evidence": [
          {
            "kind": "saved",
            "url": "https://collectui.com/",
            "date": "2026-10-13",
            "note": "已收录的官网用途说明与标签：按界面主题浏览日常 UI 设计参考，适合比较不同设计解法。"
          }
        ]
      }
    ],
    "featuredSamples": []
  },
  "pagination": {
    "page": 1,
    "pageSize": 80,
    "totalEntries": 23,
    "totalPages": 1,
    "offset": 0,
    "previous": null,
    "next": null
  },
  "entries": [
    {
      "id": "6178b9d3fcdd3d75",
      "title": "Scroll slider for blink. Vertical scroll moves the cards sideways on a slight arc. Graphics made with Rive, one scroll value drive",
      "url": "https://x.com/edo_lunardi/status/2109639533339820261",
      "kind": "动效参考",
      "direct": true,
      "aliases": [
        "滑块",
        "滑杆",
        "卡片",
        "滚动",
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://tuzpqmdnxvlzwqthgseg.supabase.co/rest/v1/collectui_posts?select=%2A&status=eq.Published&order=created_at.desc%2Cid.desc&limit=48",
        "date": "2026-10-14"
      }
    },
    {
      "id": "640a681a20b58d6e",
      "title": "hover animation.",
      "url": "https://x.com/adamhmwn/status/2109654242311229480",
      "kind": "动效参考",
      "direct": true,
      "aliases": [
        "悬停",
        "鼠标悬停",
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://tuzpqmdnxvlzwqthgseg.supabase.co/rest/v1/collectui_posts?select=%2A&status=eq.Published&order=created_at.desc%2Cid.desc&limit=48",
        "date": "2026-10-14"
      }
    },
    {
      "id": "fb5172a2b59eb9bd",
      "title": "X post cards",
      "url": "https://x.com/zzzzshawn/status/2109648259644014721",
      "kind": "界面参考",
      "direct": true,
      "aliases": [
        "卡片",
        "关闭",
        "叉号"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://tuzpqmdnxvlzwqthgseg.supabase.co/rest/v1/collectui_posts?select=%2A&status=eq.Published&order=created_at.desc%2Cid.desc&limit=48",
        "date": "2026-10-14"
      }
    },
    {
      "id": "d51865bd75148188",
      "title": "if your status needs a label, your icon isn't doing its job.",
      "url": "https://x.com/thisuxhq/status/2109622635068109107",
      "kind": "界面参考",
      "direct": true,
      "aliases": [
        "动画",
        "动效",
        "图标"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://tuzpqmdnxvlzwqthgseg.supabase.co/rest/v1/collectui_posts?select=%2A&status=eq.Published&order=created_at.desc%2Cid.desc&limit=48",
        "date": "2026-10-14"
      }
    },
    {
      "id": "b06638bdab57e590",
      "title": "i drew 490 icons for Beside",
      "url": "https://x.com/_eugrl/status/2109709276004655361",
      "kind": "界面参考",
      "direct": true,
      "aliases": [
        "图标"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://tuzpqmdnxvlzwqthgseg.supabase.co/rest/v1/collectui_posts?select=%2A&status=eq.Published&order=created_at.desc%2Cid.desc&limit=48",
        "date": "2026-10-14"
      }
    },
    {
      "id": "994209bc6581e2df",
      "title": "An example of the /state-machine skill in practice. Made a couple of improvements so it scales better when working with a lot of",
      "url": "https://x.com/jakubkrehel/status/2109306232859398295",
      "kind": "界面参考",
      "direct": true,
      "aliases": [
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://tuzpqmdnxvlzwqthgseg.supabase.co/rest/v1/collectui_posts?select=%2A&status=eq.Published&order=created_at.desc%2Cid.desc&limit=48",
        "date": "2026-10-14"
      }
    },
    {
      "id": "1c2513c21319ad3f",
      "title": "Balloon Button ⋆｡°✩",
      "url": "https://x.com/pmalay694/status/2108820556149887318",
      "kind": "界面参考",
      "direct": true,
      "aliases": [
        "按钮"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://tuzpqmdnxvlzwqthgseg.supabase.co/rest/v1/collectui_posts?select=%2A&status=eq.Published&order=created_at.desc%2Cid.desc&limit=48",
        "date": "2026-10-14"
      }
    },
    {
      "id": "a3a95e865846f453",
      "title": "ISO-GLOW does 3D now. Same Claude skill now with Three.js: orbit, true-isometric snap, working buttons. You can also hand it you",
      "url": "https://x.com/Aprilzz423/status/2109294655489868227",
      "kind": "动效参考",
      "direct": true,
      "aliases": [
        "按钮",
        "发光",
        "光晕",
        "三维",
        "3D"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://tuzpqmdnxvlzwqthgseg.supabase.co/rest/v1/collectui_posts?select=%2A&status=eq.Published&order=created_at.desc%2Cid.desc&limit=48",
        "date": "2026-10-14"
      }
    },
    {
      "id": "1138677568d084a4",
      "title": "The bigger an animated element is, the slower it should move. Notice how the hand on the right moves much slower than the cursors",
      "url": "https://x.com/emilkowalski/status/2108531407786242389",
      "kind": "界面参考",
      "direct": true,
      "aliases": [
        "首屏",
        "主视觉",
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://tuzpqmdnxvlzwqthgseg.supabase.co/rest/v1/collectui_posts?select=%2A&status=eq.Published&order=created_at.desc%2Cid.desc&limit=48",
        "date": "2026-10-14"
      }
    },
    {
      "id": "50c69f012de898f1",
      "title": "Design like this minimal should be normalised.",
      "url": "https://x.com/basit_designs/status/2108867100395843811",
      "kind": "界面参考",
      "direct": true,
      "aliases": [
        "按钮"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://tuzpqmdnxvlzwqthgseg.supabase.co/rest/v1/collectui_posts?select=%2A&status=eq.Published&order=created_at.desc%2Cid.desc&limit=48",
        "date": "2026-10-14"
      }
    },
    {
      "id": "0bf937cf3d4521d6",
      "title": "<FAQ/> that feels like a conversation",
      "url": "https://x.com/SwamiMalode/status/2108821219344777308",
      "kind": "界面参考",
      "direct": true,
      "aliases": [
        "常见问题",
        "交互",
        "动效",
        "聊天",
        "对话"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://tuzpqmdnxvlzwqthgseg.supabase.co/rest/v1/collectui_posts?select=%2A&status=eq.Published&order=created_at.desc%2Cid.desc&limit=48",
        "date": "2026-10-14"
      }
    },
    {
      "id": "4773cb3e1c2d2a17",
      "title": "reminder: you can use css mix-blend-mode to create knockout text ↓ 🧑‍🍳 .sticker { background: #000; color: #​fff; mix-blend",
      "url": "https://x.com/jh3yy/status/2108593170569175495",
      "kind": "动效参考",
      "direct": true,
      "aliases": [
        "卡片",
        "背景",
        "文字",
        "文本",
        "三维",
        "3D"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://tuzpqmdnxvlzwqthgseg.supabase.co/rest/v1/collectui_posts?select=%2A&status=eq.Published&order=created_at.desc%2Cid.desc&limit=48",
        "date": "2026-10-14"
      }
    },
    {
      "id": "b602c998cb228723",
      "title": "Switching tabs should feel this clean",
      "url": "https://x.com/eliakuratli/status/2108248320699498919",
      "kind": "界面参考",
      "direct": true,
      "aliases": [
        "标签页",
        "选项卡",
        "菜单"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://tuzpqmdnxvlzwqthgseg.supabase.co/rest/v1/collectui_posts?select=%2A&status=eq.Published&order=created_at.desc%2Cid.desc&limit=48",
        "date": "2026-10-14"
      }
    },
    {
      "id": "681166bab46af42b",
      "title": "should i open source my lab? https://lab.anishfn.ink",
      "url": "https://x.com/anishfn/status/2107893629775995329",
      "kind": "界面参考",
      "direct": true,
      "aliases": [
        "滑块",
        "滑杆",
        "交互",
        "动效",
        "图片"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://tuzpqmdnxvlzwqthgseg.supabase.co/rest/v1/collectui_posts?select=%2A&status=eq.Published&order=created_at.desc%2Cid.desc&limit=48",
        "date": "2026-10-14"
      }
    },
    {
      "id": "7e3fc9c337aeec16",
      "title": "My first major project since joining @mobbin is live Fresh coat of paint for 👉🏼 https://mobbin.com",
      "url": "https://x.com/cleondesigns/status/2107812434773778695",
      "kind": "界面参考",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://tuzpqmdnxvlzwqthgseg.supabase.co/rest/v1/collectui_posts?select=%2A&status=eq.Published&order=created_at.desc%2Cid.desc&limit=48",
        "date": "2026-10-14"
      }
    },
    {
      "id": "df8985ed06f2de42",
      "title": "I love being a designer who can ship code",
      "url": "https://x.com/ivanboroja/status/2107474720065241435",
      "kind": "界面参考",
      "direct": true,
      "aliases": [
        "滑块",
        "滑杆",
        "卡片",
        "交互",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://tuzpqmdnxvlzwqthgseg.supabase.co/rest/v1/collectui_posts?select=%2A&status=eq.Published&order=created_at.desc%2Cid.desc&limit=48",
        "date": "2026-10-14"
      }
    },
    {
      "id": "4d8b5db3ec5f8669",
      "title": "Context window [UI element]",
      "url": "https://x.com/disarto_max/status/2107575107267052006",
      "kind": "界面参考",
      "direct": true,
      "aliases": [
        "图表",
        "标签页",
        "选项卡"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://tuzpqmdnxvlzwqthgseg.supabase.co/rest/v1/collectui_posts?select=%2A&status=eq.Published&order=created_at.desc%2Cid.desc&limit=48",
        "date": "2026-10-14"
      }
    },
    {
      "id": "37406e5029b13059",
      "title": "Scroll animation for #Peak website.",
      "url": "https://x.com/olatheuiuxguy/status/2107444711690825984",
      "kind": "动效参考",
      "direct": true,
      "aliases": [
        "滚动",
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://tuzpqmdnxvlzwqthgseg.supabase.co/rest/v1/collectui_posts?select=%2A&status=eq.Published&order=created_at.desc%2Cid.desc&limit=48",
        "date": "2026-10-14"
      }
    },
    {
      "id": "fd6952a97ab3635f",
      "title": "You ask, and we listen. Now you can pin your most important your canvases!",
      "url": "https://x.com/BuildWithCausal/status/2107504071628444074",
      "kind": "界面参考",
      "direct": true,
      "aliases": [
        "侧边栏"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://tuzpqmdnxvlzwqthgseg.supabase.co/rest/v1/collectui_posts?select=%2A&status=eq.Published&order=created_at.desc%2Cid.desc&limit=48",
        "date": "2026-10-14"
      }
    },
    {
      "id": "15befd758275da0a",
      "title": "At the bottom of this page, the brand has eyes.",
      "url": "https://x.com/Matthias_Oel/status/2107107561816392119",
      "kind": "界面参考",
      "direct": true,
      "aliases": [
        "页脚"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://tuzpqmdnxvlzwqthgseg.supabase.co/rest/v1/collectui_posts?select=%2A&status=eq.Published&order=created_at.desc%2Cid.desc&limit=48",
        "date": "2026-10-14"
      }
    },
    {
      "id": "27669c79fdab1b61",
      "title": "Code input for SwiftUI and Web in https://metalforge.xyz",
      "url": "https://x.com/sucodeee/status/2107420636113191248",
      "kind": "界面参考",
      "direct": true,
      "aliases": [
        "输入框"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://tuzpqmdnxvlzwqthgseg.supabase.co/rest/v1/collectui_posts?select=%2A&status=eq.Published&order=created_at.desc%2Cid.desc&limit=48",
        "date": "2026-10-14"
      }
    },
    {
      "id": "263cfd12de5c0990",
      "title": "micro progress button interaction ⎯⟡° what if progress happened inside the button that started it?",
      "url": "https://x.com/withAnimationUI/status/2107359197511692380",
      "kind": "界面参考",
      "direct": true,
      "aliases": [
        "按钮",
        "进度条",
        "交互",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://tuzpqmdnxvlzwqthgseg.supabase.co/rest/v1/collectui_posts?select=%2A&status=eq.Published&order=created_at.desc%2Cid.desc&limit=48",
        "date": "2026-10-14"
      }
    },
    {
      "id": "be8eb708e1137ad3",
      "title": "blocks are coming to soon to hextaui. https://hextaui.com",
      "url": "https://x.com/preetsuthar17/status/2107343772757729324",
      "kind": "界面参考",
      "direct": true,
      "aliases": [
        "聊天",
        "对话",
        "AI",
        "人工智能"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://tuzpqmdnxvlzwqthgseg.supabase.co/rest/v1/collectui_posts?select=%2A&status=eq.Published&order=created_at.desc%2Cid.desc&limit=48",
        "date": "2026-10-14"
      }
    }
  ]
}