{
  "schemaVersion": 1,
  "updatedAt": "2026-10-18",
  "source": {
    "id": "beautiful",
    "name": "Beautiful UI",
    "description": "面向 AI 产品的界面组件，包含思考状态、对话和审批卡片。",
    "category": "UI 组件库",
    "tags": [
      "AI 界面",
      "MIT",
      "提供代码"
    ],
    "url": "https://www.beautifului.dev/",
    "directoryUrl": "https://www.uipicks.top/ai/sites/beautiful/index.html",
    "jsonUrl": "https://www.uipicks.top/ai/sites/beautiful/index.json",
    "code": true,
    "prompt": false,
    "entryCount": 21,
    "scope": {
      "status": "公开目录",
      "note": "来自官网可见目录或公开站点地图；不包含未公开、登录后或尚未发布的内容。",
      "capturedAt": "2026-10-13"
    },
    "offers": [
      {
        "id": "catalog",
        "label": "已收录的参考资源",
        "platforms": [
          "unknown"
        ],
        "resources": [
          "code"
        ],
        "frameworks": [
          "unknown"
        ],
        "pricing": [
          "unknown"
        ],
        "evidence": [
          {
            "kind": "saved",
            "url": "https://www.beautifului.dev/license",
            "date": "2026-10-13",
            "note": "已收录的官网用途说明与标签：面向 AI 产品的界面组件，包含思考状态、对话和审批卡片。"
          }
        ]
      }
    ],
    "featuredSamples": []
  },
  "pagination": {
    "page": 1,
    "pageSize": 80,
    "totalEntries": 21,
    "totalPages": 1,
    "offset": 0,
    "previous": null,
    "next": null
  },
  "entries": [
    {
      "id": "607b3bb54371c3fe",
      "title": "Loading State",
      "url": "https://www.beautifului.dev/#loading-state",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "加载",
        "加载动画",
        "AI",
        "人工智能"
      ],
      "framework": "",
      "source": {
        "kind": "官网锚点目录",
        "url": "https://www.beautifului.dev/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "4e259af97c547837",
      "title": "Thinking",
      "url": "https://www.beautifului.dev/#thinking-state",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "AI",
        "人工智能",
        "思考状态"
      ],
      "framework": "",
      "source": {
        "kind": "官网锚点目录",
        "url": "https://www.beautifului.dev/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "40801adc38be9fe9",
      "title": "Streaming Text",
      "url": "https://www.beautifului.dev/#streaming-text",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "文字",
        "文本",
        "AI",
        "人工智能",
        "流式输出"
      ],
      "framework": "",
      "source": {
        "kind": "官网锚点目录",
        "url": "https://www.beautifului.dev/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "1d7cd70e7fcae288",
      "title": "Approval Card",
      "url": "https://www.beautifului.dev/#approval-card",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "卡片",
        "AI",
        "人工智能",
        "审批",
        "确认"
      ],
      "framework": "",
      "source": {
        "kind": "官网锚点目录",
        "url": "https://www.beautifului.dev/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "ab22d95d4831eca0",
      "title": "Tool Chips",
      "url": "https://www.beautifului.dev/#tool-chips",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "AI",
        "人工智能"
      ],
      "framework": "",
      "source": {
        "kind": "官网锚点目录",
        "url": "https://www.beautifului.dev/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "6893b134e510e8be",
      "title": "Task Rows",
      "url": "https://www.beautifului.dev/#task-rows",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "AI",
        "人工智能"
      ],
      "framework": "",
      "source": {
        "kind": "官网锚点目录",
        "url": "https://www.beautifului.dev/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "f1b1258ea8b891b9",
      "title": "Chat",
      "url": "https://www.beautifului.dev/#chat-composer",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "聊天",
        "对话",
        "AI",
        "人工智能"
      ],
      "framework": "",
      "source": {
        "kind": "官网锚点目录",
        "url": "https://www.beautifului.dev/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "d166df4b2650a94b",
      "title": "Prompt Bar",
      "url": "https://www.beautifului.dev/#prompt-bar",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "柱状图",
        "AI",
        "人工智能"
      ],
      "framework": "",
      "source": {
        "kind": "官网锚点目录",
        "url": "https://www.beautifului.dev/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "e4b52144479d5116",
      "title": "Recommendation Card",
      "url": "https://www.beautifului.dev/#recommendation-card",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "卡片",
        "AI",
        "人工智能"
      ],
      "framework": "",
      "source": {
        "kind": "官网锚点目录",
        "url": "https://www.beautifului.dev/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "5b525eef13b045f1",
      "title": "Context Cards",
      "url": "https://www.beautifului.dev/#context-cards",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "卡片",
        "AI",
        "人工智能"
      ],
      "framework": "",
      "source": {
        "kind": "官网锚点目录",
        "url": "https://www.beautifului.dev/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "4489d97770f9b61c",
      "title": "Diff Table",
      "url": "https://www.beautifului.dev/#diff-table",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "表格",
        "数据表格",
        "AI",
        "人工智能"
      ],
      "framework": "",
      "source": {
        "kind": "官网锚点目录",
        "url": "https://www.beautifului.dev/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "6e91f317aa0f217a",
      "title": "Records Table",
      "url": "https://www.beautifului.dev/#records-table",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "表格",
        "数据表格",
        "AI",
        "人工智能"
      ],
      "framework": "",
      "source": {
        "kind": "官网锚点目录",
        "url": "https://www.beautifului.dev/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "246241f5c31e591a",
      "title": "Filter Table",
      "url": "https://www.beautifului.dev/#filter-table",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "表格",
        "数据表格",
        "AI",
        "人工智能"
      ],
      "framework": "",
      "source": {
        "kind": "官网锚点目录",
        "url": "https://www.beautifului.dev/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "dc3719e42e3a352c",
      "title": "Sidebar Nav",
      "url": "https://www.beautifului.dev/#sidebar-nav",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "侧边栏",
        "AI",
        "人工智能"
      ],
      "framework": "",
      "source": {
        "kind": "官网锚点目录",
        "url": "https://www.beautifului.dev/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "3b4c8da50d811195",
      "title": "Search",
      "url": "https://www.beautifului.dev/#search",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "搜索",
        "AI",
        "人工智能"
      ],
      "framework": "",
      "source": {
        "kind": "官网锚点目录",
        "url": "https://www.beautifului.dev/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "81636b05746340a6",
      "title": "Flowchart",
      "url": "https://www.beautifului.dev/#flowchart",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "AI",
        "人工智能"
      ],
      "framework": "",
      "source": {
        "kind": "官网锚点目录",
        "url": "https://www.beautifului.dev/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "ca90218685774b1b",
      "title": "Insight Cards",
      "url": "https://www.beautifului.dev/#insight-cards",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "卡片",
        "AI",
        "人工智能"
      ],
      "framework": "",
      "source": {
        "kind": "官网锚点目录",
        "url": "https://www.beautifului.dev/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "3ca8e4273d817bce",
      "title": "Code Block",
      "url": "https://www.beautifului.dev/#code-block",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "AI",
        "人工智能"
      ],
      "framework": "",
      "source": {
        "kind": "官网锚点目录",
        "url": "https://www.beautifului.dev/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "5667151dcccb0418",
      "title": "Fine-tune Card",
      "url": "https://www.beautifului.dev/#fine-tune-card",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "卡片",
        "AI",
        "人工智能"
      ],
      "framework": "",
      "source": {
        "kind": "官网锚点目录",
        "url": "https://www.beautifului.dev/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "06d84003f1b5345b",
      "title": "Selection Actions",
      "url": "https://www.beautifului.dev/#selection-actions",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "AI",
        "人工智能"
      ],
      "framework": "",
      "source": {
        "kind": "官网锚点目录",
        "url": "https://www.beautifului.dev/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "9d94ddd06cf2c6b4",
      "title": "Agent Screen",
      "url": "https://www.beautifului.dev/#agent-screen",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "AI",
        "人工智能",
        "智能体"
      ],
      "framework": "",
      "source": {
        "kind": "官网锚点目录",
        "url": "https://www.beautifului.dev/",
        "date": "2026-10-13"
      }
    }
  ]
}