{"name":"UI Hub resources","updated":"2026-10-15 15:17 UTC","count":2395,"license_note":"Links and metadata only; each resource keeps its own license. Preview images © original sites.","fields":{"type":"library|component|style|skill|effect|template|generator|inspiration|system|spec|tool|tutorial|collection|guide","ct":"component kind, e.g. button,input,dialog,chart,table,chat,motion,background,layout","vs":"visual style, e.g. minimal,enterprise,material,soft,playful,motion,dark-tech,gradient,3d,apple,editorial,brutalist,glass","pricing":"free|freemium|paid|unknown"},"items":[{"id":"ued-figma-mcp-guide","name":"Figma MCP Server Guide（含官方 Skills）","url":"https://github.com/figma/mcp-server-guide","type":"skill","pricing":"free","tags":["Skill","MCP","Token","开源"],"vs":["minimal"],"rt":["skill","mcp","tokens-spec"],"section":"Agent 设计 Skills · 新增","note":"Figma 官方 MCP 配置指南，含 figma-create-design-system-rules 等 Skill，可为 CLAUDE.md、AGENTS.md、.cursor/rules 生成设计规范"},{"id":"ued-figma-mcp-skills","name":"Figma：为 MCP 写自定义 Skill","url":"https://developers.figma.com/docs/figma-mcp-server/create-skills/","type":"tutorial","pricing":"free","tags":["Skill","MCP"],"vs":["minimal"],"rt":["tutorial","skill","mcp"],"section":"Agent 设计 Skills · 新增","note":"教你写 Skill，让 Agent 先查组件库，再按你们的 Variables 命名和模式出稿"},{"id":"ued-figma-mcp-rules","name":"Figma：给 MCP 加自定义规则","url":"https://developers.figma.com/docs/figma-mcp-server/add-custom-rules/","type":"tutorial","pricing":"free","tags":["MCP","Token"],"vs":["minimal"],"rt":["tutorial","mcp","tokens-spec"],"section":"Agent 设计 Skills · 新增","note":"现成规则模板：get_design_context → 截图 → 用 token 实现 → 对照设计稿检查"},{"id":"ued-figma-cc-designers","name":"Figma：设计师怎么用 Claude Code","url":"https://www.figma.com/resource-library/claude-code-for-designers/","type":"tutorial","pricing":"free","tags":["MCP"],"vs":["minimal"],"rt":["tutorial","mcp"],"section":"Agent 设计 Skills · 新增","note":"设计师入门：连上 Figma、读组件和 token、把改动推回画布"},{"id":"ued-impeccable-style","name":"Impeccable","url":"https://impeccable.style","type":"skill","pricing":"free","tags":["Skill","去 AI 味"],"vs":["editorial","minimal"],"rt":["skill","anti-slop"],"section":"Agent 设计 Skills · 新增","note":"3 万多星的设计 Skill：20 多条设计命令，加 UI 审查和 AI slop 反模式检测；官网可在线看效果和命令说明"},{"id":"ued-taste-skill-repo","name":"Taste Skill（13 个子 Skill 全集）","url":"https://github.com/Leonxlnx/taste-skill","type":"skill","pricing":"free","tags":["Skill","去 AI 味","开源"],"vs":["minimal","editorial","soft"],"rt":["skill","anti-slop"],"section":"Agent 设计 Skills · 新增","note":"8 万多星的「反 AI 味」Skill 合集，共 13 个：管排版、留白、圆角、动效强度，还能审查已有页面；官网 tasteskill.dev"},{"id":"ued-bencium-design","name":"bencium Claude Code Design Skill","url":"https://github.com/bencium/bencium-claude-code-design-skill","type":"skill","pricing":"free","tags":["Skill","开源"],"vs":["minimal"],"rt":["skill"],"section":"Agent 设计 Skills · 新增","note":"社区评价「最完整的 UX 设计 Skill 之一」，偏 UX 流程和可用性"},{"id":"ued-vercel-agent-skills","name":"Vercel agent-skills（web-design-guidelines）","url":"https://github.com/vercel-labs/agent-skills","type":"skill","pricing":"free","tags":["Skill","无障碍","Token","开源"],"vs":["minimal","swiss"],"rt":["skill","a11y","tokens-spec"],"section":"Agent 设计 Skills · 新增","note":"Vercel 官方：按 100 多条界面规范审查 UI 代码，覆盖无障碍、焦点、表单、动效、排版、暗色、i18n"},{"id":"ued-shadcn-skills-docs","name":"shadcn/ui 官方 Skill","url":"https://ui.shadcn.com/docs/skills","type":"skill","pricing":"free","tags":["Skill"],"vs":["minimal"],"rt":["skill"],"section":"Agent 设计 Skills · 新增","note":"读 components.json，按 shadcn 的组合规则和语义色写组件，减少 AI 乱拼"},{"id":"ued-antd-for-agents","name":"Ant Design for Agents（MCP + Skill）","url":"https://ant-design.antgroup.com/docs/react/for-agents","type":"skill","pricing":"free","tags":["Skill","MCP","DESIGN.md"],"vs":["enterprise"],"rt":["skill","mcp","design-md"],"section":"Agent 设计 Skills · 新增","note":"蚂蚁官方：antd mcp、antd setup --client cursor/claude/codex，一条命令装好 MCP 和 Skill"},{"id":"ued-antd-llms","name":"Ant Design llms.txt / design.md","url":"https://ant.design/docs/react/llms","type":"spec","pricing":"free","tags":["DESIGN.md","Token"],"vs":["enterprise"],"rt":["design-md","tokens-spec"],"section":"Agent 设计 Skills · 新增","note":"有 llms.txt、llms-full.txt 和 design.md，把整套 antd 规范喂给 AI"},{"id":"ued-gsap-skills","name":"GSAP 官方 Skills","url":"https://github.com/greensock/gsap-skills","type":"skill","pricing":"free","tags":["Skill","动效","开源"],"vs":["motion"],"rt":["skill","motion"],"section":"Agent 设计 Skills · 新增","note":"GreenSock 官方动效 Skill：时间轴、ScrollTrigger、React 清理，Cursor / Claude / Codex 都能用"},{"id":"ued-google-design-md","name":"DESIGN.md 格式规范（Google）","url":"https://github.com/google-labs-code/design.md","type":"spec","pricing":"free","tags":["DESIGN.md","Token","开源"],"vs":["minimal"],"rt":["design-md","tokens-spec"],"section":"Agent 设计 Skills · 新增","note":"Google 提出的 DESIGN.md 格式：YAML 写 token，Markdown 写设计意图"},{"id":"ued-addy-agent-skills","name":"addyosmani/agent-skills","url":"https://github.com/addyosmani/agent-skills","type":"skill","pricing":"free","tags":["Skill","开源"],"vs":["minimal"],"rt":["skill"],"section":"Agent 设计 Skills · 新增","note":"Addy Osmani 的工程 Skill 集，含前端性能和质量类"},{"id":"ued-openai-plugins","name":"openai/plugins","url":"https://github.com/openai/plugins","type":"skill","pricing":"free","tags":["Skill","MCP","开源"],"vs":["minimal"],"rt":["skill","mcp"],"section":"Agent 设计 Skills · 新增","note":"OpenAI 官方 Codex 插件和 Skill 仓库，里面有设计、Figma 相关插件"},{"id":"ued-oil-frontend","name":"Oil Frontend（中文前端规范 Skill）","url":"https://github.com/oil-oil/oil-frontend","type":"skill","pricing":"free","tags":["Skill","Token","开源"],"vs":["minimal"],"rt":["skill","tokens-spec"],"section":"Agent 设计 Skills · 新增","note":"中文作者写的前端规范 Skill：组件、函数、架构，加基础 UI/UX，适合不熟前端规范的人"},{"id":"ued-dembrandt","name":"dembrandt","url":"https://github.com/dembrandt/dembrandt","type":"tool","pricing":"free","tags":["MCP","Token","开源"],"vs":["minimal"],"rt":["tool","mcp","tokens-spec"],"section":"Agent 设计 Skills · 新增","note":"输入网址，几秒提取整套设计系统（色、字、间距、阴影），能当 MCP 接进 Claude"},{"id":"ued-skills-sh","name":"skills.sh","url":"https://skills.sh","type":"collection","pricing":"free","tags":["Skill"],"vs":["minimal"],"rt":["directory","skill"],"section":"Agent 设计 Skills · 新增","note":"跨 Agent 的 Skill 目录，用 npx skills add 安装"},{"id":"ued-ui-skills-root","name":"ui-skills.com","url":"https://www.ui-skills.com","type":"collection","pricing":"free","tags":["Skill"],"vs":["minimal"],"rt":["directory","skill"],"section":"Agent 设计 Skills · 新增","note":"面向人和 Agent 的设计 playbook 合集（本站许多 Skill 卡片来自这里）"},{"id":"ued-whichai-dev","name":"whichai.dev","url":"https://www.whichai.dev","type":"collection","pricing":"free","tags":["去 AI 味"],"vs":["minimal"],"rt":["directory","anti-slop"],"section":"Agent 设计 Skills · 新增","note":"把各家模型「装 / 不装设计 Skill」做出的前端放一起对比，判断值不值得装"},{"id":"ued-x-shao-taste","name":"Taste Skill 13 个子 Skill 拆解（@shao__meng）","url":"https://x.com/i/status/2093148263621017886","type":"tutorial","pricing":"free","tags":["去 AI 味"],"vs":["minimal"],"rt":["tutorial","anti-slop"],"section":"Agent 设计 Skills · 新增","note":"中文长帖，逐个讲 Taste Skill 的 13 个子 Skill 管什么、什么时候用"},{"id":"ued-apple-hig","name":"Apple Human Interface Guidelines","url":"https://developer.apple.com/design/human-interface-guidelines/","type":"system","pricing":"free","tags":["大厂规范","Token","无障碍"],"vs":["apple","glass","minimal"],"rt":["design-system","tokens-spec","a11y"],"section":"大厂 UED / 设计系统","note":"iOS、macOS、visionOS 的权威规范，Liquid Glass 时代必读"},{"id":"ued-apple-resources","name":"Apple Design Resources","url":"https://developer.apple.com/design/resources/","type":"system","pricing":"free","tags":["大厂规范"],"vs":["apple","glass"],"rt":["design-system","assets"],"section":"大厂 UED / 设计系统","note":"官方 Figma / Sketch 套件、SF 字体、SF Symbols"},{"id":"ued-material-3","name":"Material Design 3","url":"https://m3.material.io/","type":"system","pricing":"free","tags":["大厂规范","Token","动效","无障碍"],"vs":["material","playful"],"rt":["design-system","tokens-spec","motion","a11y"],"section":"大厂 UED / 设计系统","note":"Google M3 和 Expressive 的组件、颜色、动效、无障碍规范"},{"id":"ued-material-theme-builder","name":"Material Theme Builder","url":"https://material-foundation.github.io/material-theme-builder/","type":"tool","pricing":"free","tags":["Token"],"vs":["material"],"rt":["tool","tokens-spec"],"section":"大厂 UED / 设计系统","note":"一个主色生成整套 M3 色彩 token，可以导出代码"},{"id":"ued-fluent-2","name":"Microsoft Fluent 2","url":"https://fluent2.microsoft.design/","type":"system","pricing":"free","tags":["大厂规范","Token"],"vs":["fluent","enterprise"],"rt":["design-system","tokens-spec"],"section":"大厂 UED / 设计系统","note":"微软跨平台设计语言，有 Web、iOS、Android、Windows 版本"},{"id":"ued-fusion-design","name":"Fusion Design（阿里）","url":"https://fusion.design/","type":"system","pricing":"free","tags":["大厂规范"],"vs":["enterprise"],"rt":["design-system","component-library"],"section":"大厂 UED / 设计系统","note":"阿里中台设计系统"},{"id":"ued-nutui","name":"NutUI（京东）","url":"https://nutui.jd.com/","type":"system","pricing":"free","tags":["大厂规范"],"vs":["playful"],"rt":["design-system","component-library"],"section":"大厂 UED / 设计系统","note":"京东移动端和小程序电商风组件规范"},{"id":"ued-weui","name":"WeUI（微信）","url":"https://github.com/Tencent/weui","type":"system","pricing":"free","tags":["大厂规范","开源"],"vs":["minimal"],"rt":["design-system","component-library"],"section":"大厂 UED / 设计系统","note":"微信原生视觉规范组件"},{"id":"ued-wx-miniprogram-design","name":"微信小程序设计指南","url":"https://developers.weixin.qq.com/miniprogram/design/","type":"system","pricing":"free","tags":["大厂规范","Token"],"vs":["minimal"],"rt":["design-system","tokens-spec"],"section":"大厂 UED / 设计系统","note":"小程序官方交互和视觉原则"},{"id":"ued-harmonyos-design","name":"HarmonyOS 设计（华为）","url":"https://developer.huawei.com/consumer/cn/design/","type":"system","pricing":"free","tags":["大厂规范","Token"],"vs":["minimal","soft"],"rt":["design-system","tokens-spec"],"section":"大厂 UED / 设计系统","note":"鸿蒙官方设计规范和资源"},{"id":"ued-samsung-one-ui","name":"Samsung One UI","url":"https://developer.samsung.com/one-ui","type":"system","pricing":"free","tags":["大厂规范"],"vs":["soft","minimal"],"rt":["design-system"],"section":"大厂 UED / 设计系统","note":"三星官方：布局、栅格、大屏和折叠屏规范"},{"id":"ued-shopify-polaris","name":"Shopify Polaris","url":"https://polaris.shopify.com/","type":"system","pricing":"free","tags":["大厂规范"],"vs":["enterprise","minimal"],"rt":["design-system","component-library"],"section":"大厂 UED / 设计系统","note":"Shopify 后台设计系统，现在以 Web Components 为主"},{"id":"ued-polaris-wc","name":"Polaris Web Components 文档","url":"https://shopify.dev/docs/api/app-home/polaris-web-components","type":"system","pricing":"free","tags":["大厂规范"],"vs":["enterprise","minimal"],"rt":["component-library","design-system"],"section":"大厂 UED / 设计系统","note":"Polaris 新版组件 API"},{"id":"ued-salesforce-slds","name":"Salesforce Lightning（SLDS）","url":"https://www.lightningdesignsystem.com/","type":"system","pricing":"free","tags":["大厂规范","Token"],"vs":["enterprise"],"rt":["design-system","tokens-spec"],"section":"大厂 UED / 设计系统","note":"企业 SaaS 规范，styling hooks 是 token 化主题的典型"},{"id":"ued-atlassian-ds","name":"Atlassian Design System","url":"https://atlassian.design/","type":"system","pricing":"free","tags":["大厂规范","Token","无障碍"],"vs":["enterprise","minimal"],"rt":["design-system","tokens-spec","a11y"],"section":"大厂 UED / 设计系统","note":"Jira / Confluence 的规范，token 和写作规范都公开"},{"id":"ued-uber-base","name":"Uber Base","url":"https://base.uber.com/","type":"system","pricing":"free","tags":["大厂规范"],"vs":["minimal","swiss"],"rt":["design-system"],"section":"大厂 UED / 设计系统","note":"Uber 官方设计系统"},{"id":"ued-base-web","name":"Base Web（Uber React 实现）","url":"https://baseweb.design/","type":"component","pricing":"free","tags":["大厂规范"],"vs":["minimal","swiss"],"rt":["component-library","design-system"],"section":"大厂 UED / 设计系统","note":"Base 的开源 React 组件"},{"id":"ued-adobe-spectrum","name":"Adobe Spectrum","url":"https://spectrum.adobe.com/","type":"system","pricing":"free","tags":["大厂规范","Token","无障碍"],"vs":["enterprise","minimal"],"rt":["design-system","tokens-spec","a11y"],"section":"大厂 UED / 设计系统","note":"Adobe 全家桶设计语言"},{"id":"ued-adobe-spectrum-2","name":"Spectrum 2","url":"https://s2.spectrum.adobe.com/","type":"system","pricing":"free","tags":["大厂规范"],"vs":["soft","minimal"],"rt":["design-system"],"section":"大厂 UED / 设计系统","note":"Spectrum 新一代视觉和组件"},{"id":"ued-govuk-ds","name":"GOV.UK Design System","url":"https://design-system.service.gov.uk/","type":"system","pricing":"free","tags":["大厂规范","无障碍"],"vs":["utilitarian"],"rt":["design-system","a11y"],"section":"大厂 UED / 设计系统","note":"公共服务规范，无障碍和表单模式是教科书级"},{"id":"ued-twilio-paste","name":"Twilio Paste","url":"https://paste.twilio.design/","type":"system","pricing":"free","tags":["大厂规范","无障碍"],"vs":["enterprise","minimal"],"rt":["design-system","component-library","a11y"],"section":"大厂 UED / 设计系统","note":"Twilio 的公开设计系统，组件文档写得很规范"},{"id":"ued-zendesk-garden","name":"Zendesk Garden","url":"https://garden.zendesk.com/","type":"system","pricing":"free","tags":["大厂规范"],"vs":["enterprise","soft"],"rt":["design-system","component-library"],"section":"大厂 UED / 设计系统","note":"Zendesk 的公开设计系统，SaaS 组件参考"},{"id":"ued-hashicorp-helios","name":"HashiCorp Helios","url":"https://helios.hashicorp.design/","type":"system","pricing":"free","tags":["大厂规范"],"vs":["enterprise"],"rt":["design-system","component-library"],"section":"大厂 UED / 设计系统","note":"HashiCorp 的公开设计系统，开发者工具类界面参考"},{"id":"ued-elastic-eui","name":"Elastic EUI","url":"https://eui.elastic.co/","type":"system","pricing":"free","tags":["大厂规范"],"vs":["enterprise"],"rt":["design-system","component-library"],"section":"大厂 UED / 设计系统","note":"Elastic 的公开设计系统，数据密集型界面参考"},{"id":"ued-airbnb-dls","name":"Airbnb DLS（Karri Saarinen 复盘）","url":"https://karrisaarinen.com/dls/","type":"tutorial","pricing":"free","tags":["大厂规范"],"vs":["minimal","soft"],"rt":["tutorial","design-system"],"section":"大厂 UED / 设计系统","note":"Airbnb DLS 不公开；主导者亲自讲怎么搭跨端组件体系"},{"id":"ued-spotify-encore","name":"Spotify Encore（官方工程博客）","url":"https://engineering.atspotify.com/2023/5/multiple-layers-of-abstraction-in-design-systems","type":"tutorial","pricing":"free","tags":["大厂规范"],"vs":["dark-tech"],"rt":["tutorial","design-system"],"section":"大厂 UED / 设计系统","note":"Encore「多个系统组成的系统」：组件的分层抽象和 slots"},{"id":"ued-netflix-hawkins","name":"Netflix Hawkins 设计系统解读","url":"https://learn.thedesignsystem.guide/p/how-netflix-builds-design-systems","type":"tutorial","pricing":"free","tags":["大厂规范","Token"],"vs":["dark-tech"],"rt":["tutorial","design-system","tokens-spec"],"section":"大厂 UED / 设计系统","note":"Netflix 为什么做 Hawkins、怎么用 token 统一多端（原文在 Netflix 技术博客）"},{"id":"ued-design-system-guide","name":"The Design System Guide","url":"https://thedesignsystem.guide","type":"tutorial","pricing":"freemium","tags":["大厂规范"],"vs":["minimal"],"rt":["tutorial","design-system"],"section":"设计教程","note":"Romina Kavcic 写的从零搭设计系统全流程，带模板"},{"id":"ued-atomic-design","name":"Atomic Design（Brad Frost 免费全书）","url":"https://atomicdesign.bradfrost.com/","type":"tutorial","pricing":"free","tags":["大厂规范"],"vs":["minimal"],"rt":["tutorial","design-system"],"section":"设计教程","note":"原子、分子、组织的组件分层方法论"},{"id":"ued-figma-variables-guide","name":"Figma 官方 Variables 指南","url":"https://help.figma.com/hc/en-us/articles/15339657135383-Guide-to-variables-in-Figma","type":"tutorial","pricing":"free","tags":["Token"],"vs":["minimal"],"rt":["tutorial","tokens-spec"],"section":"设计教程","note":"在 Figma 里落地 token 和模式（明暗、品牌）"},{"id":"ued-style-dictionary","name":"Style Dictionary","url":"https://styledictionary.com/","type":"tool","pricing":"free","tags":["Token"],"vs":["minimal"],"rt":["tool","tokens-spec"],"section":"设计教程","note":"一份 token 编译成 CSS、iOS、Android 的标准做法"},{"id":"ued-tokens-studio-docs","name":"Tokens Studio 文档","url":"https://docs.tokens.studio/","type":"tutorial","pricing":"freemium","tags":["Token"],"vs":["minimal"],"rt":["tutorial","tokens-spec","tool"],"section":"设计教程","note":"Figma 和代码之间同步 token 的完整教程"},{"id":"ued-uxpin-tokens","name":"UXPin：Design Tokens 完整指南","url":"https://www.uxpin.com/studio/blog/what-are-design-tokens/","type":"tutorial","pricing":"free","tags":["Token"],"vs":["minimal"],"rt":["tutorial","tokens-spec"],"section":"设计教程","note":"token 入门：原子、语义、组件三层"},{"id":"ued-gitnation-tokens-mcp","name":"React Summit：Figma→TV 的 token 和 MCP 管线","url":"https://gitnation.com/contents/from-figma-to-tv-and-beyond-scaling-react-ui-with-design-tokens-and-mcp","type":"tutorial","pricing":"free","tags":["Token","MCP"],"vs":["dark-tech"],"rt":["tutorial","tokens-spec","mcp"],"section":"设计教程","note":"实战：GitHub Actions 加 MCP，把 token 同步到 Web、移动端和电视"},{"id":"ued-refactoring-ui","name":"Refactoring UI","url":"https://www.refactoringui.com/","type":"tutorial","pricing":"paid","vs":["minimal"],"rt":["tutorial","course"],"section":"设计教程","note":"Tailwind 作者写的「开发者也能做好看 UI」，讲间距、层级、颜色（付费书）"},{"id":"ued-practical-typography","name":"Practical Typography","url":"https://practicaltypography.com/","type":"tutorial","pricing":"free","vs":["editorial"],"rt":["tutorial"],"section":"设计教程","note":"排版基本功：行长、行高、字号层级"},{"id":"ued-utopia-fyi","name":"Utopia（流体字号和间距）","url":"https://utopia.fyi/","type":"tool","pricing":"free","tags":["Token"],"vs":["swiss","minimal"],"rt":["tool","tokens-spec","tutorial"],"section":"设计教程","note":"用 clamp() 生成响应式字号和间距 scale"},{"id":"ued-typescale","name":"Type Scale","url":"https://typescale.com/","type":"tool","pricing":"free","vs":["editorial","swiss"],"rt":["tool"],"section":"设计教程","note":"可视化选字号比例"},{"id":"ued-8pt-grid","name":"8pt Grid（spec.fm）","url":"https://spec.fm/specifics/8-pt-grid","type":"tutorial","pricing":"free","tags":["Token"],"vs":["swiss"],"rt":["tutorial","tokens-spec"],"section":"设计教程","note":"8 点栅格间距体系的经典讲解"},{"id":"ued-m3-motion","name":"Material 3 动效规范","url":"https://m3.material.io/styles/motion/overview","type":"tutorial","pricing":"free","tags":["动效","Token"],"vs":["material"],"rt":["tutorial","motion","tokens-spec"],"section":"设计教程","note":"缓动、时长 token 和转场模式"},{"id":"ued-emil-animation-tips","name":"Emil Kowalski：7 个动效实用技巧","url":"https://emilkowal.ski/ui/7-practical-animation-tips","type":"tutorial","pricing":"free","tags":["动效"],"vs":["minimal"],"rt":["tutorial","motion"],"section":"设计教程","note":"Sonner、Vaul 作者写的 UI 动效手感要点"},{"id":"ued-animations-dev","name":"animations.dev","url":"https://animations.dev","type":"tutorial","pricing":"paid","tags":["动效"],"vs":["minimal"],"rt":["course","motion","tutorial"],"section":"设计教程","note":"Emil 的网页动效系统课（付费）"},{"id":"ued-rauno-interaction","name":"Rauno：交互设计中看不见的细节","url":"https://rauno.me/craft/interaction-design","type":"tutorial","pricing":"free","tags":["动效"],"vs":["minimal"],"rt":["tutorial","motion"],"section":"设计教程","note":"Vercel 设计师讲交互细节和「手感」"},{"id":"ued-webdev-learn-design","name":"web.dev Learn Design","url":"https://web.dev/learn/design","type":"tutorial","pricing":"free","vs":["minimal"],"rt":["tutorial"],"section":"设计教程","note":"Google 免费课：响应式设计"},{"id":"ued-webdev-learn-a11y","name":"web.dev Learn Accessibility","url":"https://web.dev/learn/accessibility","type":"tutorial","pricing":"free","tags":["无障碍"],"vs":["minimal"],"rt":["tutorial","a11y"],"section":"设计教程","note":"Google 免费课：无障碍"},{"id":"ued-inclusive-components","name":"Inclusive Components","url":"https://inclusive-components.design/","type":"tutorial","pricing":"free","tags":["无障碍"],"vs":["utilitarian"],"rt":["tutorial","a11y"],"section":"设计教程","note":"逐个组件（开关、标签页、卡片、菜单）讲怎么做无障碍"},{"id":"ued-dtcg-home","name":"W3C Design Tokens 社区组","url":"https://www.designtokens.org/","type":"spec","pricing":"free","tags":["Token"],"vs":["minimal"],"rt":["tokens-spec"],"section":"组件风格与 Token 规范","note":"跨工具 token 标准的官方来源"},{"id":"ued-dtcg-format","name":"DTCG Format 2025.10 稳定版","url":"https://www.designtokens.org/tr/2025.10/format/","type":"spec","pricing":"free","tags":["Token"],"vs":["minimal"],"rt":["tokens-spec"],"section":"组件风格与 Token 规范","note":"token JSON 格式正式规范，Figma、Tokens Studio、Style Dictionary 都在跟"},{"id":"ued-vercel-guidelines","name":"Vercel Web Interface Guidelines","url":"https://vercel.com/design/guidelines","type":"spec","pricing":"free","tags":["Token","无障碍"],"vs":["minimal","swiss"],"rt":["tokens-spec","a11y"],"section":"组件风格与 Token 规范","note":"很细的界面规范清单（焦点、表单、动效、排版），可以直接给 AI 当审查标准"},{"id":"ued-vercel-guidelines-repo","name":"web-interface-guidelines 仓库","url":"https://github.com/vercel-labs/web-interface-guidelines","type":"spec","pricing":"free","tags":["Token","DESIGN.md","无障碍","开源"],"vs":["minimal","swiss"],"rt":["tokens-spec","design-md","a11y"],"section":"组件风格与 Token 规范","note":"上面这份规范的 Markdown 原文，可以放进 AGENTS.md"},{"id":"ued-m3-tokens","name":"Material 3 Design Tokens","url":"https://m3.material.io/foundations/design-tokens/overview","type":"spec","pricing":"free","tags":["Token"],"vs":["material"],"rt":["tokens-spec"],"section":"组件风格与 Token 规范","note":"M3 的 token 分层（ref → sys → comp）和命名"},{"id":"ued-m3-color-roles","name":"Material 3 颜色角色","url":"https://m3.material.io/styles/color/roles","type":"spec","pricing":"free","tags":["Token"],"vs":["material"],"rt":["tokens-spec"],"section":"组件风格与 Token 规范","note":"primary、on-primary、container 等语义色角色的标准答案"},{"id":"ued-fluent-tokens","name":"Fluent 2 Design Tokens","url":"https://fluent2.microsoft.design/design-tokens","type":"spec","pricing":"free","tags":["Token"],"vs":["fluent"],"rt":["tokens-spec"],"section":"组件风格与 Token 规范","note":"微软的全局 token 和别名 token 体系"},{"id":"ued-carbon-themes","name":"Carbon 主题和 token","url":"https://carbondesignsystem.com/elements/themes/overview/","type":"spec","pricing":"free","tags":["Token"],"vs":["enterprise","swiss"],"rt":["tokens-spec"],"section":"组件风格与 Token 规范","note":"IBM 四套主题，靠一组语义 token 切换"},{"id":"ued-atlassian-tokens","name":"Atlassian Design Tokens","url":"https://atlassian.design/foundations/tokens/design-tokens","type":"spec","pricing":"free","tags":["Token"],"vs":["enterprise"],"rt":["tokens-spec"],"section":"组件风格与 Token 规范","note":"语义 token 命名范例，例如 color.background.danger"},{"id":"ued-antd-theme","name":"Ant Design 定制主题（Seed → Map → Alias）","url":"https://ant.design/docs/react/customize-theme","type":"spec","pricing":"free","tags":["Token"],"vs":["enterprise"],"rt":["tokens-spec"],"section":"组件风格与 Token 规范","note":"国内最常用的三层 token 算法模型"},{"id":"ued-primer-primitives","name":"Primer Primitives","url":"https://primer.style/foundations/primitives","type":"spec","pricing":"free","tags":["Token"],"vs":["minimal"],"rt":["tokens-spec"],"section":"组件风格与 Token 规范","note":"GitHub 的基础 token 和功能 token"},{"id":"ued-spectrum-design-data","name":"Adobe Spectrum Design Data（tokens）","url":"https://github.com/adobe/spectrum-design-data","type":"spec","pricing":"free","tags":["Token","开源"],"vs":["enterprise"],"rt":["tokens-spec"],"section":"组件风格与 Token 规范","note":"Spectrum 公开的 token 数据仓库（旧仓库是 adobe/spectrum-tokens）"},{"id":"ued-apple-hig-type","name":"Apple HIG Typography","url":"https://developer.apple.com/design/human-interface-guidelines/typography","type":"spec","pricing":"free","tags":["Token","无障碍"],"vs":["apple"],"rt":["tokens-spec","a11y"],"section":"组件风格与 Token 规范","note":"Dynamic Type 字号层级和行高规范"},{"id":"ued-wcag22-quickref","name":"WCAG 2.2 Quick Reference","url":"https://www.w3.org/WAI/WCAG22/quickref/","type":"spec","pricing":"free","tags":["无障碍","Token"],"vs":["utilitarian"],"rt":["a11y","tokens-spec"],"section":"组件风格与 Token 规范","note":"对比度、焦点、点击区域等硬性要求"},{"id":"ued-wai-apg","name":"WAI-ARIA Authoring Practices（APG）","url":"https://www.w3.org/WAI/ARIA/apg/","type":"spec","pricing":"free","tags":["无障碍","Token"],"vs":["utilitarian"],"rt":["a11y","tokens-spec"],"section":"组件风格与 Token 规范","note":"每种组件（下拉、标签页、对话框）的键盘和 ARIA 标准写法"},{"id":"ued-open-ui","name":"Open UI","url":"https://open-ui.org/","type":"spec","pricing":"free","tags":["Token"],"vs":["minimal"],"rt":["tokens-spec"],"section":"组件风格与 Token 规范","note":"W3C 社区组，统一各大组件库的组件命名和结构"},{"id":"ued-radix-colors-scale","name":"Radix Colors：12 级色阶用法","url":"https://www.radix-ui.com/colors/docs/palette-composition/understanding-the-scale","type":"spec","pricing":"free","tags":["Token"],"vs":["minimal"],"rt":["tokens-spec"],"section":"组件风格与 Token 规范","note":"每一级颜色用在背景、边框还是文字，规则讲得很清楚"},{"id":"ued-adobe-leonardo","name":"Adobe Leonardo","url":"https://leonardocolor.io/","type":"tool","pricing":"free","tags":["Token","无障碍"],"vs":["minimal"],"rt":["tool","tokens-spec","a11y"],"section":"组件风格与 Token 规范","note":"按对比度生成无障碍色阶，Adobe 开源"},{"id":"ued-ds-checklist","name":"Design System Checklist","url":"https://designsystemchecklist.com","type":"collection","pricing":"free","tags":["Token"],"vs":["minimal"],"rt":["directory","tokens-spec"],"section":"组件风格与 Token 规范","note":"上线前逐项检查设计系统"},{"id":"ued-ds-surf","name":"Design Systems Surf","url":"https://designsystems.surf","type":"collection","pricing":"free","tags":["大厂规范"],"vs":["minimal"],"rt":["directory","design-system"],"section":"组件风格与 Token 规范","note":"可搜索的设计系统大全"},{"id":"ued-componly","name":"Componly Collection","url":"https://collection.componly.co","type":"collection","pricing":"free","tags":["大厂规范"],"vs":["minimal"],"rt":["directory","design-system"],"section":"组件风格与 Token 规范","note":"设计系统组件对照"},{"id":"ued-goodcart","name":"Goodcart","url":"https://goodcart.design","type":"inspiration","pricing":"free","vs":["minimal"],"rt":["inspiration"],"section":"UI 灵感站与素材 · 新增","note":"电商 / 购物流程 UI 灵感"},{"id":"ued-shoot-design","name":"Shoot","url":"https://shoot.design","type":"inspiration","pricing":"free","vs":["minimal"],"rt":["inspiration"],"section":"UI 灵感站与素材 · 新增","note":"UI 截图灵感库"},{"id":"ued-abtest-design","name":"A/B Test Design","url":"https://abtest.design","type":"inspiration","pricing":"free","vs":["minimal"],"rt":["inspiration","tutorial"],"section":"UI 灵感站与素材 · 新增","note":"真实 A/B 测试前后对比，学「哪个版本赢了」"},{"id":"ued-morphin","name":"Morphin Inspirations","url":"https://morphin.dev/inspirations","type":"inspiration","pricing":"free","tags":["动效"],"vs":["motion","gradient"],"rt":["inspiration","motion"],"section":"UI 灵感站与素材 · 新增","note":"交互 / 动效灵感合集"},{"id":"ued-pushkeen","name":"Pushkeen","url":"https://pushkeen.ai","type":"inspiration","pricing":"free","vs":["dark-tech","minimal"],"rt":["inspiration"],"section":"UI 灵感站与素材 · 新增","note":"AI 产品界面灵感"},{"id":"ued-viewport-ui","name":"Viewport UI","url":"https://viewportui.com","type":"inspiration","pricing":"free","vs":["minimal"],"rt":["inspiration"],"section":"UI 灵感站与素材 · 新增","note":"免费 UI 灵感目录"},{"id":"ued-recent-design","name":"Recent（原 Godly）","url":"https://recent.design","type":"inspiration","pricing":"free","tags":["动效"],"vs":["editorial","brutalist","motion"],"rt":["inspiration","motion"],"section":"UI 灵感站与素材 · 新增","note":"Godly 旧域名已跳到这里，每日精选网页、品牌、动效"},{"id":"ued-loadmore","name":"Load More","url":"https://www.loadmo.re","type":"inspiration","pricing":"free","vs":["brutalist","editorial"],"rt":["inspiration"],"section":"UI 灵感站与素材 · 新增","note":"实验性、移动优先的前卫网页画廊"},{"id":"ued-design-spells","name":"Design Spells","url":"https://designspells.com","type":"inspiration","pricing":"free","tags":["动效"],"vs":["playful","motion"],"rt":["inspiration","motion"],"section":"UI 灵感站与素材 · 新增","note":"「像魔法一样」的微交互和彩蛋细节"},{"id":"ued-designspiration","name":"Designspiration","url":"https://www.designspiration.com","type":"inspiration","pricing":"free","vs":["minimal","editorial"],"rt":["inspiration"],"section":"UI 灵感站与素材 · 新增","note":"更干净的 Pinterest 式设计灵感"},{"id":"ued-muzli","name":"Muzli","url":"https://muz.li","type":"inspiration","pricing":"free","vs":["minimal"],"rt":["inspiration","newsletter"],"section":"UI 灵感站与素材 · 新增","note":"新标签页插件，每日推送设计灵感"},{"id":"ued-curated-design","name":"Curated Design","url":"https://curated.design/inspiration/","type":"inspiration","pricing":"free","vs":["minimal"],"rt":["inspiration"],"section":"UI 灵感站与素材 · 新增","note":"按行业和区块（Hero、定价、页脚）筛网页"},{"id":"ued-cosmos-so","name":"Cosmos","url":"https://www.cosmos.so","type":"inspiration","pricing":"freemium","vs":["editorial","minimal"],"rt":["inspiration","tool"],"section":"UI 灵感站与素材 · 新增","note":"视觉收藏、情绪板和视觉搜索"},{"id":"ued-layers-to","name":"Layers","url":"https://layers.to","type":"inspiration","pricing":"free","vs":["minimal","dark-tech"],"rt":["inspiration"],"section":"UI 灵感站与素材 · 新增","note":"设计师作品社区（SaaS、仪表盘、图标）"},{"id":"ued-minimal-gallery","name":"Minimal Gallery","url":"https://minimal.gallery","type":"inspiration","pricing":"free","vs":["minimal","swiss"],"rt":["inspiration"],"section":"UI 灵感站与素材 · 新增","note":"2013 年起的极简网站画廊"},{"id":"ued-game-ui-db","name":"Game UI Database","url":"https://www.gameuidatabase.com","type":"inspiration","pricing":"free","vs":["retro","dark-tech"],"rt":["inspiration"],"section":"UI 灵感站与素材 · 新增","note":"游戏 UI 截图库，做数据面板和座舱界面很有用"},{"id":"ued-interface-in-game","name":"Interface In Game","url":"https://interfaceingame.com","type":"inspiration","pricing":"free","vs":["retro","dark-tech"],"rt":["inspiration"],"section":"UI 灵感站与素材 · 新增","note":"游戏界面截图和录屏合集"},{"id":"ued-huds-guis","name":"HUDS+GUIS","url":"https://www.hudsandguis.com","type":"inspiration","pricing":"free","vs":["dark-tech","3d"],"rt":["inspiration"],"section":"UI 灵感站与素材 · 新增","note":"科幻电影 HUD 和未来界面合集"},{"id":"ued-navbar-gallery","name":"Navbar Gallery","url":"https://www.navbar.gallery","type":"inspiration","pricing":"free","vs":["minimal"],"rt":["inspiration"],"section":"UI 灵感站与素材 · 新增","note":"专收导航栏设计"},{"id":"ued-footer-design","name":"Footer Design","url":"https://www.footer.design","type":"inspiration","pricing":"free","vs":["minimal"],"rt":["inspiration"],"section":"UI 灵感站与素材 · 新增","note":"专收页脚设计"},{"id":"ued-cta-gallery","name":"CTA Gallery","url":"https://www.cta.gallery","type":"inspiration","pricing":"free","vs":["minimal"],"rt":["inspiration"],"section":"UI 灵感站与素材 · 新增","note":"专收行动号召（CTA）区块"},{"id":"ued-404s-design","name":"404s","url":"https://www.404s.design","type":"inspiration","pricing":"free","vs":["playful"],"rt":["inspiration"],"section":"UI 灵感站与素材 · 新增","note":"专收 404 页面"},{"id":"ued-appshot-gallery","name":"AppShot Gallery","url":"https://www.appshot.gallery","type":"inspiration","pricing":"free","vs":["apple","minimal"],"rt":["inspiration"],"section":"UI 灵感站与素材 · 新增","note":"真实移动端 App 截图"},{"id":"ued-pageflows","name":"Pageflows","url":"https://pageflows.com","type":"inspiration","pricing":"paid","vs":["minimal"],"rt":["inspiration"],"section":"UI 灵感站与素材 · 新增","note":"完整用户流程录屏"},{"id":"ued-ripplix","name":"Ripplix","url":"https://www.ripplix.com","type":"inspiration","pricing":"freemium","tags":["动效"],"vs":["motion"],"rt":["inspiration","motion"],"section":"UI 灵感站与素材 · 新增","note":"7000+ UI 动画参考"},{"id":"ued-kinetics","name":"Kinetics","url":"https://kinetics.colorion.co","type":"effect","pricing":"free","tags":["动效"],"vs":["motion","gradient"],"rt":["motion","component-library"],"section":"UI 灵感站与素材 · 新增","note":"150+ 动效，附 React 代码和可喂 AI 的提示词"},{"id":"ued-text-effects","name":"CSS Text Effects","url":"https://text-effects.colorion.co","type":"effect","pricing":"free","tags":["动效"],"vs":["playful","gradient"],"rt":["motion"],"section":"UI 灵感站与素材 · 新增","note":"CSS 文字特效合集"},{"id":"ued-gradient-buttons","name":"Gradient Buttons","url":"https://gradientbuttons.colorion.co","type":"effect","pricing":"free","tags":["动效"],"vs":["gradient","playful"],"rt":["motion","component-library"],"section":"UI 灵感站与素材 · 新增","note":"渐变按钮合集"},{"id":"ued-microkit","name":"MicroKit","url":"https://microkit.co","type":"component","pricing":"freemium","tags":["动效"],"vs":["minimal","motion"],"rt":["component-library","motion"],"section":"UI 灵感站与素材 · 新增","note":"微交互组件"},{"id":"ued-liquid-glass-samasante","name":"Liquid Glass（samasante）","url":"https://glass.samasante.com","type":"effect","pricing":"free","tags":["动效"],"vs":["glass","apple"],"rt":["motion","component-library"],"section":"UI 灵感站与素材 · 新增","note":"玻璃折射组件"},{"id":"ued-circle-loaders","name":"Circle Loaders","url":"https://circleloaders.dominikakissi.com","type":"effect","pricing":"free","tags":["动效"],"vs":["minimal","motion"],"rt":["motion","component-library"],"section":"UI 灵感站与素材 · 新增","note":"SVG 环形加载动画"},{"id":"ued-uiable","name":"UIAble","url":"https://uiable.com","type":"component","pricing":"freemium","vs":["minimal"],"rt":["component-library"],"section":"UI 灵感站与素材 · 新增","note":"shadcn 生态组件"},{"id":"ued-mapcn","name":"mapcn","url":"https://mapcn.dev","type":"component","pricing":"free","vs":["minimal"],"rt":["component-library"],"section":"UI 灵感站与素材 · 新增","note":"可复制的 React 地图组件"},{"id":"ued-appica-ui","name":"Appica UI","url":"https://appica.dev/ui","type":"component","pricing":"free","tags":["无障碍"],"vs":["minimal"],"rt":["component-library","a11y"],"section":"UI 灵感站与素材 · 新增","note":"注重无障碍的组件"},{"id":"ued-spectrum-ui","name":"Spectrum UI","url":"https://ui.spectrumhq.in","type":"component","pricing":"free","tags":["动效"],"vs":["dark-tech","motion"],"rt":["component-library","motion"],"section":"UI 灵感站与素材 · 新增","note":"Next.js 动效组件"},{"id":"ued-spell-ui","name":"Spell UI","url":"https://spell.sh","type":"component","pricing":"freemium","vs":["minimal","soft"],"rt":["component-library"],"section":"UI 灵感站与素材 · 新增","note":"精致的 React 组件"},{"id":"ued-swift-pieces","name":"Swift Pieces","url":"https://swiftpieces.com","type":"component","pricing":"freemium","tags":["动效"],"vs":["apple","motion"],"rt":["component-library","motion"],"section":"UI 灵感站与素材 · 新增","note":"SwiftUI 动效组件"},{"id":"ued-mcpcn","name":"mcpcn","url":"https://github.com/shadcn-labs/mcpcn","type":"component","pricing":"free","tags":["MCP","开源"],"vs":["minimal"],"rt":["component-library","mcp"],"section":"UI 灵感站与素材 · 新增","note":"shadcn-labs 出的开源组件"},{"id":"ued-animated-icons","name":"Animated Icons","url":"https://animated-icons-nu.vercel.app","type":"effect","pricing":"free","tags":["动效"],"vs":["minimal","motion"],"rt":["assets","motion"],"section":"UI 灵感站与素材 · 新增","note":"207 个动画 React 图标"},{"id":"ued-fontshare","name":"Fontshare","url":"https://fontshare.com","type":"tool","pricing":"free","vs":["editorial","swiss"],"rt":["assets"],"section":"UI 灵感站与素材 · 新增","note":"免费商用字体"},{"id":"ued-hugeicons","name":"Hugeicons","url":"https://hugeicons.com","type":"tool","pricing":"freemium","vs":["minimal"],"rt":["assets"],"section":"UI 灵感站与素材 · 新增","note":"大型图标库"},{"id":"ued-obsidian-ui","name":"Obsidian UI","url":"https://obsidianui.dev","type":"component","pricing":"free","vs":["dark-tech"],"rt":["component-library"],"section":"UI 灵感站与素材 · 新增","note":"UI 组件库"},{"id":"ued-designeer","name":"Designeer","url":"https://designeer.xyz","type":"collection","pricing":"free","vs":["minimal"],"rt":["directory"],"section":"UI 灵感站与素材 · 新增","note":"设计和 AI 工具目录"},{"id":"ued-3dicons","name":"3Dicons","url":"https://3dicons.co","type":"tool","pricing":"free","vs":["3d","playful"],"rt":["assets"],"section":"UI 灵感站与素材 · 新增","note":"免费 3D 图标"},{"id":"ued-kitbitz","name":"Kitbitz","url":"https://kitbitz.art","type":"tool","pricing":"freemium","vs":["playful","soft"],"rt":["assets"],"section":"UI 灵感站与素材 · 新增","note":"2000+ 手绘插画"},{"id":"ued-animejs","name":"Anime.js","url":"https://animejs.com","type":"effect","pricing":"free","tags":["动效"],"vs":["motion","playful"],"rt":["motion"],"section":"UI 灵感站与素材 · 新增","note":"轻量 JavaScript 动画库"},{"id":"ued-iconsax","name":"Iconsax","url":"https://app.iconsax.io","type":"tool","pricing":"freemium","vs":["minimal"],"rt":["assets"],"section":"UI 灵感站与素材 · 新增","note":"线性图标库"},{"id":"ued-desengs","name":"Desengs","url":"https://desengs.com","type":"collection","pricing":"free","vs":["minimal"],"rt":["directory","tutorial"],"section":"UI 灵感站与素材 · 新增","note":"设计 × 前端交叉资源站"},{"id":"ued-penpot","name":"Penpot","url":"https://github.com/penpot/penpot","type":"tool","pricing":"free","tags":["开源"],"vs":["minimal"],"rt":["tool"],"section":"UI 灵感站与素材 · 新增","note":"开源的 Figma 替代品"},{"id":"ued-claude-code-design","name":"Claude Code /design、/design-sync","url":"https://code.claude.com/docs/en/commands","type":"tool","pricing":"freemium","tags":["DESIGN.md"],"vs":["minimal"],"rt":["tool","design-md"],"section":"AI Coding × 设计","note":"终端里出多套可编辑设计稿，选一个再实现；/design-sync 同步自家 React 设计系统"},{"id":"ued-claude-design","name":"Claude Design","url":"https://claude.com/product/design","type":"generator","pricing":"freemium","vs":["minimal"],"rt":["generator"],"section":"AI Coding × 设计","note":"Anthropic 的设计产品，已并入 Claude 对话，直接出 HTML 原型"},{"id":"ued-stitch-cli","name":"Google Stitch CLI","url":"https://x.com/i/status/2105695155164741984","type":"tool","pricing":"free","tags":["Skill"],"vs":["minimal"],"rt":["tool","skill"],"section":"AI Coding × 设计","note":"npm i -g @google/stitch：Stitch 进终端，接 Claude Code / Cursor / Codex 生成页面和设计系统"},{"id":"ued-stitch-skills","name":"google-labs-code/stitch-skills","url":"https://github.com/google-labs-code/stitch-skills","type":"skill","pricing":"free","tags":["Skill","开源"],"vs":["minimal"],"rt":["skill"],"section":"AI Coding × 设计","note":"Stitch 官方 Agent Skills"},{"id":"ued-awesome-design-md","name":"awesome-design-md","url":"https://github.com/VoltAgent/awesome-design-md","type":"collection","pricing":"free","tags":["DESIGN.md","开源"],"vs":["minimal","editorial"],"rt":["design-md","directory"],"section":"AI Coding × 设计","note":"Apple、Stripe、Linear、Notion 等大厂 DESIGN.md 合集，放进项目根目录让 Agent 照着做"},{"id":"ued-refero-styles","name":"Refero Styles","url":"https://styles.refero.design","type":"inspiration","pricing":"freemium","tags":["DESIGN.md","Token"],"vs":["minimal","editorial"],"rt":["design-md","tokens-spec","inspiration"],"section":"AI Coding × 设计","note":"2000+ 真实产品风格，每个带 DESIGN.md、Tailwind v4 和 tokens"},{"id":"ued-designmd-ai","name":"DESIGNmd","url":"https://designmd.ai","type":"collection","pricing":"free","tags":["DESIGN.md"],"vs":["minimal"],"rt":["design-md","directory"],"section":"AI Coding × 设计","note":"Markdown 写的设计系统合集"},{"id":"ued-vibeprompts","name":"VibePrompt","url":"https://vibeprompts.dev","type":"collection","pricing":"free","vs":["gradient","dark-tech"],"rt":["directory","generator"],"section":"AI Coding × 设计","note":"仪表盘、落地页的视觉提示词"},{"id":"ued-jiro-build","name":"Jiro","url":"https://jiro.build","type":"collection","pricing":"freemium","vs":["minimal"],"rt":["directory","generator"],"section":"AI Coding × 设计","note":"1200+ 设计提示词"},{"id":"ued-kage-design","name":"Kage","url":"https://kage.design","type":"tool","pricing":"freemium","vs":["minimal"],"rt":["generator","tool"],"section":"AI Coding × 设计","note":"把 UI 灵感转成提示词"},{"id":"ued-designprompts","name":"Design Prompts","url":"https://www.designprompts.dev","type":"collection","pricing":"free","vs":["editorial","brutalist","glass"],"rt":["directory","generator"],"section":"AI Coding × 设计","note":"30+ 种风格提示词（新粗野、玻璃、杂志等）"},{"id":"ued-motionsites","name":"MotionSites","url":"https://motionsites.ai","type":"collection","pricing":"freemium","tags":["动效"],"vs":["motion","3d"],"rt":["motion","generator"],"section":"AI Coding × 设计","note":"落地页动效提示词"},{"id":"ued-scrolltide","name":"Scrolltide","url":"https://scrolltide.co","type":"template","pricing":"paid","tags":["动效"],"vs":["3d","motion"],"rt":["template","motion"],"section":"AI Coding × 设计","note":"600+ 3D 和滚动叙事模板"},{"id":"ued-cc-frontend-toolkit","name":"Claude-Code-Frontend-Design-Toolkit","url":"https://github.com/wilwaldon/Claude-Code-Frontend-Design-Toolkit","type":"collection","pricing":"free","tags":["Skill","MCP","开源"],"vs":["minimal"],"rt":["directory","skill","mcp"],"section":"AI Coding × 设计","note":"70+ Skill、插件、MCP 按任务分 10 类，含推荐组合（MIT）"},{"id":"ued-nothing-design-skill","name":"Nothing Design Skill","url":"https://github.com/dominikmartn/nothing-design-skill","type":"skill","pricing":"free","tags":["Skill","开源"],"vs":["industrial","minimal"],"rt":["skill"],"section":"AI Coding × 设计","note":"Nothing 风黑白工业感设计系统 Skill，支持 HTML / SwiftUI / React"},{"id":"ued-no-slop-ui","name":"no-slop-ui","url":"https://github.com/LeoStehlik/no-slop-ui","type":"skill","pricing":"free","tags":["Skill","去 AI 味","开源"],"vs":["minimal"],"rt":["skill","anti-slop"],"section":"AI Coding × 设计","note":"设计规则 + UI 扫描器，防止玻璃拟态和渐变滥用"},{"id":"ued-avoid-ai-design","name":"avoid-ai-design","url":"https://github.com/funboy322/avoid-ai-design","type":"skill","pricing":"free","tags":["Skill","去 AI 味","开源"],"vs":["minimal"],"rt":["skill","anti-slop"],"section":"AI Coding × 设计","note":"避开 AI 模板化设计的规则集"},{"id":"ued-anti-slop","name":"anti-slop","url":"https://github.com/miqdadbadjuber/anti-slop","type":"skill","pricing":"free","tags":["Skill","去 AI 味","开源"],"vs":["minimal"],"rt":["skill","anti-slop"],"section":"AI Coding × 设计","note":"反 AI slop 设计 Skill"},{"id":"ued-netxeo-skill-design","name":"Netxeo skill-file-design","url":"https://github.com/Netxeo/skill-file-design","type":"skill","pricing":"free","tags":["Skill","去 AI 味","开源"],"vs":["minimal"],"rt":["skill","anti-slop"],"section":"AI Coding × 设计","note":"设计规则 Skill 文件模板"},{"id":"ued-grubby-design-guide","name":"design-guide（GrubbyLee）","url":"https://github.com/GrubbyLee/design-guide","type":"skill","pricing":"free","tags":["Skill","去 AI 味","开源"],"vs":["minimal"],"rt":["skill","anti-slop"],"section":"AI Coding × 设计","note":"给 Agent 用的设计指南"},{"id":"ued-web-design-skills","name":"web-design-skills","url":"https://github.com/lotfb86/web-design-skills","type":"skill","pricing":"free","tags":["Skill","去 AI 味","开源"],"vs":["minimal"],"rt":["skill","anti-slop"],"section":"AI Coding × 设计","note":"网页设计 Skill 集"},{"id":"ued-huashu-design","name":"huashu-design（花叔）","url":"https://github.com/alchaincyf/huashu-design","type":"skill","pricing":"free","tags":["Skill","动效","开源"],"vs":["editorial"],"rt":["skill","motion"],"section":"AI Coding × 设计","note":"花叔的 HTML 原生设计 Skill：原型、幻灯片、动效、导出 MP4"},{"id":"ued-onlook","name":"onlook","url":"https://github.com/onlook-dev/onlook","type":"tool","pricing":"free","tags":["开源"],"vs":["minimal"],"rt":["tool","generator"],"section":"AI Coding × 设计","note":"可视化编辑 UI，AI 写代码"},{"id":"ued-magic-mcp","name":"21st-dev/magic-mcp","url":"https://github.com/21st-dev/magic-mcp","type":"tool","pricing":"freemium","tags":["MCP","开源"],"vs":["minimal"],"rt":["mcp","component-library"],"section":"AI Coding × 设计","note":"在 Cursor 里调用 1 万+ React / Tailwind 组件（21st 的 MCP）"},{"id":"ued-design-extract","name":"design-extract","url":"https://github.com/Manavarya09/design-extract","type":"tool","pricing":"free","tags":["Token","开源"],"vs":["minimal"],"rt":["tool","tokens-spec"],"section":"AI Coding × 设计","note":"一条命令提取任意网站的设计系统"},{"id":"ued-screenshot-to-code","name":"screenshot-to-code","url":"https://github.com/abi/screenshot-to-code","type":"generator","pricing":"free","tags":["开源"],"vs":["minimal"],"rt":["generator"],"section":"AI Coding × 设计","note":"截图或录屏 → HTML / Tailwind / React / Vue"},{"id":"ued-openai-apps-sdk-ui","name":"openai/apps-sdk-ui","url":"https://github.com/openai/apps-sdk-ui","type":"component","pricing":"free","tags":["开源"],"vs":["minimal"],"rt":["component-library"],"section":"AI Coding × 设计","note":"ChatGPT 应用内 UI 组件，跟随对话框主题"},{"id":"ued-gradually-skills","name":"Gradually.ai Claude Code Skills 目录","url":"https://gradually.ai/en/claude-code-skills","type":"collection","pricing":"free","tags":["Skill"],"vs":["minimal"],"rt":["directory","skill"],"section":"AI Coding × 设计","note":"400+ 精选 Claude Code Skills"},{"id":"ued-paper-design","name":"Paper（+ Paper MCP）","url":"https://paper.design","type":"tool","pricing":"freemium","tags":["MCP"],"vs":["minimal"],"rt":["tool","mcp"],"section":"AI Coding × 设计","note":"设计画布 + MCP；有人说比 Figma MCP 少一半 Prompt"},{"id":"ued-ai-design-weekly","name":"AI × Design Weekly（Jason Cyr）","url":"https://jasoncyr.substack.com/p/ai-design-weekly-issue-005","type":"tutorial","pricing":"free","vs":["minimal"],"rt":["newsletter"],"section":"AI Coding × 设计","note":"每周 AI × 设计动态：Figma MCP、Codex ↔ Figma、设计系统 Skills"},{"id":"ued-interfaces-dev","name":"Interfaces 设计工程杂志（Jakub Krehel）","url":"https://interfaces.dev","type":"tutorial","pricing":"paid","tags":["动效"],"vs":["minimal","editorial"],"rt":["newsletter","course","motion"],"section":"AI Coding × 设计","note":"付费月刊：交互 demo 和代码，含 Agent Skills；3 期免费"},{"id":"ued-maven-ai-coding","name":"Maven：AI Coding for Product Designers","url":"https://maven.com/button-school/coding-course","type":"tutorial","pricing":"paid","vs":["minimal"],"rt":["course"],"section":"AI Coding × 设计","note":"6 周直播课，教产品设计师用 AI 写代码"},{"id":"ued-designlab-vibe","name":"Designlab：Vibe Coding Camp","url":"https://designlab.com/advanced/vibe-coding-course","type":"tutorial","pricing":"paid","vs":["minimal"],"rt":["course"],"section":"AI Coding × 设计","note":"4 周：Claude Code + Figma MCP + Supabase + Vercel"},{"id":"ued-heydesigner","name":"HeyDesigner","url":"https://heydesigner.com","type":"tutorial","pricing":"free","vs":["minimal"],"rt":["newsletter","directory"],"section":"AI Coding × 设计","note":"每日设计工程链接精选"},{"id":"ued-dezi-gallery","name":"Dezi Gallery","url":"https://dezi.gallery","type":"collection","pricing":"free","vs":["minimal"],"rt":["directory"],"section":"AI Coding × 设计","note":"设计工具目录"},{"id":"ued-jakub-kr","name":"Jakub Krehel 博客","url":"https://jakub.kr","type":"tutorial","pricing":"free","tags":["动效"],"vs":["minimal"],"rt":["tutorial","motion"],"section":"AI Coding × 设计","note":"《Details that make interfaces feel better》《Using AI as a design engineer》、手势、OKLCH"},{"id":"ued-x-jakub-rules","name":"Jakub Krehel Skills 的具体数值规则（@GitHub_Daily）","url":"https://x.com/i/status/2099287056929460296","type":"tutorial","pricing":"free","tags":["Skill"],"vs":["minimal"],"rt":["tutorial","skill"],"section":"AI Coding × 设计","note":"嵌套圆角：外圈 = 内圈 + padding；按下缩到 0.96；图标切换用透明度 + 缩放 + 4px 模糊"},{"id":"ued-x-emil-skills-zh","name":"Emil Kowalski Skills 中文全解（@pengchujin）","url":"https://x.com/i/status/2101578929786228924","type":"tutorial","pricing":"free","tags":["动效","Skill"],"vs":["minimal"],"rt":["tutorial","motion","skill"],"section":"AI Coding × 设计","note":"apple-design、animate、review-animations 各干什么，什么时候不该加动画"},{"id":"ued-x-7-ui-skills","name":"设计工程师必会 7 个 UI Skill（@neropursue）","url":"https://x.com/i/status/2101613613949542838","type":"tutorial","pricing":"free","tags":["Skill","无障碍"],"vs":["minimal"],"rt":["tutorial","skill","a11y"],"section":"AI Coding × 设计","note":"新增 fixing-accessibility、react-doctor、playwright-cli（截图验收）"},{"id":"ued-x-skills-security","name":"10 个 UI Skills 实测 + 安全提醒（@Ryan95322865）","url":"https://x.com/i/status/2077328569219604814","type":"tutorial","pricing":"free","tags":["Skill"],"vs":["minimal"],"rt":["tutorial","skill"],"section":"AI Coding × 设计","note":"动效控制在 300ms 内；约三分之一 Skills 有安全问题，装前先读 SKILL.md"},{"id":"ued-x-voxyz-prompt","name":"「先出设计方案再写代码」Prompt（@Voxyz_ai）","url":"https://x.com/i/status/2087178102505926740","type":"tutorial","pricing":"free","tags":["DESIGN.md","去 AI 味"],"vs":["minimal"],"rt":["tutorial","design-md","anti-slop"],"section":"AI Coding × 设计","note":"受众/目标 → 4–6 个色 token → 字体 → ASCII 线框 → 1 个标志元素；完成后桌面 + 手机截图对照 DESIGN.md"},{"id":"ued-x-claude-design-tips","name":"Claude Design 设计师 Nate Parrott 的 6 条用法（@mylifcc）","url":"https://x.com/i/status/2104441471948496967","type":"tutorial","pricing":"free","vs":["minimal"],"rt":["tutorial","generator"],"section":"AI Coding × 设计","note":"中文整理：大多数人一开始就用错了 Claude Design"},{"id":"ued-x-claude-design-vs-figma","name":"Claude Design vs Figma MCP（@dotey 宝玉）","url":"https://x.com/i/status/2102509523684479377","type":"tutorial","pricing":"free","tags":["MCP"],"vs":["minimal"],"rt":["tutorial","mcp","generator"],"section":"AI Coding × 设计","note":"直出 HTML 原型 vs 操作 Figma 文件；不是设计师优先选 Claude Design"},{"id":"ued-x-design-harness","name":"设计 Harness 与工程实践长文（@NiallxYoung）","url":"https://x.com/i/status/2095769528785617353","type":"tutorial","pricing":"free","tags":["DESIGN.md"],"vs":["minimal"],"rt":["tutorial","design-md"],"section":"AI Coding × 设计","note":"读 Atlassian、Vercel 设计工程文章后的实践，含 design.md 用在哪"},{"id":"ued-x-ai-slop-why","name":"AI slop 成因与破解（@dashiAIxz）","url":"https://x.com/i/status/2095715594368860421","type":"tutorial","pricing":"free","tags":["去 AI 味"],"vs":["minimal"],"rt":["tutorial","anti-slop"],"section":"AI Coding × 设计","note":"约束不够就趋同；用随机数打破、给参考图、首尾帧生视频做 Landing"},{"id":"ued-x-cc-frontend-combo","name":"我的 Claude Code 前端组合（@rwspatin）","url":"https://x.com/i/status/2106437552844444129","type":"tutorial","pricing":"free","tags":["Skill","去 AI 味"],"vs":["minimal"],"rt":["tutorial","skill","anti-slop"],"section":"AI Coding × 设计","note":"frontend-design 出稿 → impeccable 审查打磨 → 一个 tokens 文件防止 Agent 乱发挥"},{"id":"ued-x-indie-ui","name":"独立开发怎么搞定 UI（@LgyLight）","url":"https://x.com/i/status/2095694208132899108","type":"tutorial","pricing":"free","vs":["minimal"],"rt":["tutorial"],"section":"AI Coding × 设计","note":"找参考 → 定框架 → 抠细节（图标统一）三步，附图标库站"},{"id":"ued-x-design-eng-stack","name":"Design Engineer Stack 101（@SataEricUX）","url":"https://x.com/i/status/2094659988971261998","type":"tutorial","pricing":"free","vs":["minimal"],"rt":["tutorial"],"section":"AI Coding × 设计","note":"给设计师 / PM 讲清 React、Next、TS、Prisma 各管什么"},{"id":"ued-x-designer-workflow","name":"2026 产品设计师工作流（@dianne_alter）","url":"https://x.com/i/status/2088261777758851497","type":"tutorial","pricing":"free","tags":["MCP"],"vs":["minimal"],"rt":["tutorial","mcp"],"section":"AI Coding × 设计","note":"产品上下文 → Mobbin + Paper / Claude Code 原型 → Figma 组件进 Storybook → Agent 审查"},{"id":"ued-x-cc-design-system","name":"用 Claude Code 搭设计系统地基（@TheObiLeonard）","url":"https://x.com/i/status/2105630874171502870","type":"tutorial","pricing":"free","tags":["Token"],"vs":["minimal"],"rt":["tutorial","tokens-spec"],"section":"AI Coding × 设计","note":"tokens、基础组件、变体、状态、响应式、无障碍"},{"id":"www-beautifului-dev","name":"Beautiful UI","url":"https://www.beautifului.dev/","type":"component","pricing":"unknown","vs":["minimal","soft"],"rt":["component-library"],"section":"最初推荐","note":"精选的漂亮 AI 界面组件"},{"id":"beui-dev","name":"BeUI","url":"https://beui.dev","type":"component","pricing":"unknown","tags":["React"],"vs":["dark-tech","motion"],"rt":["component-library"],"section":"最初推荐","note":"漂亮的 React 组件"},{"id":"rareui-com","name":"Rare UI","url":"https://rareui.com","type":"component","pricing":"unknown","vs":["dark-tech","motion"],"rt":["component-library"],"section":"最初推荐","note":"少见、有设计感的组件"},{"id":"transitions-dev","name":"Transitions","url":"https://transitions.dev","type":"effect","pricing":"unknown","tags":["动效"],"ct":["motion","layout"],"vs":["motion","minimal"],"rt":["motion"],"section":"最初推荐","note":"页面过渡和动效"},{"id":"ui-shadcn-com","name":"shadcn/ui","url":"https://ui.shadcn.com/","type":"component","pricing":"unknown","tags":["shadcn"],"vs":["minimal"],"rt":["component-library"],"section":"最初推荐","note":"最主流的基础组件库，很多库都基于它"},{"id":"www-ui-skills-com-skills-anthropics-frontend-design","name":"frontend-design（Anthropic）","url":"https://www.ui-skills.com/skills/anthropics/frontend-design","type":"skill","pricing":"unknown","vs":["minimal"],"rt":["skill"],"section":"设计 Skills","note":"Anthropic 官方的前端设计技能"},{"id":"www-ui-skills-com-skills-emilkowalski-apple-design","name":"apple-design（Emil Kowalski）","url":"https://www.ui-skills.com/skills/emilkowalski/apple-design","type":"skill","pricing":"unknown","vs":["apple","glass"],"rt":["skill"],"section":"设计 Skills","note":"苹果风格设计"},{"id":"www-ui-skills-com-skills-mengto-beautiful-shadows","name":"beautiful-shadows（Meng To）","url":"https://www.ui-skills.com/skills/mengto/beautiful-shadows","type":"skill","pricing":"unknown","vs":["skeuomorphic","soft"],"rt":["skill"],"section":"设计 Skills","note":"好看的阴影"},{"id":"www-ui-skills-com-skills-addyosmani-accessibility","name":"accessibility（Addy Osmani）","url":"https://www.ui-skills.com/skills/addyosmani/accessibility","type":"skill","pricing":"unknown","tags":["无障碍"],"vs":["minimal"],"rt":["skill","a11y"],"section":"设计 Skills","note":"无障碍设计"},{"id":"www-ui-skills-com-skills-superfuture-design-review","name":"design-review（superfuture）","url":"https://www.ui-skills.com/skills/superfuture/design-review","type":"skill","pricing":"unknown","tags":["审查走查"],"vs":["minimal"],"rt":["skill","anti-slop"],"section":"设计 Skills","note":"设计走查"},{"id":"www-ui-skills-com-skills-emilkowalski-emil-design-eng","name":"emil-design-eng（Emil Kowalski）","url":"https://www.ui-skills.com/skills/emilkowalski/emil-design-eng","type":"skill","pricing":"unknown","vs":["minimal"],"rt":["skill"],"section":"设计 Skills","note":"设计工程细节"},{"id":"www-ui-skills-com-skills-shadcn-ui-shadcn","name":"shadcn（shadcn-ui）","url":"https://www.ui-skills.com/skills/shadcn-ui/shadcn","type":"skill","pricing":"unknown","tags":["shadcn"],"vs":["minimal"],"rt":["skill"],"section":"设计 Skills","note":"正确使用 shadcn 组件"},{"id":"www-ui-skills-com-skills-pbakaus-adapt","name":"adapt（Paul Bakaus）","url":"https://www.ui-skills.com/skills/pbakaus/adapt","type":"skill","pricing":"unknown","vs":["minimal"],"rt":["skill"],"section":"设计 Skills","note":"响应式适配"},{"id":"www-ui-skills-com-skills-jakubkrehel-better-interface","name":"better-interface（Jakub Krehel）","url":"https://www.ui-skills.com/skills/jakubkrehel/better-interface","type":"skill","pricing":"unknown","vs":["minimal"],"rt":["skill","anti-slop"],"section":"设计 Skills","note":"界面细节打磨"},{"id":"www-ui-skills-com-skills-wshobson-interaction-design","name":"interaction-design（wshobson）","url":"https://www.ui-skills.com/skills/wshobson/interaction-design","type":"skill","pricing":"unknown","vs":["minimal"],"rt":["skill"],"section":"设计 Skills","note":"交互设计"},{"id":"www-prompt-kit-com","name":"prompt-kit","url":"https://www.prompt-kit.com/","type":"component","pricing":"unknown","tags":["AI 聊天"],"ct":["chat"],"vs":["minimal"],"rt":["component-library"],"section":"海外 AI 组件","note":"AI 对话组件，风格干净"},{"id":"www-assistant-ui-com","name":"assistant-ui","url":"https://www.assistant-ui.com/","type":"component","pricing":"unknown","tags":["AI 聊天"],"ct":["chat"],"vs":["minimal"],"rt":["component-library"],"section":"海外 AI 组件","note":"AI 助手界面组件，有仿 ChatGPT、Claude 的示例"},{"id":"ai-sdk-dev-elements","name":"AI Elements（Vercel）","url":"https://ai-sdk.dev/elements","type":"component","pricing":"unknown","vs":["minimal"],"rt":["component-library"],"section":"海外 AI 组件","note":"Vercel 官方 AI 组件"},{"id":"www-shadcn-io-ai","name":"shadcn.io AI 组件","url":"https://www.shadcn.io/ai","type":"component","pricing":"unknown","tags":["AI 聊天","shadcn"],"ct":["chat"],"vs":["minimal"],"rt":["component-library"],"section":"海外 AI 组件","note":"50 多个 AI 聊天组件，能拼出 Claude 风格界面"},{"id":"openai-github-io-chatkit-js","name":"OpenAI ChatKit","url":"https://openai.github.io/chatkit-js/","type":"component","pricing":"unknown","tags":["AI 聊天"],"ct":["chat"],"vs":["minimal"],"rt":["component-library"],"section":"海外 AI 组件","note":"OpenAI 官方聊天组件"},{"id":"ui-elevenlabs-io","name":"ElevenLabs UI","url":"https://ui.elevenlabs.io/","type":"component","pricing":"unknown","tags":["语音","动效"],"ct":["motion"],"vs":["minimal","gradient"],"rt":["component-library","motion"],"section":"海外 AI 组件","note":"语音 AI 组件，声波动画好看"},{"id":"shadcn-chatbot-kit-vercel-app","name":"shadcn-chatbot-kit","url":"https://shadcn-chatbot-kit.vercel.app/","type":"component","pricing":"unknown","tags":["AI 聊天","shadcn"],"ct":["chat"],"vs":["minimal"],"rt":["component-library"],"section":"海外 AI 组件","note":"基于 shadcn 的聊天机器人组件"},{"id":"www-kibo-ui-com","name":"Kibo UI","url":"https://www.kibo-ui.com/","type":"component","pricing":"unknown","tags":["shadcn"],"vs":["minimal"],"rt":["component-library"],"section":"海外 AI 组件","note":"shadcn 扩展组件，含 AI 类"},{"id":"www-simple-ai-dev","name":"Simple AI","url":"https://www.simple-ai.dev/","type":"component","pricing":"unknown","vs":["minimal"],"rt":["component-library"],"section":"海外 AI 组件","note":"AI 组件和工作流节点画布"},{"id":"ui-inference-sh","name":"inference.sh UI","url":"https://ui.inference.sh/","type":"component","pricing":"unknown","vs":["minimal"],"rt":["component-library"],"section":"海外 AI 组件","note":"AI 应用界面组件"},{"id":"llm-ui-com","name":"llm-ui","url":"https://llm-ui.com/","type":"component","pricing":"unknown","vs":["minimal"],"rt":["component-library"],"section":"海外 AI 组件","note":"大模型输出的流式渲染"},{"id":"reachat-dev","name":"reachat","url":"https://reachat.dev/","type":"component","pricing":"free","tags":["AI 聊天","开源"],"ct":["chat"],"vs":["minimal"],"rt":["component-library"],"section":"海外 AI 组件","note":"开源大模型聊天组件"},{"id":"deepchat-dev","name":"Deep Chat","url":"https://deepchat.dev/","type":"component","pricing":"unknown","tags":["AI 聊天"],"ct":["chat"],"vs":["minimal"],"rt":["component-library"],"section":"海外 AI 组件","note":"一个组件嵌入完整 AI 聊天窗口"},{"id":"chatscope-io","name":"chatscope","url":"https://chatscope.io/","type":"component","pricing":"unknown","tags":["AI 聊天"],"ct":["chat"],"vs":["minimal"],"rt":["component-library"],"section":"海外 AI 组件","note":"传统聊天界面组件"},{"id":"21st-dev-community-components-s-ai-chat","name":"21st.dev AI 聊天组件合集","url":"https://21st.dev/community/components/s/ai-chat","type":"component","pricing":"unknown","tags":["AI 聊天"],"ct":["chat"],"vs":["minimal"],"rt":["component-library"],"section":"海外 AI 组件","note":"248 个以上社区组件"},{"id":"www-copilotkit-ai","name":"CopilotKit","url":"https://www.copilotkit.ai/","type":"component","pricing":"unknown","tags":["AI 聊天"],"ct":["chat"],"vs":["minimal"],"rt":["component-library"],"section":"海外 AI 组件","note":"应用内 AI 副驾驶界面"},{"id":"tambo-co","name":"Tambo","url":"https://tambo.co/","type":"component","pricing":"unknown","vs":["minimal"],"rt":["component-library"],"section":"海外 AI 组件","note":"AI 生成式界面"},{"id":"www-thesys-dev","name":"Thesys","url":"https://www.thesys.dev/","type":"component","pricing":"unknown","vs":["minimal","gradient"],"rt":["component-library"],"section":"海外 AI 组件","note":"AI 生成式界面"},{"id":"hashbrown-dev","name":"Hashbrown","url":"https://hashbrown.dev/","type":"component","pricing":"unknown","vs":["minimal"],"rt":["component-library"],"section":"海外 AI 组件","note":"让 AI 调用你自己的组件生成界面"},{"id":"github-com-langchain-ai-agent-chat-ui","name":"LangChain Agent Chat UI","url":"https://github.com/langchain-ai/agent-chat-ui","type":"component","pricing":"unknown","tags":["AI 聊天","开源","智能体"],"ct":["chat"],"vs":["minimal"],"rt":["component-library"],"section":"海外 AI 组件","note":"智能体聊天界面"},{"id":"docs-livekit-io-agents-start-frontend","name":"LiveKit 智能体前端","url":"https://docs.livekit.io/agents/start/frontend/","type":"component","pricing":"unknown","tags":["语音","智能体"],"ct":["chat"],"vs":["minimal"],"rt":["component-library"],"section":"海外 AI 组件","note":"实时语音和视频智能体界面"},{"id":"getstream-io-chat-solutions-ai-integration","name":"Stream AI Chat","url":"https://getstream.io/chat/solutions/ai-integration/","type":"component","pricing":"unknown","tags":["AI 聊天"],"ct":["chat"],"vs":["minimal"],"rt":["component-library"],"section":"海外 AI 组件","note":"商用级聊天组件"},{"id":"aicss-dev","name":"aicss","url":"https://aicss.dev","type":"component","pricing":"unknown","tags":["AI 聊天","智能体"],"ct":["chat"],"vs":["minimal"],"rt":["component-library"],"section":"海外 AI 组件","note":"AI 智能体聊天组件（@tranmautritam）"},{"id":"beautiful-ui-five-vercel-app","name":"Beautiful UI 原语","url":"https://beautiful-ui-five.vercel.app","type":"component","pricing":"unknown","vs":["minimal","soft"],"rt":["component-library"],"section":"海外 AI 组件","note":"给 AI 界面做的精致基础组件（@tranmautritam）"},{"id":"orbs-jakubantalik-com","name":"Thinking Orbs","url":"https://orbs.jakubantalik.com","type":"effect","pricing":"unknown","ct":["loader"],"vs":["skeuomorphic","gradient","3d"],"rt":["motion"],"section":"海外 AI 组件","note":"AI 思考中的动态光球（@tranmautritam）"},{"id":"x-ant-design","name":"Ant Design X（蚂蚁）","url":"https://x.ant.design/","type":"component","pricing":"unknown","tags":["中文"],"vs":["enterprise"],"rt":["component-library","design-system"],"section":"国内大厂 AI 组件","note":"专门做 AI 界面"},{"id":"ui-lobehub-com","name":"LobeHub UI","url":"https://ui.lobehub.com/","type":"component","pricing":"unknown","tags":["AI 聊天","中文"],"ct":["chat"],"vs":["minimal"],"rt":["component-library"],"section":"国内大厂 AI 组件","note":"LobeChat 背后的组件库"},{"id":"tdesign-tencent-com-chat","name":"TDesign AI Chat（腾讯）","url":"https://tdesign.tencent.com/chat","type":"component","pricing":"unknown","tags":["AI 聊天","中文"],"ct":["chat"],"vs":["enterprise"],"rt":["component-library","design-system"],"section":"国内大厂 AI 组件","note":"Vue 3 AI 对话组件"},{"id":"motion-dev-plus","name":"Motion+","url":"https://motion.dev/plus","type":"effect","pricing":"paid","tags":["动效"],"ct":["motion"],"vs":["motion","minimal"],"rt":["motion"],"section":"动效与通用组件","note":"Motion 官方付费版，一次性买断，480 多个高级动效示例和 AI Kit"},{"id":"shaders-paper-design","name":"Paper Shaders 全集","url":"https://shaders.paper.design/","type":"effect","pricing":"unknown","tags":["WebGL/着色器","React"],"ct":["background"],"vs":["gradient","3d"],"rt":["motion"],"section":"动效与通用组件","note":"零依赖的着色器特效合集，React 或 GLSL"},{"id":"rive-app","name":"Rive","url":"https://rive.app/","type":"effect","pricing":"unknown","tags":["动效"],"ct":["motion","button"],"vs":["playful","motion"],"rt":["motion"],"section":"动效与通用组件","note":"可交互的矢量动画，做会动的角色和按钮"},{"id":"www-hover-dev","name":"Hover.dev","url":"https://www.hover.dev/","type":"component","pricing":"unknown","ct":["layout"],"vs":["dark-tech","motion"],"rt":["component-library"],"section":"动效与通用组件","note":"偏交互感的现成组件和模板"},{"id":"skiper-ui-com","name":"Skiper UI","url":"https://skiper-ui.com/","type":"component","pricing":"unknown","tags":["shadcn"],"vs":["dark-tech","motion"],"rt":["component-library"],"section":"动效与通用组件","note":"少见的 shadcn 组件"},{"id":"www-shadergradient-co","name":"ShaderGradient","url":"https://www.shadergradient.co/","type":"effect","pricing":"unknown","tags":["WebGL/着色器","React","背景"],"ct":["background","threed"],"vs":["gradient","3d"],"rt":["motion"],"section":"动效与通用组件","note":"流动的 3D 渐变背景，支持 Framer、Figma、React"},{"id":"neat-firecms-co","name":"NEAT","url":"https://neat.firecms.co/","type":"effect","pricing":"free","tags":["WebGL/着色器","背景"],"ct":["background","threed"],"vs":["gradient","3d"],"rt":["motion"],"section":"动效与通用组件","note":"免费动态 3D 渐变背景生成器"},{"id":"github-com-rdev-liquid-glass-react","name":"Liquid Glass React","url":"https://github.com/rdev/liquid-glass-react","type":"effect","pricing":"unknown","tags":["React","开源"],"ct":["background"],"vs":["glass","apple"],"rt":["motion"],"section":"动效与通用组件","note":"苹果液态玻璃效果的 React 版"},{"id":"smoothui-dev","name":"SmoothUI","url":"https://smoothui.dev/","type":"component","pricing":"unknown","tags":["动效"],"ct":["motion"],"vs":["minimal","motion"],"rt":["component-library","motion"],"section":"动效与通用组件","note":"顺滑动效组件"},{"id":"animata-design","name":"Animata","url":"https://animata.design/","type":"component","pricing":"free","tags":["动效"],"ct":["motion"],"vs":["playful","motion"],"rt":["component-library","motion"],"section":"动效与通用组件","note":"数百个免费动效组件"},{"id":"www-vengenceui-com","name":"Vengeance UI","url":"https://www.vengenceui.com/","type":"component","pricing":"unknown","tags":["动效","落地页"],"ct":["motion","layout"],"vs":["dark-tech","motion"],"rt":["component-library","motion"],"section":"动效与通用组件","note":"落地页动效组件"},{"id":"ui-lukacho-com","name":"Lukacho UI","url":"https://ui.lukacho.com/","type":"component","pricing":"unknown","tags":["动效"],"ct":["motion","chart"],"vs":["dark-tech","motion"],"rt":["component-library","motion"],"section":"动效与通用组件","note":"动效组件和图表"},{"id":"tympanus-net-codrops","name":"Codrops","url":"https://tympanus.net/codrops/","type":"effect","pricing":"unknown","vs":["editorial","motion","3d"],"rt":["motion"],"section":"动效与通用组件","note":"前端特效教程和 Demo 老牌站"},{"id":"libraries-dev","name":"Libraries.dev","url":"https://libraries.dev/","type":"effect","pricing":"freemium","tags":["语音","液态金属"],"ct":["background","avatar","loader"],"vs":["skeuomorphic","gradient","motion"],"rt":["motion"],"section":"动效与通用组件","note":"Jakub Antalik 的特效合集：液态金属、思考光球、流光边框、黏液融合、语音光效、AI 头像、图片生成加载。npm 包免费；原站另有 Pro 付费版，解锁 Studio 深度定制"},{"id":"shaders-paper-design-liquid-metal","name":"Paper Shaders 液态金属","url":"https://shaders.paper.design/liquid-metal","type":"effect","pricing":"unknown","tags":["WebGL/着色器","液态金属"],"ct":["background"],"vs":["skeuomorphic","3d"],"rt":["motion"],"section":"动效与通用组件","note":"Paper 的液态金属着色器，可调参数后导出代码"},{"id":"reactbits-dev-animations-metallic-paint","name":"React Bits 金属漆","url":"https://reactbits.dev/animations/metallic-paint","type":"effect","pricing":"unknown","tags":["动效","React","液态金属"],"ct":["motion"],"vs":["skeuomorphic","3d"],"rt":["motion"],"section":"动效与通用组件","note":"把 Logo 做成流动的金属质感"},{"id":"www-unicorn-studio","name":"Unicorn Studio","url":"https://www.unicorn.studio/","type":"generator","pricing":"unknown","tags":["WebGL/着色器"],"vs":["3d","gradient","motion"],"rt":["generator"],"section":"动效与通用组件","note":"无代码做 WebGL 特效"},{"id":"magicui-design","name":"Magic UI","url":"https://magicui.design/","type":"component","pricing":"unknown","vs":["dark-tech","gradient","motion"],"rt":["component-library"],"section":"动效与通用组件","note":""},{"id":"ui-aceternity-com","name":"Aceternity UI","url":"https://ui.aceternity.com/","type":"component","pricing":"unknown","vs":["dark-tech","gradient","3d","motion"],"rt":["component-library"],"section":"动效与通用组件","note":""},{"id":"reactbits-dev","name":"React Bits","url":"https://reactbits.dev/","type":"component","pricing":"unknown","tags":["React"],"vs":["dark-tech","motion","3d"],"rt":["component-library"],"section":"动效与通用组件","note":""},{"id":"animate-ui-com","name":"Animate UI","url":"https://animate-ui.com/","type":"component","pricing":"unknown","tags":["动效"],"ct":["motion"],"vs":["minimal","motion"],"rt":["component-library","motion"],"section":"动效与通用组件","note":""},{"id":"motion-primitives-com","name":"Motion Primitives","url":"https://motion-primitives.com/","type":"component","pricing":"unknown","tags":["动效"],"ct":["motion"],"vs":["minimal","motion"],"rt":["component-library","motion"],"section":"动效与通用组件","note":""},{"id":"kokonutui-com","name":"Kokonut UI","url":"https://kokonutui.com/","type":"component","pricing":"unknown","vs":["minimal","motion"],"rt":["component-library"],"section":"动效与通用组件","note":""},{"id":"www-cult-ui-com","name":"Cult UI","url":"https://www.cult-ui.com/","type":"component","pricing":"unknown","vs":["dark-tech","skeuomorphic","motion"],"rt":["component-library"],"section":"动效与通用组件","note":""},{"id":"21st-dev","name":"21st.dev","url":"https://21st.dev/","type":"component","pricing":"unknown","vs":["minimal","dark-tech"],"rt":["component-library"],"section":"动效与通用组件","note":"社区组件市场"},{"id":"www-heroui-com","name":"HeroUI","url":"https://www.heroui.com/","type":"component","pricing":"unknown","vs":["soft","playful"],"rt":["component-library"],"section":"动效与通用组件","note":"色彩鲜艳、主题丰富（@vikingmute 推荐）"},{"id":"coss-com-ui","name":"COSS UI","url":"https://coss.com/ui","type":"component","pricing":"unknown","tags":["shadcn"],"vs":["minimal"],"rt":["component-library"],"section":"动效与通用组件","note":"基于 Base UI，简洁考究、带 Skills、对 AI 友好（@vikingmute 最推荐，可替代 shadcn 默认样式）"},{"id":"www-shadcnblocks-com","name":"Shadcnblocks","url":"https://www.shadcnblocks.com/","type":"component","pricing":"unknown","tags":["shadcn"],"ct":["layout"],"vs":["minimal"],"rt":["component-library"],"section":"动效与通用组件","note":"现成页面区块"},{"id":"uiverse-io","name":"Uiverse","url":"https://uiverse.io/","type":"component","pricing":"free","tags":["开源"],"vs":["playful","neumorphism","skeuomorphic"],"rt":["component-library"],"section":"动效与通用组件","note":"开源小组件"},{"id":"originkit-dev","name":"Origin Kit","url":"https://originkit.dev","type":"component","pricing":"free","tags":["动效"],"ct":["motion"],"vs":["minimal","motion"],"rt":["component-library","motion"],"section":"动效与通用组件","note":"免费动效组件库（@tranmautritam）"},{"id":"canvasui-dev","name":"Canvas UI","url":"https://canvasui.dev","type":"effect","pricing":"unknown","tags":["WebGL/着色器"],"ct":["background","threed"],"vs":["3d","gradient"],"rt":["motion"],"section":"动效与通用组件","note":"在真实网页上叠 WebGL 特效（@tranmautritam）"},{"id":"beam-jakubantalik-com","name":"Border Beam","url":"https://beam.jakubantalik.com","type":"effect","pricing":"unknown","vs":["gradient","dark-tech"],"rt":["motion"],"section":"动效与通用组件","note":"动态流光边框（@tranmautritam）"},{"id":"metal-jakubantalik-com","name":"Liquid Metal","url":"https://metal.jakubantalik.com","type":"effect","pricing":"unknown","tags":["React","液态金属"],"ct":["background","button"],"vs":["skeuomorphic","3d"],"rt":["motion"],"section":"动效与通用组件","note":"液态金属质感按钮，React 可用、零依赖（@tranmautritam 重点推荐）"},{"id":"www-aiverse-design","name":"aiverse","url":"https://www.aiverse.design/","type":"inspiration","pricing":"unknown","vs":["minimal","dark-tech"],"rt":["inspiration"],"section":"AI 产品灵感","note":"200 多个海外 AI 产品交互案例"},{"id":"www-shapeof-ai","name":"The Shape of AI","url":"https://www.shapeof.ai/","type":"inspiration","pricing":"unknown","vs":["minimal"],"rt":["inspiration"],"section":"AI 产品灵感","note":"AI 交互模式库"},{"id":"agentic-design-ai","name":"agentic-design.ai","url":"https://agentic-design.ai/","type":"inspiration","pricing":"unknown","tags":["智能体"],"vs":["minimal"],"rt":["inspiration"],"section":"AI 产品灵感","note":"智能体设计模式"},{"id":"mobbin-com","name":"Mobbin","url":"https://mobbin.com/","type":"inspiration","pricing":"unknown","tags":["移动端"],"vs":["apple","minimal"],"rt":["inspiration"],"section":"AI 产品灵感","note":"真实 App 截图库"},{"id":"land-book-com","name":"Land-book","url":"https://land-book.com/","type":"inspiration","pricing":"unknown","tags":["落地页"],"vs":["editorial","minimal"],"rt":["inspiration"],"section":"AI 产品灵感","note":"落地页灵感"},{"id":"refero-design","name":"Refero","url":"https://refero.design/","type":"inspiration","pricing":"unknown","vs":["minimal","editorial"],"rt":["inspiration"],"section":"AI 产品灵感","note":"真实产品界面库（@neropursue）"},{"id":"60fps-design","name":"60fps","url":"https://60fps.design/","type":"inspiration","pricing":"unknown","tags":["动效","移动端"],"vs":["motion","apple"],"rt":["inspiration","motion"],"section":"AI 产品灵感","note":"移动端界面动效（@neropursue）"},{"id":"inspora-design","name":"Inspora","url":"https://inspora.design/","type":"inspiration","pricing":"unknown","vs":["editorial","minimal"],"rt":["inspiration"],"section":"AI 产品灵感","note":"从 X 上收集的设计灵感（@neropursue）"},{"id":"brandguidelines-net","name":"Brand Guidelines","url":"https://brandguidelines.net/","type":"inspiration","pricing":"unknown","vs":["editorial","swiss"],"rt":["inspiration"],"section":"AI 产品灵感","note":"品牌规范灵感（@neropursue）"},{"id":"backgrounds-supply","name":"Backgrounds Supply","url":"https://backgrounds.supply/","type":"inspiration","pricing":"unknown","tags":["背景"],"vs":["gradient","3d"],"rt":["inspiration"],"section":"AI 产品灵感","note":"好看的设计背景素材（@neropursue）"},{"id":"reelfolio-io","name":"Reelfolio","url":"https://reelfolio.io/","type":"inspiration","pricing":"unknown","vs":["editorial","motion"],"rt":["inspiration"],"section":"AI 产品灵感","note":"做漂亮的作品集（@neropursue）"},{"id":"openwebui-com","name":"Open WebUI","url":"https://openwebui.com/","type":"template","pricing":"unknown","ct":["chat"],"vs":["minimal"],"rt":["template"],"section":"开源 AI 聊天应用","note":""},{"id":"www-librechat-ai","name":"LibreChat","url":"https://www.librechat.ai/","type":"template","pricing":"unknown","tags":["AI 聊天"],"ct":["chat"],"vs":["minimal"],"rt":["template"],"section":"开源 AI 聊天应用","note":""},{"id":"github-com-huggingface-chat-ui","name":"HuggingChat 源码","url":"https://github.com/huggingface/chat-ui","type":"template","pricing":"unknown","tags":["AI 聊天","开源"],"ct":["chat"],"vs":["minimal"],"rt":["template"],"section":"开源 AI 聊天应用","note":""},{"id":"chainlit-io","name":"Chainlit","url":"https://chainlit.io/","type":"template","pricing":"unknown","tags":["Python"],"ct":["chat"],"vs":["minimal"],"rt":["template"],"section":"开源 AI 聊天应用","note":"Python"},{"id":"www-gradio-app","name":"Gradio","url":"https://www.gradio.app/","type":"template","pricing":"unknown","tags":["Python"],"ct":["chat"],"vs":["minimal"],"rt":["template"],"section":"开源 AI 聊天应用","note":"Python"},{"id":"vercel-com-templates-next-js-chatbot","name":"Vercel AI 聊天机器人模板","url":"https://vercel.com/templates/next.js/chatbot","type":"template","pricing":"unknown","tags":["AI 聊天"],"ct":["chat","layout"],"vs":["minimal"],"rt":["template"],"section":"开源 AI 聊天应用","note":""},{"id":"www-assistant-ui-com-examples","name":"assistant-ui 示例","url":"https://www.assistant-ui.com/examples","type":"template","pricing":"unknown","ct":["chat"],"vs":["minimal"],"rt":["template"],"section":"开源 AI 聊天应用","note":""},{"id":"v0-app-templates","name":"v0 模板库","url":"https://v0.app/templates","type":"template","pricing":"unknown","ct":["layout","chat"],"vs":["minimal"],"rt":["template"],"section":"开源 AI 聊天应用","note":""},{"id":"agentation-com","name":"Agentation","url":"https://agentation.com/","type":"generator","pricing":"unknown","tags":["智能体"],"vs":["minimal"],"rt":["generator"],"section":"AI 生成界面","note":"在界面上直接标注问题，生成说明给编程 Agent（@tranmautritam）"},{"id":"x-com-linmiv-status-2106383164923060266","name":"UI 问题盘点可视化（@Linmiv）","url":"https://x.com/Linmiv/status/2106383164923060266","type":"guide","pricing":"unknown","tags":["移动端","审查走查"],"vs":["minimal"],"rt":["tutorial"],"section":"AI 生成界面","note":"思路参考：把一个 App 所有页面的顶栏截图拼成画布，逐条标注不统一的地方和待定决策，适合做 UI 走查"},{"id":"stitch-withgoogle-com","name":"Google Stitch","url":"https://stitch.withgoogle.com/","type":"generator","pricing":"unknown","tags":["原型"],"vs":["minimal"],"rt":["generator"],"section":"AI 生成界面","note":"文字生成设计稿，可导出 Figma"},{"id":"www-figma-com-make","name":"Figma Make","url":"https://www.figma.com/make/","type":"generator","pricing":"unknown","tags":["原型"],"vs":["minimal"],"rt":["generator"],"section":"AI 生成界面","note":"AI 生成可交互原型"},{"id":"www-magicpatterns-com","name":"Magic Patterns","url":"https://www.magicpatterns.com/","type":"generator","pricing":"unknown","tags":["原型"],"vs":["minimal"],"rt":["generator"],"section":"AI 生成界面","note":"给产品经理做原型"},{"id":"uxpilot-ai","name":"UX Pilot","url":"https://uxpilot.ai/","type":"generator","pricing":"unknown","tags":["原型"],"vs":["minimal"],"rt":["generator"],"section":"AI 生成界面","note":"线框图和高保真稿"},{"id":"www-relume-io","name":"Relume","url":"https://www.relume.io/","type":"generator","pricing":"unknown","tags":["原型"],"vs":["minimal"],"rt":["generator"],"section":"AI 生成界面","note":"站点地图和线框图"},{"id":"lovable-dev","name":"Lovable","url":"https://lovable.dev/","type":"generator","pricing":"unknown","tags":["AI 聊天"],"vs":["minimal"],"rt":["generator"],"section":"AI 生成界面","note":"对话生成网页应用"},{"id":"bolt-new","name":"Bolt","url":"https://bolt.cello.so/ByQ3siiRkMz","type":"generator","pricing":"unknown","tags":["AI 聊天"],"vs":["minimal"],"rt":["generator"],"section":"AI 生成界面","note":"对话生成应用，可在线改代码"},{"id":"www-ui-skills-com-skills-ibelick-ui-skills-root","name":"ibelick/ui-skills-root","url":"https://www.ui-skills.com/skills/ibelick/ui-skills-root","type":"skill","pricing":"unknown","vs":["minimal"],"rt":["skill","anti-slop"],"section":"更多 UI Skills","note":"总入口，按需求自动挑最合适的几个 UI 技能"},{"id":"www-ui-skills-com-skills-ibelick-baseline-ui","name":"ibelick/baseline-ui","url":"https://www.ui-skills.com/skills/ibelick/baseline-ui","type":"skill","pricing":"unknown","tags":["字体","去 AI 味"],"vs":["minimal"],"rt":["skill","anti-slop"],"section":"更多 UI Skills","note":"快速去掉 AI 味：修间距、层级、字体和小布局问题"},{"id":"www-ui-skills-com-skills-ibelick-improve-ui","name":"ibelick/improve-ui","url":"https://www.ui-skills.com/skills/ibelick/improve-ui","type":"skill","pricing":"unknown","tags":["审查走查"],"vs":["minimal"],"rt":["skill","anti-slop"],"section":"更多 UI Skills","note":"按产品自己的设计规范审查界面，写出修改方案"},{"id":"www-ui-skills-com-skills-ibelick-create-design-md","name":"ibelick/create-design-md","url":"https://www.ui-skills.com/skills/ibelick/create-design-md","type":"skill","pricing":"unknown","vs":["minimal"],"rt":["skill","design-md"],"section":"更多 UI Skills","note":"从现有产品或网站提取设计规范，生成 DESIGN.md"},{"id":"www-ui-skills-com-skills-pbakaus-impeccable","name":"pbakaus/impeccable","url":"https://www.ui-skills.com/skills/pbakaus/impeccable","type":"skill","pricing":"unknown","tags":["去 AI 味"],"vs":["minimal"],"rt":["skill","anti-slop"],"section":"更多 UI Skills","note":"Impeccable 主技能，做不千篇一律的高质量界面"},{"id":"www-ui-skills-com-skills-pbakaus-polish","name":"pbakaus/polish","url":"https://www.ui-skills.com/skills/pbakaus/polish","type":"skill","pricing":"unknown","vs":["minimal"],"rt":["skill","anti-slop"],"section":"更多 UI Skills","note":"上线前最后一遍对齐、间距、一致性打磨"},{"id":"www-ui-skills-com-skills-pbakaus-critique","name":"pbakaus/critique","url":"https://www.ui-skills.com/skills/pbakaus/critique","type":"skill","pricing":"unknown","tags":["审查走查"],"vs":["minimal"],"rt":["skill","anti-slop"],"section":"更多 UI Skills","note":"给设计打分，按用户角色检查并给出修改建议"},{"id":"www-ui-skills-com-skills-pbakaus-bolder","name":"pbakaus/bolder","url":"https://www.ui-skills.com/skills/pbakaus/bolder","type":"skill","pricing":"unknown","vs":["editorial","brutalist"],"rt":["skill","anti-slop"],"section":"更多 UI Skills","note":"界面太平淡时加强视觉冲击和个性"},{"id":"www-ui-skills-com-skills-pbakaus-quieter","name":"pbakaus/quieter","url":"https://www.ui-skills.com/skills/pbakaus/quieter","type":"skill","pricing":"unknown","vs":["minimal"],"rt":["skill","anti-slop"],"section":"更多 UI Skills","note":"界面太花时降噪，保留层级"},{"id":"www-ui-skills-com-skills-pbakaus-delight","name":"pbakaus/delight","url":"https://www.ui-skills.com/skills/pbakaus/delight","type":"skill","pricing":"unknown","vs":["playful","motion"],"rt":["skill"],"section":"更多 UI Skills","note":"加有记忆点的小交互和情绪细节"},{"id":"www-ui-skills-com-skills-pbakaus-harden","name":"pbakaus/harden","url":"https://www.ui-skills.com/skills/pbakaus/harden","type":"skill","pricing":"unknown","vs":["minimal"],"rt":["skill","a11y"],"section":"更多 UI Skills","note":"补齐空状态、报错、引导、多语言等边界情况"},{"id":"www-ui-skills-com-skills-pbakaus-shape","name":"pbakaus/shape","url":"https://www.ui-skills.com/skills/pbakaus/shape","type":"skill","pricing":"unknown","vs":["minimal"],"rt":["skill"],"section":"更多 UI Skills","note":"写代码前先做设计访谈，产出设计简报（适合产品经理）"},{"id":"www-ui-skills-com-skills-pbakaus-overdrive","name":"pbakaus/overdrive","url":"https://www.ui-skills.com/skills/pbakaus/overdrive","type":"skill","pricing":"unknown","tags":["动效","WebGL/着色器"],"vs":["motion","3d"],"rt":["skill","motion"],"section":"更多 UI Skills","note":"往高冲击力走：高级动效、着色器"},{"id":"www-ui-skills-com-skills-leonxlnx-taste-skill","name":"leonxlnx/taste-skill","url":"https://www.ui-skills.com/skills/leonxlnx/taste-skill","type":"skill","pricing":"unknown","tags":["去 AI 味"],"vs":["editorial","minimal"],"rt":["skill","anti-slop"],"section":"更多 UI Skills","note":"资深 UI 审美约束，专门防 AI 套路化设计"},{"id":"www-ui-skills-com-skills-leonxlnx-redesign-skill","name":"leonxlnx/redesign-skill","url":"https://www.ui-skills.com/skills/leonxlnx/redesign-skill","type":"skill","pricing":"unknown","tags":["去 AI 味"],"vs":["editorial","minimal"],"rt":["skill","anti-slop"],"section":"更多 UI Skills","note":"在不改功能的前提下把现有界面升级到高级感"},{"id":"www-ui-skills-com-skills-leonxlnx-soft-skill","name":"leonxlnx/soft-skill","url":"https://www.ui-skills.com/skills/leonxlnx/soft-skill","type":"skill","pricing":"unknown","tags":["动效","字体"],"vs":["soft"],"rt":["skill","motion","anti-slop"],"section":"更多 UI Skills","note":"高端柔和风：字体、留白、层次、动效"},{"id":"www-ui-skills-com-skills-leonxlnx-minimalist-skill","name":"leonxlnx/minimalist-skill","url":"https://www.ui-skills.com/skills/leonxlnx/minimalist-skill","type":"skill","pricing":"unknown","tags":["配色"],"vs":["minimal","swiss"],"rt":["skill","anti-slop"],"section":"更多 UI Skills","note":"编辑感极简风，黑白配色"},{"id":"www-ui-skills-com-skills-leonxlnx-stitch-skill","name":"leonxlnx/stitch-skill","url":"https://www.ui-skills.com/skills/leonxlnx/stitch-skill","type":"skill","pricing":"unknown","tags":["去 AI 味"],"vs":["minimal"],"rt":["skill","anti-slop"],"section":"更多 UI Skills","note":"配合 Google Stitch 生成不套路的设计"},{"id":"www-ui-skills-com-skills-nextlevelbuilder-ui-ux-pro-max","name":"nextlevelbuilder/ui-ux-pro-max","url":"https://www.ui-skills.com/skills/nextlevelbuilder/ui-ux-pro-max","type":"skill","pricing":"unknown","tags":["配色"],"vs":["minimal"],"rt":["skill"],"section":"更多 UI Skills","note":"50 多种风格、97 套配色、9 种技术栈的设计知识库"},{"id":"www-ui-skills-com-skills-jakubkrehel-make-interfaces-feel-be","name":"jakubkrehel/make-interfaces-feel-better","url":"https://www.ui-skills.com/skills/jakubkrehel/make-interfaces-feel-better","type":"skill","pricing":"unknown","tags":["字体"],"vs":["minimal"],"rt":["skill","anti-slop"],"section":"更多 UI Skills","note":"让界面更精致：微交互、字体、细节"},{"id":"www-ui-skills-com-skills-jakubkrehel-better-typography","name":"jakubkrehel/better-typography","url":"https://www.ui-skills.com/skills/jakubkrehel/better-typography","type":"skill","pricing":"unknown","tags":["字体"],"vs":["minimal"],"rt":["skill","tokens-spec"],"section":"更多 UI Skills","note":"字体选择、搭配、行距和换行"},{"id":"www-ui-skills-com-skills-jakubkrehel-better-colors","name":"jakubkrehel/better-colors","url":"https://www.ui-skills.com/skills/jakubkrehel/better-colors","type":"skill","pricing":"unknown","tags":["配色","无障碍"],"vs":["minimal"],"rt":["skill","a11y","tokens-spec"],"section":"更多 UI Skills","note":"用 OKLCH 生成配色、查对比度"},{"id":"www-ui-skills-com-skills-emilkowalski-animate","name":"emilkowalski/animate","url":"https://www.ui-skills.com/skills/emilkowalski/animate","type":"skill","pricing":"unknown","tags":["动效"],"vs":["motion","minimal"],"rt":["skill","motion"],"section":"更多 UI Skills","note":"从零做动画，按正确顺序决定要不要动、怎么动"},{"id":"www-ui-skills-com-skills-emilkowalski-review-animations","name":"emilkowalski/review-animations","url":"https://www.ui-skills.com/skills/emilkowalski/review-animations","type":"skill","pricing":"unknown","tags":["动效","审查走查"],"vs":["motion","minimal"],"rt":["skill","motion"],"section":"更多 UI Skills","note":"审查动画的时机、节奏和一致性"},{"id":"www-ui-skills-com-skills-raphaelsalaja-12-principles-of-anim","name":"raphaelsalaja/12-principles-of-animation","url":"https://www.ui-skills.com/skills/raphaelsalaja/12-principles-of-animation","type":"skill","pricing":"unknown","tags":["动效"],"vs":["motion","minimal"],"rt":["skill","motion"],"section":"更多 UI Skills","note":"把迪士尼动画 12 原则用到网页上"},{"id":"www-ui-skills-com-skills-raphaelsalaja-to-spring-or-not-to-s","name":"raphaelsalaja/to-spring-or-not-to-spring","url":"https://www.ui-skills.com/skills/raphaelsalaja/to-spring-or-not-to-spring","type":"skill","pricing":"unknown","tags":["动效"],"vs":["motion","minimal"],"rt":["skill","motion"],"section":"更多 UI Skills","note":"判断该用弹簧动画还是缓动曲线"},{"id":"www-ui-skills-com-skills-raphaelsalaja-morphing-icons","name":"raphaelsalaja/morphing-icons","url":"https://www.ui-skills.com/skills/raphaelsalaja/morphing-icons","type":"skill","pricing":"unknown","vs":["motion","minimal"],"rt":["skill","motion"],"section":"更多 UI Skills","note":"图标之间平滑变形"},{"id":"www-ui-skills-com-skills-jakubantalik-transitions-dev","name":"jakubantalik/transitions-dev","url":"https://www.ui-skills.com/skills/jakubantalik/transitions-dev","type":"skill","pricing":"unknown","tags":["动效"],"vs":["motion","minimal"],"rt":["skill","motion"],"section":"更多 UI Skills","note":"Transitions.dev 作者的过渡动效片段"},{"id":"www-ui-skills-com-skills-jakubantalik-refine-live","name":"jakubantalik/refine-live","url":"https://www.ui-skills.com/skills/jakubantalik/refine-live","type":"skill","pricing":"unknown","vs":["minimal"],"rt":["skill"],"section":"更多 UI Skills","note":"实时迭代打磨界面细节"},{"id":"www-ui-skills-com-skills-0xdesign-design-lab","name":"0xdesign/design-lab","url":"https://www.ui-skills.com/skills/0xdesign/design-lab","type":"skill","pricing":"unknown","tags":["审查走查"],"vs":["minimal"],"rt":["skill"],"section":"更多 UI Skills","note":"设计探索流程：访谈、出多个方案、按反馈迭代"},{"id":"www-ui-skills-com-skills-dammyjay93-interface-design","name":"dammyjay93/interface-design","url":"https://www.ui-skills.com/skills/dammyjay93/interface-design","type":"skill","pricing":"unknown","vs":["minimal"],"rt":["skill"],"section":"更多 UI Skills","note":"专攻后台、仪表盘、SaaS 界面"},{"id":"www-ui-skills-com-skills-rams-rams","name":"rams/rams","url":"https://www.ui-skills.com/skills/rams/rams","type":"skill","pricing":"unknown","tags":["字体","无障碍","审查走查"],"vs":["industrial","minimal"],"rt":["skill","a11y","anti-slop"],"section":"更多 UI Skills","note":"实时设计反馈：无障碍、间距、字体、对比度"},{"id":"www-ui-skills-com-skills-vercel-labs-web-design-guidelines","name":"vercel-labs/web-design-guidelines","url":"https://www.ui-skills.com/skills/vercel-labs/web-design-guidelines","type":"skill","pricing":"unknown","tags":["审查走查"],"vs":["minimal"],"rt":["skill","tokens-spec","a11y"],"section":"更多 UI Skills","note":"按 Vercel 的界面规范审查代码"},{"id":"www-ui-skills-com-skills-anthropics-canvas-design","name":"anthropics/canvas-design","url":"https://www.ui-skills.com/skills/anthropics/canvas-design","type":"skill","pricing":"unknown","vs":["editorial"],"rt":["skill"],"section":"更多 UI Skills","note":"Anthropic 官方，生成海报和视觉设计"},{"id":"www-ui-skills-com-skills-zarazhangrui-frontend-slides","name":"zarazhangrui/frontend-slides","url":"https://www.ui-skills.com/skills/zarazhangrui/frontend-slides","type":"skill","pricing":"unknown","tags":["动效"],"vs":["editorial"],"rt":["skill","motion"],"section":"更多 UI Skills","note":"把 PPT 转成带动画的网页演示"},{"id":"www-ui-skills-com-skills-jane-xiaoer-web-clone","name":"jane-xiaoer/web-clone","url":"https://www.ui-skills.com/skills/jane-xiaoer/web-clone","type":"skill","pricing":"unknown","tags":["WebGL/着色器","中文"],"vs":["minimal"],"rt":["skill"],"section":"更多 UI Skills","note":"中文作者，复刻网站和 WebGL 特效的方法论"},{"id":"www-ui-skills-com-skills-diffusionstudio-text-to-lottie","name":"diffusionstudio/text-to-lottie","url":"https://www.ui-skills.com/skills/diffusionstudio/text-to-lottie","type":"skill","pricing":"unknown","tags":["动效"],"vs":["motion","minimal"],"rt":["skill","motion"],"section":"更多 UI Skills","note":"用文字生成 Lottie 动画"},{"id":"libraries-dev-skill-html","name":"Libraries.dev Skill","url":"https://libraries.dev/skill.html","type":"skill","pricing":"freemium","tags":["液态金属"],"vs":["minimal"],"rt":["skill","motion"],"section":"更多 UI Skills","note":"装上后能扫描项目、推荐放液态金属光球等特效的位置；原站另有 Pro 付费版，支持一句话调参数"},{"id":"lib-www-radix-ui-com-primitives","name":"Radix Primitives","url":"https://www.radix-ui.com/primitives","type":"library","pricing":"free","tags":["React","开源"],"ct":["dialog","menu","select","tabs","tooltip","form","nav"],"vs":["minimal"],"rt":["component-library","a11y"],"section":"开源组件库","note":"无样式、可访问的 React 底层组件：对话框、下拉菜单、选择器、Tabs、Tooltip 等，shadcn/ui 的地基"},{"id":"lib-www-radix-ui-com-themes","name":"Radix Themes","url":"https://www.radix-ui.com/themes","type":"library","pricing":"free","tags":["React","开源"],"ct":["button","input","select","dialog","card","table","tabs","avatar"],"vs":["minimal"],"rt":["component-library"],"section":"开源组件库","note":"Radix 官方带样式组件主题，开箱即用、配色体系完整"},{"id":"lib-headlessui-com","name":"Headless UI","url":"https://headlessui.com/","type":"library","pricing":"free","tags":["React","Vue","开源"],"ct":["dialog","menu","select","tabs","input"],"vs":["minimal"],"rt":["component-library","a11y"],"section":"开源组件库","note":"Tailwind 团队出品的无样式组件：弹窗、菜单、列表框、开关、Tabs"},{"id":"lib-ark-ui-com","name":"Ark UI","url":"https://ark-ui.com/","type":"library","pricing":"free","tags":["React","Vue","Solid","Svelte","开源"],"ct":["dialog","menu","select","date","upload","carousel","input","tooltip"],"vs":["minimal"],"rt":["component-library","a11y"],"section":"开源组件库","note":"Chakra 团队的无样式组件，45+ 组件，React / Vue / Solid / Svelte 通用"},{"id":"lib-park-ui-com","name":"Park UI","url":"https://park-ui.com/","type":"library","pricing":"free","tags":["React","Vue","Solid","开源"],"ct":["button","input","dialog","select","card","tabs"],"vs":["minimal"],"rt":["component-library"],"section":"开源组件库","note":"基于 Ark UI 的带样式组件，Panda CSS / Tailwind 两套写法"},{"id":"lib-ui-shadcn-com-blocks","name":"shadcn/ui Blocks","url":"https://ui.shadcn.com/blocks","type":"library","pricing":"free","tags":["React","开源"],"ct":["layout","nav","form","chart"],"vs":["minimal"],"rt":["component-library"],"section":"开源组件库","note":"shadcn 官方区块：登录页、侧边栏、仪表盘、日历，可直接用 CLI 添加"},{"id":"lib-ui-shadcn-com-charts","name":"shadcn/ui Charts","url":"https://ui.shadcn.com/charts","type":"library","pricing":"free","tags":["React","开源"],"ct":["chart"],"vs":["minimal"],"rt":["component-library"],"section":"开源组件库","note":"shadcn 官方图表：面积、柱状、折线、饼图、雷达，基于 Recharts"},{"id":"lib-ui-shadcn-com-docs-directory","name":"shadcn Registry 目录","url":"https://ui.shadcn.com/docs/directory","type":"library","pricing":"free","tags":["React","开源"],"ct":["layout","button","chat","motion"],"vs":["minimal"],"rt":["component-library","motion"],"section":"开源组件库","note":"shadcn 官方收录的第三方组件注册表目录，一站找到各家兼容 shadcn 的组件"},{"id":"lib-daisyui-com","name":"daisyUI","url":"https://daisyui.com/","type":"library","pricing":"free","tags":["CSS","开源"],"ct":["button","card","nav","dialog","form","input","table","toast","avatar","tabs"],"vs":["playful","soft"],"rt":["component-library"],"section":"开源组件库","note":"最流行的 Tailwind 组件类名插件，60+ 组件、30+ 主题"},{"id":"lib-flowbite-com","name":"Flowbite","url":"https://flowbite.com/","type":"library","pricing":"freemium","tags":["CSS","React","Vue","Svelte","开源"],"ct":["button","card","nav","dialog","form","table","chart","date"],"vs":["minimal"],"rt":["component-library"],"section":"开源组件库","note":"Tailwind 组件库，开源版 50+ 组件；原站另有付费 Pro 区块"},{"id":"lib-www-hyperui-dev","name":"HyperUI","url":"https://www.hyperui.dev/","type":"library","pricing":"free","tags":["CSS","开源"],"ct":["layout","card","button","form","table","nav"],"vs":["minimal"],"rt":["component-library"],"section":"开源组件库","note":"免费 Tailwind 组件片段合集：营销页、电商、后台，复制即用"},{"id":"lib-preline-co","name":"Preline UI","url":"https://preline.co/","type":"library","pricing":"freemium","tags":["CSS"],"ct":["layout","nav","form","table","dialog"],"vs":["minimal"],"rt":["component-library"],"section":"开源组件库","note":"Tailwind 组件与区块，开源部分免费；原站另有付费 Pro"},{"id":"lib-merakiui-com","name":"Meraki UI","url":"https://merakiui.com/","type":"library","pricing":"free","tags":["CSS"],"ct":["card","nav","form","layout","button"],"vs":["minimal"],"rt":["component-library"],"section":"开源组件库","note":"Tailwind 组件，支持 RTL 和暗色模式"},{"id":"lib-tailwindcss-com-plus","name":"Tailwind Plus","url":"https://tailwindcss.com/plus","type":"library","pricing":"paid","tags":["React","Vue","CSS"],"ct":["layout","nav","form","table","card"],"vs":["minimal"],"rt":["component-library"],"section":"开源组件库","note":"Tailwind 官方付费组件与模板（原 Tailwind UI），500+ 组件；本站只放链接"},{"id":"lib-mantine-dev","name":"Mantine","url":"https://mantine.dev/","type":"library","pricing":"free","tags":["React","开源"],"ct":["button","input","form","select","date","dialog","table","chart","editor","toast"],"vs":["minimal","enterprise"],"rt":["component-library"],"section":"开源组件库","note":"100+ 组件和 70+ hooks，自带日期、图表、富文本、通知"},{"id":"lib-chakra-ui-com","name":"Chakra UI","url":"https://chakra-ui.com/","type":"library","pricing":"free","tags":["React","开源"],"ct":["button","input","form","dialog","menu","toast","avatar","tabs"],"vs":["soft","minimal"],"rt":["component-library"],"section":"开源组件库","note":"老牌 React 组件库，主题系统灵活，v3 基于 Ark UI"},{"id":"lib-mui-com-material-ui","name":"MUI Material UI","url":"https://mui.com/material-ui/","type":"library","pricing":"free","tags":["React","开源"],"ct":["button","input","form","select","dialog","table","card","avatar","tabs","nav","toast"],"vs":["material"],"rt":["component-library","design-system"],"section":"开源组件库","note":"Material Design 的 React 实现，组件最全之一"},{"id":"lib-mui-com-x","name":"MUI X","url":"https://mui.com/x/","type":"library","pricing":"freemium","tags":["React","开源"],"ct":["table","date","chart"],"vs":["material"],"rt":["component-library"],"section":"开源组件库","note":"数据表格、日期选择、图表、树视图；基础版免费开源，Pro / Premium 付费"},{"id":"lib-base-ui-com","name":"Base UI","url":"https://base-ui.com/","type":"library","pricing":"free","tags":["React","开源"],"ct":["dialog","menu","select","tooltip","input","tabs"],"vs":["minimal"],"rt":["component-library","a11y"],"section":"开源组件库","note":"Radix / MUI / Floating UI 作者合作的无样式组件库"},{"id":"lib-react-aria-adobe-com","name":"React Aria","url":"https://react-aria.adobe.com/","type":"library","pricing":"free","tags":["React","开源"],"ct":["button","input","form","select","date","dialog","menu","table","tabs","tooltip"],"vs":["minimal"],"rt":["component-library","design-system","a11y"],"section":"开源组件库","note":"Adobe 出品，无障碍做得最细的无样式组件与 hooks"},{"id":"lib-ant-design","name":"Ant Design","url":"https://ant.design/","type":"library","pricing":"free","tags":["React","开源"],"ct":["button","input","form","select","date","dialog","table","chart","nav","tabs","upload"],"vs":["enterprise"],"rt":["component-library","design-system"],"section":"开源组件库","note":"蚂蚁中后台组件库，60+ 组件，表格表单极强"},{"id":"lib-mobile-ant-design","name":"Ant Design Mobile","url":"https://mobile.ant.design/","type":"library","pricing":"free","tags":["React","开源"],"ct":["mobile","button","form","dialog","toast","nav"],"vs":["minimal","enterprise"],"rt":["component-library","design-system"],"section":"开源组件库","note":"蚂蚁移动端组件库"},{"id":"lib-g2-antv-antgroup-com","name":"AntV G2","url":"https://g2.antv.antgroup.com/","type":"library","pricing":"free","tags":["JS","开源"],"ct":["chart"],"vs":["enterprise"],"rt":["component-library","design-system"],"section":"开源组件库","note":"蚂蚁可视化语法，几十种图表"},{"id":"lib-tdesign-tencent-com","name":"TDesign","url":"https://tdesign.tencent.com/","type":"library","pricing":"free","tags":["React","Vue","开源"],"ct":["button","input","form","select","date","dialog","table","nav","upload","mobile"],"vs":["enterprise"],"rt":["component-library","design-system"],"section":"开源组件库","note":"腾讯企业级设计体系，React / Vue / 小程序 / 移动端全覆盖"},{"id":"lib-arco-design","name":"Arco Design","url":"https://arco.design/","type":"library","pricing":"free","tags":["React","Vue","开源"],"ct":["button","input","form","select","date","dialog","table","nav","upload"],"vs":["enterprise"],"rt":["component-library","design-system"],"section":"开源组件库","note":"字节中后台组件库，60+ 组件，带物料市场"},{"id":"lib-semi-design","name":"Semi Design","url":"https://semi.design/","type":"library","pricing":"free","tags":["React","开源"],"ct":["button","input","form","select","date","dialog","table","nav","upload"],"vs":["enterprise"],"rt":["component-library","design-system"],"section":"开源组件库","note":"抖音前端出品，设计到代码一体，组件细节好"},{"id":"lib-www-naiveui-com","name":"Naive UI","url":"https://www.naiveui.com/","type":"library","pricing":"free","tags":["Vue","开源"],"ct":["button","input","form","select","date","dialog","table","nav","tabs"],"vs":["enterprise"],"rt":["component-library"],"section":"开源组件库","note":"Vue 3 组件库，90+ 组件，主题可调"},{"id":"lib-element-plus-org","name":"Element Plus","url":"https://element-plus.org/","type":"library","pricing":"free","tags":["Vue","开源"],"ct":["button","input","form","select","date","dialog","table","nav","upload"],"vs":["enterprise"],"rt":["component-library","design-system"],"section":"开源组件库","note":"饿了么 Vue 3 组件库，国内后台最常用"},{"id":"lib-vuetifyjs-com","name":"Vuetify","url":"https://vuetifyjs.com/","type":"library","pricing":"free","tags":["Vue","开源"],"ct":["button","input","form","select","date","dialog","table","card","nav"],"vs":["material"],"rt":["component-library"],"section":"开源组件库","note":"Vue 的 Material 组件框架"},{"id":"lib-primevue-org","name":"PrimeVue","url":"https://primevue.org/","type":"library","pricing":"freemium","tags":["Vue"],"ct":["button","input","form","select","date","dialog","table","chart","editor","upload"],"vs":["enterprise"],"rt":["component-library"],"section":"开源组件库","note":"Vue 组件库，90+ 组件；原站另有付费模板"},{"id":"lib-primereact-org","name":"PrimeReact","url":"https://primereact.org/","type":"library","pricing":"freemium","tags":["React"],"ct":["button","input","form","select","date","dialog","table","chart","editor","upload"],"vs":["enterprise"],"rt":["component-library"],"section":"开源组件库","note":"React 版 Prime 组件库，90+ 组件；原站另有付费模板"},{"id":"lib-primeng-org","name":"PrimeNG","url":"https://primeng.org/","type":"library","pricing":"freemium","tags":["Angular"],"ct":["button","input","form","select","date","dialog","table","chart"],"vs":["enterprise"],"rt":["component-library"],"section":"开源组件库","note":"Angular 版 Prime 组件库；原站另有付费模板"},{"id":"lib-ui-nuxt-com","name":"Nuxt UI","url":"https://ui.nuxt.com/","type":"library","pricing":"free","tags":["Vue","开源"],"ct":["button","input","form","dialog","table","nav","layout"],"vs":["minimal"],"rt":["component-library"],"section":"开源组件库","note":"Nuxt 官方组件库，基于 Reka UI + Tailwind"},{"id":"lib-reka-ui-com","name":"Reka UI","url":"https://reka-ui.com/","type":"library","pricing":"free","tags":["Vue","开源"],"ct":["dialog","menu","select","tabs","tooltip","date"],"vs":["minimal"],"rt":["component-library","a11y"],"section":"开源组件库","note":"Vue 版 Radix（原 Radix Vue），无样式可访问组件"},{"id":"lib-www-shadcn-vue-com","name":"shadcn-vue","url":"https://www.shadcn-vue.com/","type":"library","pricing":"free","tags":["Vue","开源"],"ct":["button","input","form","dialog","table","chart"],"vs":["minimal"],"rt":["component-library"],"section":"开源组件库","note":"shadcn/ui 的 Vue 移植"},{"id":"lib-quasar-dev","name":"Quasar","url":"https://quasar.dev/","type":"library","pricing":"free","tags":["Vue","开源"],"ct":["button","input","form","date","dialog","table","mobile"],"vs":["material"],"rt":["component-library"],"section":"开源组件库","note":"Vue 全家桶框架，一套代码出网页 / 移动 / 桌面"},{"id":"lib-vant-ui-github-io-vant","name":"Vant","url":"https://vant-ui.github.io/vant/","type":"library","pricing":"free","tags":["Vue","开源"],"ct":["mobile","button","form","dialog","toast","upload"],"vs":["playful","minimal"],"rt":["component-library","design-system"],"section":"开源组件库","note":"有赞移动端 Vue 组件库"},{"id":"lib-www-shadcn-svelte-com","name":"shadcn-svelte","url":"https://www.shadcn-svelte.com/","type":"library","pricing":"free","tags":["Svelte","开源"],"ct":["button","input","form","dialog","table","chart"],"vs":["minimal"],"rt":["component-library"],"section":"开源组件库","note":"shadcn/ui 的 Svelte 移植"},{"id":"lib-bits-ui-com","name":"Bits UI","url":"https://bits-ui.com/","type":"library","pricing":"free","tags":["Svelte","开源"],"ct":["dialog","menu","select","date","tabs","tooltip"],"vs":["minimal"],"rt":["component-library","a11y"],"section":"开源组件库","note":"Svelte 无样式组件"},{"id":"lib-melt-ui-com","name":"Melt UI","url":"https://melt-ui.com/","type":"library","pricing":"free","tags":["Svelte","开源"],"ct":["dialog","menu","select","tabs","tooltip"],"vs":["minimal"],"rt":["component-library","a11y"],"section":"开源组件库","note":"Svelte 无样式组件构建器"},{"id":"lib-www-skeleton-dev","name":"Skeleton","url":"https://www.skeleton.dev/","type":"library","pricing":"free","tags":["Svelte","React","开源"],"ct":["button","card","nav","form","dialog"],"vs":["playful","gradient"],"rt":["component-library"],"section":"开源组件库","note":"Svelte / React 的 Tailwind 设计系统"},{"id":"lib-kobalte-dev","name":"Kobalte","url":"https://kobalte.dev/","type":"library","pricing":"free","tags":["Solid","开源"],"ct":["dialog","menu","select","tabs","tooltip"],"vs":["minimal"],"rt":["component-library","a11y"],"section":"开源组件库","note":"SolidJS 无样式可访问组件"},{"id":"lib-material-angular-dev","name":"Angular Material","url":"https://material.angular.dev/","type":"library","pricing":"free","tags":["Angular","开源"],"ct":["button","input","form","select","date","dialog","table","tabs","nav"],"vs":["material"],"rt":["component-library","design-system"],"section":"开源组件库","note":"Angular 官方 Material 组件"},{"id":"lib-www-spartan-ng","name":"Spartan","url":"https://www.spartan.ng/","type":"library","pricing":"free","tags":["Angular","开源"],"ct":["button","input","dialog","menu","table"],"vs":["minimal"],"rt":["component-library"],"section":"开源组件库","note":"Angular 版 shadcn 风格组件"},{"id":"lib-ng-ant-design","name":"NG-ZORRO","url":"https://ng.ant.design/","type":"library","pricing":"free","tags":["Angular","开源"],"ct":["button","input","form","select","date","dialog","table","nav"],"vs":["enterprise"],"rt":["component-library","design-system"],"section":"开源组件库","note":"Ant Design 的 Angular 实现"},{"id":"lib-react-fluentui-dev","name":"Fluent UI","url":"https://react.fluentui.dev/","type":"library","pricing":"free","tags":["React","开源"],"ct":["button","input","form","dialog","menu","table","avatar","toast"],"vs":["fluent","enterprise"],"rt":["component-library","design-system"],"section":"开源组件库","note":"微软 Fluent 2 设计体系的 React 组件"},{"id":"lib-carbondesignsystem-com","name":"Carbon Design System","url":"https://carbondesignsystem.com/","type":"library","pricing":"free","tags":["React","Web","Components","开源"],"ct":["button","input","form","dialog","table","chart","nav"],"vs":["enterprise","swiss"],"rt":["component-library","design-system"],"section":"开源组件库","note":"IBM 设计体系，数据密集型界面优秀"},{"id":"lib-primer-style","name":"Primer","url":"https://primer.style/","type":"library","pricing":"free","tags":["React","开源"],"ct":["button","input","form","dialog","menu","nav","avatar"],"vs":["minimal","enterprise"],"rt":["component-library","design-system"],"section":"开源组件库","note":"GitHub 设计体系的 React 组件"},{"id":"lib-shoelace-style","name":"Shoelace","url":"https://shoelace.style/","type":"library","pricing":"free","tags":["Web","Components","开源"],"ct":["button","input","form","dialog","menu","tooltip"],"vs":["minimal"],"rt":["component-library"],"section":"开源组件库","note":"Web Components 组件库，任何框架都能用"},{"id":"lib-material-web-dev","name":"Material Web","url":"https://material-web.dev/","type":"library","pricing":"free","tags":["Web","Components","开源"],"ct":["button","input","form","dialog","menu","tabs"],"vs":["material"],"rt":["component-library","design-system"],"section":"开源组件库","note":"Google 官方 Material 3 Web Components"},{"id":"lib-getbootstrap-com","name":"Bootstrap","url":"https://getbootstrap.com/","type":"library","pricing":"free","tags":["CSS","开源"],"ct":["button","card","nav","form","dialog","toast","carousel"],"vs":["minimal","utilitarian"],"rt":["component-library"],"section":"开源组件库","note":"经典 CSS 组件框架"},{"id":"lib-bulma-io","name":"Bulma","url":"https://bulma.io/","type":"library","pricing":"free","tags":["CSS","开源"],"ct":["button","card","nav","form"],"vs":["minimal","utilitarian"],"rt":["component-library"],"section":"开源组件库","note":"纯 CSS 组件框架，无 JS"},{"id":"lib-picocss-com","name":"Pico CSS","url":"https://picocss.com/","type":"library","pricing":"free","tags":["CSS","开源"],"ct":["button","form","input","card","dialog"],"vs":["minimal","utilitarian"],"rt":["component-library"],"section":"开源组件库","note":"极简语义化 CSS，HTML 写完就好看"},{"id":"lib-open-props-style","name":"Open Props","url":"https://open-props.style/","type":"library","pricing":"free","tags":["CSS","开源"],"ct":["background","motion"],"vs":["minimal"],"rt":["component-library","motion","tokens-spec"],"section":"开源组件库","note":"CSS 变量设计令牌：颜色、阴影、渐变、缓动"},{"id":"lib-tremor-so","name":"Tremor","url":"https://tremor.so/","type":"library","pricing":"free","tags":["React","开源"],"ct":["chart","table","card"],"vs":["minimal","enterprise"],"rt":["component-library"],"section":"开源组件库","note":"仪表盘组件和图表，Tailwind + Recharts"},{"id":"lib-recharts-org","name":"Recharts","url":"https://recharts.org/","type":"library","pricing":"free","tags":["React","开源"],"ct":["chart"],"vs":["minimal"],"rt":["component-library"],"section":"开源组件库","note":"React 最常用的图表库"},{"id":"lib-echarts-apache-org","name":"Apache ECharts","url":"https://echarts.apache.org/","type":"library","pricing":"free","tags":["JS","开源"],"ct":["chart"],"vs":["enterprise"],"rt":["component-library"],"section":"开源组件库","note":"功能最全的开源图表库之一，示例画廊很大"},{"id":"lib-www-chartjs-org","name":"Chart.js","url":"https://www.chartjs.org/","type":"library","pricing":"free","tags":["JS","开源"],"ct":["chart"],"vs":["minimal"],"rt":["component-library"],"section":"开源组件库","note":"轻量 Canvas 图表"},{"id":"lib-nivo-rocks","name":"Nivo","url":"https://nivo.rocks/","type":"library","pricing":"free","tags":["React","开源"],"ct":["chart"],"vs":["minimal"],"rt":["component-library"],"section":"开源组件库","note":"好看的 React 数据可视化组件"},{"id":"lib-airbnb-io-visx","name":"visx","url":"https://airbnb.io/visx/","type":"library","pricing":"free","tags":["React","开源"],"ct":["chart"],"vs":["minimal"],"rt":["component-library"],"section":"开源组件库","note":"Airbnb 的底层可视化组件"},{"id":"lib-tanstack-com-table","name":"TanStack Table","url":"https://tanstack.com/table","type":"library","pricing":"free","tags":["React","Vue","Solid","Svelte","开源"],"ct":["table"],"vs":["minimal"],"rt":["component-library"],"section":"开源组件库","note":"无头表格引擎：排序、筛选、分页、虚拟滚动"},{"id":"lib-www-ag-grid-com","name":"AG Grid","url":"https://www.ag-grid.com/","type":"library","pricing":"freemium","tags":["React","Vue","Angular","JS","开源"],"ct":["table","chart"],"vs":["enterprise"],"rt":["component-library"],"section":"开源组件库","note":"高性能数据表格；社区版免费开源，企业版付费"},{"id":"lib-fullcalendar-io","name":"FullCalendar","url":"https://fullcalendar.io/","type":"library","pricing":"freemium","tags":["React","Vue","Angular","JS","开源"],"ct":["date"],"vs":["enterprise"],"rt":["component-library"],"section":"开源组件库","note":"日历排期组件；核心开源，部分高级插件付费"},{"id":"lib-daypicker-dev","name":"React DayPicker","url":"https://daypicker.dev/","type":"library","pricing":"free","tags":["React","开源"],"ct":["date"],"vs":["minimal"],"rt":["component-library"],"section":"开源组件库","note":"日期选择器，shadcn Calendar 用的就是它"},{"id":"lib-sonner-emilkowal-ski","name":"Sonner","url":"https://sonner.emilkowal.ski/","type":"library","pricing":"free","tags":["React","开源"],"ct":["toast","motion"],"vs":["minimal"],"rt":["component-library","motion"],"section":"开源组件库","note":"Emil Kowalski 做的 Toast 通知，动效顺滑"},{"id":"lib-react-hot-toast-com","name":"react-hot-toast","url":"https://react-hot-toast.com/","type":"library","pricing":"free","tags":["React","开源"],"ct":["toast"],"vs":["minimal"],"rt":["component-library"],"section":"开源组件库","note":"轻量好看的 Toast 通知"},{"id":"lib-vaul-emilkowal-ski","name":"Vaul","url":"https://vaul.emilkowal.ski/","type":"library","pricing":"free","tags":["React","开源"],"ct":["dialog","mobile","motion"],"vs":["apple","minimal"],"rt":["component-library","motion"],"section":"开源组件库","note":"移动端风格的底部抽屉"},{"id":"lib-github-com-dip-cmdk","name":"cmdk","url":"https://github.com/dip/cmdk","type":"library","pricing":"free","tags":["React","开源"],"ct":["menu","input"],"vs":["minimal"],"rt":["component-library"],"section":"开源组件库","note":"⌘K 命令面板组件"},{"id":"lib-floating-ui-com","name":"Floating UI","url":"https://floating-ui.com/","type":"library","pricing":"free","tags":["React","Vue","JS","开源"],"ct":["tooltip","menu"],"vs":["minimal"],"rt":["component-library"],"section":"开源组件库","note":"Tooltip / Popover / 下拉的定位引擎"},{"id":"lib-input-otp-rodz-dev","name":"input-otp","url":"https://input-otp.rodz.dev/","type":"library","pricing":"free","tags":["React","开源"],"ct":["input","form"],"vs":["minimal"],"rt":["component-library"],"section":"开源组件库","note":"验证码输入框"},{"id":"lib-react-hook-form-com","name":"React Hook Form","url":"https://react-hook-form.com/","type":"library","pricing":"free","tags":["React","开源"],"ct":["form","input"],"vs":["minimal"],"rt":["component-library"],"section":"开源组件库","note":"高性能表单状态与校验"},{"id":"lib-www-embla-carousel-com","name":"Embla Carousel","url":"https://www.embla-carousel.com/","type":"library","pricing":"free","tags":["React","Vue","Svelte","JS","开源"],"ct":["carousel","motion"],"vs":["minimal"],"rt":["component-library","motion"],"section":"开源组件库","note":"轻量轮播，手感顺滑"},{"id":"lib-swiperjs-com","name":"Swiper","url":"https://swiperjs.com/","type":"library","pricing":"free","tags":["React","Vue","JS","开源"],"ct":["carousel","mobile","motion"],"vs":["minimal"],"rt":["component-library","motion"],"section":"开源组件库","note":"最常用的移动端轮播 / 滑动组件"},{"id":"lib-dndkit-com","name":"dnd kit","url":"https://dndkit.com/","type":"library","pricing":"free","tags":["React","开源"],"ct":["dnd"],"vs":["minimal"],"rt":["component-library"],"section":"开源组件库","note":"拖拽排序工具包：列表、看板、网格"},{"id":"lib-reactflow-dev","name":"React Flow","url":"https://reactflow.dev/","type":"library","pricing":"freemium","tags":["React","Svelte","开源"],"ct":["flow","dnd"],"vs":["minimal"],"rt":["component-library"],"section":"开源组件库","note":"节点流程图 / 工作流画布；开源免费，原站另有付费 Pro 示例"},{"id":"lib-uppy-io","name":"Uppy","url":"https://uppy.io/","type":"library","pricing":"free","tags":["React","Vue","JS","开源"],"ct":["upload"],"vs":["minimal"],"rt":["component-library"],"section":"开源组件库","note":"文件上传组件：拖拽、进度、网盘导入"},{"id":"lib-pqina-nl-filepond","name":"FilePond","url":"https://pqina.nl/filepond/","type":"library","pricing":"free","tags":["React","Vue","JS","开源"],"ct":["upload"],"vs":["minimal"],"rt":["component-library"],"section":"开源组件库","note":"顺滑的文件上传组件"},{"id":"lib-tiptap-dev","name":"Tiptap","url":"https://tiptap.dev/","type":"library","pricing":"freemium","tags":["React","Vue","JS","开源"],"ct":["editor"],"vs":["minimal"],"rt":["component-library"],"section":"开源组件库","note":"无头富文本编辑器；编辑器核心开源，原站另有付费云服务"},{"id":"lib-lexical-dev","name":"Lexical","url":"https://lexical.dev/","type":"library","pricing":"free","tags":["React","JS","开源"],"ct":["editor"],"vs":["minimal"],"rt":["component-library"],"section":"开源组件库","note":"Meta 出品的可扩展编辑器框架"},{"id":"lib-www-blocknotejs-org","name":"BlockNote","url":"https://www.blocknotejs.org/","type":"library","pricing":"free","tags":["React"],"ct":["editor"],"vs":["minimal"],"rt":["component-library"],"section":"开源组件库","note":"Notion 风格的块编辑器"},{"id":"lib-lucide-dev","name":"Lucide","url":"https://lucide.dev/","type":"library","pricing":"free","tags":["React","Vue","Svelte","JS"],"ct":["icon"],"vs":["minimal"],"rt":["component-library","assets"],"section":"开源组件库","note":"1500+ 线性图标，shadcn 默认图标"},{"id":"lib-heroicons-com","name":"Heroicons","url":"https://heroicons.com/","type":"library","pricing":"free","tags":["React","Vue","开源"],"ct":["icon"],"vs":["minimal"],"rt":["component-library","assets"],"section":"开源组件库","note":"Tailwind 团队的图标集"},{"id":"lib-tabler-io-icons","name":"Tabler Icons","url":"https://tabler.io/icons","type":"library","pricing":"free","tags":["React","Vue","JS","开源"],"ct":["icon"],"vs":["minimal"],"rt":["component-library","assets"],"section":"开源组件库","note":"5000+ 免费线性图标"},{"id":"lib-phosphoricons-com","name":"Phosphor Icons","url":"https://phosphoricons.com/","type":"library","pricing":"free","tags":["React","Vue","JS","开源"],"ct":["icon"],"vs":["minimal"],"rt":["component-library","assets"],"section":"开源组件库","note":"灵活图标家族，六种粗细"},{"id":"lib-icon-sets-iconify-design","name":"Iconify","url":"https://icon-sets.iconify.design/","type":"library","pricing":"free","tags":["React","Vue","JS","开源"],"ct":["icon"],"vs":["minimal"],"rt":["component-library","assets"],"section":"开源组件库","note":"20 万+ 开源图标统一入口；各图标集许可不同，请看原站标注"},{"id":"lib-motion-dev","name":"Motion","url":"https://motion.dev/","type":"library","pricing":"free","tags":["React","Vue","JS","开源"],"ct":["motion"],"vs":["motion"],"rt":["component-library","motion"],"section":"开源组件库","note":"原 Framer Motion，React / JS 动画库开源版"},{"id":"lib-motion-dev-examples","name":"Motion 示例","url":"https://motion.dev/examples","type":"library","pricing":"freemium","tags":["React","Vue","JS"],"ct":["motion"],"vs":["motion"],"rt":["component-library","motion"],"section":"开源组件库","note":"Motion 官方示例画廊；部分示例属于付费 Motion+，本站只放链接"},{"id":"lib-www-react-spring-dev","name":"React Spring","url":"https://www.react-spring.dev/","type":"library","pricing":"free","tags":["React","开源"],"ct":["motion"],"vs":["motion"],"rt":["component-library","motion"],"section":"开源组件库","note":"弹簧物理动画库"},{"id":"lib-gsap-com","name":"GSAP","url":"https://gsap.com/","type":"library","pricing":"free","tags":["JS"],"ct":["motion"],"vs":["motion"],"rt":["component-library","motion"],"section":"开源组件库","note":"专业级 JS 动画平台，免费使用但为自有许可（非 MIT），本站只放链接"},{"id":"lib-auto-animate-formkit-com","name":"AutoAnimate","url":"https://auto-animate.formkit.com/","type":"library","pricing":"free","tags":["React","Vue","JS","开源"],"ct":["motion"],"vs":["motion"],"rt":["component-library","motion"],"section":"开源组件库","note":"一行代码给列表加进出场动画"},{"id":"lib-airbnb-io-lottie","name":"Lottie Web","url":"https://airbnb.io/lottie/","type":"library","pricing":"free","tags":["JS","开源"],"ct":["motion","loader"],"vs":["motion"],"rt":["component-library","motion"],"section":"开源组件库","note":"播放 AE 导出的 Lottie 动画"},{"id":"lib-lenis-darkroom-engineering","name":"Lenis","url":"https://lenis.darkroom.engineering/","type":"library","pricing":"free","tags":["JS","React","开源"],"ct":["motion"],"vs":["motion"],"rt":["component-library","motion"],"section":"开源组件库","note":"丝滑滚动库，很多获奖网站在用"},{"id":"lib-animate-style","name":"Animate.css","url":"https://animate.style/","type":"library","pricing":"free","tags":["CSS"],"ct":["motion"],"vs":["playful","motion"],"rt":["component-library","motion"],"section":"开源组件库","note":"现成的 CSS 动画类，加个 class 就能动；许可以原仓库为准，本站只放链接"},{"id":"lib-threejs-org","name":"Three.js","url":"https://threejs.org/","type":"library","pricing":"free","tags":["JS","开源"],"ct":["threed","background"],"vs":["3d","dark-tech"],"rt":["component-library","motion"],"section":"开源组件库","note":"最主流的 WebGL 3D 库，示例画廊很大"},{"id":"lib-r3f-docs-pmnd-rs","name":"React Three Fiber","url":"https://r3f.docs.pmnd.rs/","type":"library","pricing":"free","tags":["React","开源"],"ct":["threed"],"vs":["3d","dark-tech"],"rt":["component-library","motion"],"section":"开源组件库","note":"用 React 写 Three.js"},{"id":"lib-drei-docs-pmnd-rs","name":"Drei","url":"https://drei.docs.pmnd.rs/","type":"library","pricing":"free","tags":["React","开源"],"ct":["threed"],"vs":["3d","dark-tech"],"rt":["component-library","motion"],"section":"开源组件库","note":"React Three Fiber 的现成 3D 组件集"},{"id":"lib-www-eldoraui-site","name":"Eldora UI","url":"https://www.eldoraui.site/","type":"library","pricing":"free","tags":["React","开源"],"ct":["motion","background","button","card"],"vs":["dark-tech","motion"],"rt":["component-library","motion"],"section":"开源组件库","note":"动效组件与模板，shadcn 风格"},{"id":"lib-tamagui-dev","name":"Tamagui","url":"https://tamagui.dev/","type":"library","pricing":"free","tags":["React","Native","开源"],"ct":["mobile","button","input","dialog"],"vs":["minimal"],"rt":["component-library"],"section":"开源组件库","note":"React Native + Web 一套组件"},{"id":"lib-gluestack-io","name":"gluestack-ui","url":"https://gluestack.io/","type":"library","pricing":"free","tags":["React","Native"],"ct":["mobile","button","input","form","dialog"],"vs":["minimal"],"rt":["component-library"],"section":"开源组件库","note":"React Native 的可复制组件，类 shadcn"},{"id":"lib-reactnativepaper-com","name":"React Native Paper","url":"https://reactnativepaper.com/","type":"library","pricing":"free","tags":["React","Native","开源"],"ct":["mobile","button","input","dialog","card"],"vs":["material"],"rt":["component-library"],"section":"开源组件库","note":"React Native 的 Material 组件"},{"id":"lib-reactnativereusables-com","name":"React Native Reusables","url":"https://reactnativereusables.com/","type":"library","pricing":"free","tags":["React","Native","开源"],"ct":["mobile","button","input","dialog","card"],"vs":["minimal"],"rt":["component-library"],"section":"开源组件库","note":"shadcn/ui 的 React Native 版"},{"id":"lib-ionicframework-com","name":"Ionic","url":"https://ionicframework.com/","type":"library","pricing":"free","tags":["React","Vue","Angular","开源"],"ct":["mobile","button","input","nav","tabs","dialog"],"vs":["apple","minimal"],"rt":["component-library"],"section":"开源组件库","note":"跨平台移动端 UI 组件"},{"id":"lib-konstaui-com","name":"Konsta UI","url":"https://konstaui.com/","type":"library","pricing":"free","tags":["React","Vue","Svelte","开源"],"ct":["mobile","button","nav","dialog"],"vs":["apple","minimal"],"rt":["component-library"],"section":"开源组件库","note":"iOS / Material 风格的 Tailwind 移动组件"},{"id":"lib-component-gallery","name":"The Component Gallery","url":"https://component.gallery/","type":"inspiration","pricing":"free","ct":["button","input","form","dialog","table","nav","card","tabs","toast"],"vs":["minimal"],"rt":["inspiration","directory"],"section":"开源组件库","note":"按组件类型整理的真实设计体系案例库，同一种组件能看到各大公司的做法，适合对照找灵感"},{"id":"cs-ui-aceternity-com-background","name":"Background · Aceternity UI","url":"https://ui.aceternity.com/components/background-beams","type":"style","pricing":"unknown","tags":["Aceternity UI"],"ct":["background"],"vs":["dark-tech","gradient","3d","motion"],"rt":["component-demo","motion"],"section":"组件样式","libName":"Aceternity UI","kind":"background","page":"https://ui.aceternity.com/components/background-beams","note":"Aceternity UI 官方文档里的「背景」公开演示"},{"id":"cs-lib-flowbite-com-button","name":"Button · Flowbite","url":"https://flowbite.com/docs/components/buttons/","type":"style","pricing":"freemium","tags":["CSS","React","Vue","Svelte","Flowbite"],"ct":["button"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Flowbite","kind":"button","page":"https://flowbite.com/docs/components/buttons/","note":"Flowbite 官方文档里的「按钮」公开演示"},{"id":"cs-lib-vuetifyjs-com-date","name":"Date picker · Vuetify","url":"https://vuetifyjs.com/en/components/date-pickers/#usage","type":"style","pricing":"free","tags":["Vue","Vuetify"],"ct":["date"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Vuetify","kind":"date","page":"https://vuetifyjs.com/en/components/date-pickers/","note":"Vuetify 官方文档里的「日期」公开演示"},{"id":"cs-lib-park-ui-com-button","name":"Button · Park UI","url":"https://park-ui.com/docs/components/button","type":"style","pricing":"free","tags":["React","Vue","Solid","Park UI"],"ct":["button"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Park UI","kind":"button","page":"https://park-ui.com/docs/components/button","note":"Park UI 官方文档里的「按钮」公开演示"},{"id":"cs-lib-bits-ui-com-dialog","name":"Dialog · Bits UI","url":"https://bits-ui.com/docs/components/dialog","type":"style","pricing":"free","tags":["Svelte","Bits UI"],"ct":["dialog"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Bits UI","kind":"dialog","page":"https://bits-ui.com/docs/components/dialog","note":"Bits UI 官方文档里的「弹窗」公开演示"},{"id":"cs-lib-mui-com-material-ui-button","name":"Button · Material UI","url":"https://mui.com/material-ui/react-button/","type":"style","pricing":"free","tags":["React","Material UI"],"ct":["button"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Material UI","kind":"button","page":"https://mui.com/material-ui/react-button/","note":"Material UI 官方文档里的「按钮」公开演示"},{"id":"cs-lib-www-shadcn-vue-com-dialog","name":"Dialog · shadcn-vue","url":"https://www.shadcn-vue.com/docs/components/dialog","type":"style","pricing":"free","tags":["Vue","shadcn-vue"],"ct":["dialog"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"shadcn-vue","kind":"dialog","page":"https://www.shadcn-vue.com/docs/components/dialog.html","note":"shadcn-vue 官方文档里的「弹窗」公开演示"},{"id":"cs-lib-picocss-com-table","name":"Table · Pico CSS","url":"https://picocss.com/docs/table","type":"style","pricing":"free","tags":["CSS","Pico CSS"],"ct":["table"],"vs":["minimal","utilitarian"],"rt":["component-demo"],"section":"组件样式","libName":"Pico CSS","kind":"table","page":"https://picocss.com/docs/table","note":"Pico CSS 官方文档里的「表格」公开演示"},{"id":"cs-lib-ark-ui-com-carousel","name":"Carousel · Ark UI","url":"https://ark-ui.com/docs/components/carousel","type":"style","pricing":"free","tags":["React","Vue","Solid","Svelte","Ark UI"],"ct":["carousel"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Ark UI","kind":"carousel","page":"https://ark-ui.com/docs/components/carousel","note":"Ark UI 官方文档里的「轮播」公开演示"},{"id":"cs-lib-open-props-style-layout","name":"Layout · Open Props","url":"https://open-props.style/","type":"style","pricing":"free","tags":["CSS","Open Props"],"ct":["layout"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Open Props","kind":"layout","page":"https://open-props.style/","note":"Open Props 官方文档里的「区块」公开演示"},{"id":"cs-lib-semi-design-chat","name":"Chat · Semi Design","url":"https://semi.design/zh-CN/plus/chat","type":"style","pricing":"free","tags":["React","Semi Design"],"ct":["chat"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Semi Design","kind":"chat","page":"https://semi.design/en-US/plus/chat","note":"Semi Design 官方文档里的「聊天」公开演示"},{"id":"cs-lib-material-angular-dev-card","name":"Card · Angular Material","url":"https://material.angular.dev/components/card/overview","type":"style","pricing":"free","tags":["Angular","Angular Material"],"ct":["card"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Angular Material","kind":"card","page":"https://material.angular.dev/components/card/overview","note":"Angular Material 官方文档里的「卡片」公开演示"},{"id":"cs-motion-primitives-com-card","name":"Card · Motion Primitives","url":"https://motion-primitives.com/docs/tilt","type":"style","pricing":"unknown","tags":["动效","Motion Primitives"],"ct":["card"],"vs":["minimal","motion"],"rt":["component-demo"],"section":"组件样式","libName":"Motion Primitives","kind":"card","page":"https://motion-primitives.com/docs/tilt","note":"Motion Primitives 官方文档里的「卡片」公开演示"},{"id":"cs-lib-nivo-rocks-chart","name":"Chart · nivo","url":"https://nivo.rocks/bar/","type":"style","pricing":"free","tags":["React","nivo"],"ct":["chart"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"nivo","kind":"chart","page":"https://nivo.rocks/bar/","note":"nivo 官方文档里的「图表」公开演示"},{"id":"cs-lib-react-aria-adobe-com-dnd","name":"Drag & drop · React Aria","url":"https://react-aria.adobe.com/GridList","type":"style","pricing":"free","tags":["React","React Aria"],"ct":["dnd"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"React Aria","kind":"dnd","page":"https://react-aria.adobe.com/GridList","note":"React Aria 官方文档里的「拖拽」公开演示"},{"id":"cs-www-kibo-ui-com-input","name":"Input · Kibo UI","url":"https://www.kibo-ui.com/components/color-picker","type":"style","pricing":"unknown","tags":["shadcn","Kibo UI"],"ct":["input"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Kibo UI","kind":"input","page":"https://www.kibo-ui.com/components/color-picker","note":"Kibo UI 官方文档里的「输入框」公开演示"},{"id":"cs-lib-getbootstrap-com-carousel","name":"Carousel · Bootstrap","url":"https://getbootstrap.com/docs/5.3/components/carousel/","type":"style","pricing":"free","tags":["CSS","Bootstrap"],"ct":["carousel"],"vs":["minimal","utilitarian"],"rt":["component-demo"],"section":"组件样式","libName":"Bootstrap","kind":"carousel","page":"https://getbootstrap.com/docs/5.3/components/carousel/","note":"Bootstrap 官方文档里的「轮播」公开演示"},{"id":"cs-lib-mantine-dev-carousel","name":"Carousel · Mantine","url":"https://mantine.dev/x/carousel/","type":"style","pricing":"free","tags":["React","Mantine"],"ct":["carousel"],"vs":["minimal","enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Mantine","kind":"carousel","page":"https://mantine.dev/x/carousel/","note":"Mantine 官方文档里的「轮播」公开演示"},{"id":"cs-lib-www-radix-ui-com-themes-avatar","name":"Avatar · Radix Themes","url":"https://www.radix-ui.com/themes/docs/components/avatar","type":"style","pricing":"free","tags":["React","Radix Themes"],"ct":["avatar"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Radix Themes","kind":"avatar","page":"https://www.radix-ui.com/themes/docs/components/avatar","note":"Radix Themes 官方文档里的「头像」公开演示"},{"id":"cs-lib-mui-com-x-chart","name":"Chart · MUI X","url":"https://mui.com/x/react-charts/bars/","type":"style","pricing":"freemium","tags":["React","MUI X"],"ct":["chart"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"MUI X","kind":"chart","page":"https://mui.com/x/react-charts/bars/","note":"MUI X 官方文档里的「图表」公开演示"},{"id":"cs-lib-daisyui-com-carousel","name":"Carousel · daisyUI","url":"https://daisyui.com/components/carousel/","type":"style","pricing":"free","tags":["CSS","daisyUI"],"ct":["carousel"],"vs":["playful","soft"],"rt":["component-demo"],"section":"组件样式","libName":"daisyUI","kind":"carousel","page":"https://daisyui.com/components/carousel/","note":"daisyUI 官方文档里的「轮播」公开演示"},{"id":"cs-www-heroui-com-dialog","name":"Dialog · HeroUI","url":"https://heroui.com/en/docs/react/components/modal","type":"style","pricing":"unknown","tags":["HeroUI"],"ct":["dialog"],"vs":["soft","playful"],"rt":["component-demo"],"section":"组件样式","libName":"HeroUI","kind":"dialog","page":"https://www.heroui.com/docs/components/modal","note":"HeroUI 官方文档里的「弹窗」公开演示"},{"id":"cs-lib-ionicframework-com-dialog","name":"Dialog · Ionic","url":"https://ionicframework.com/docs/api/modal","type":"style","pricing":"free","tags":["React","Vue","Angular","Ionic"],"ct":["dialog"],"vs":["apple","minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Ionic","kind":"dialog","page":"https://ionicframework.com/docs/api/modal","note":"Ionic 官方文档里的「弹窗」公开演示"},{"id":"cs-ui-shadcn-com-chart","name":"Chart · shadcn/ui","url":"https://ui.shadcn.com/docs/components/base/chart","type":"style","pricing":"unknown","tags":["shadcn","shadcn/ui"],"ct":["chart"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"shadcn/ui","kind":"chart","page":"https://ui.shadcn.com/docs/components/chart","note":"shadcn/ui 官方文档里的「图表」公开演示"},{"id":"cs-magicui-design-card","name":"Card · Magic UI","url":"https://magicui.design/docs/components/magic-card","type":"style","pricing":"unknown","tags":["Magic UI"],"ct":["card"],"vs":["dark-tech","gradient","motion"],"rt":["component-demo"],"section":"组件样式","libName":"Magic UI","kind":"card","page":"https://magicui.design/docs/components/magic-card","note":"Magic UI 官方文档里的「卡片」公开演示"},{"id":"cs-lib-echarts-apache-org-chart","name":"Chart · ECharts","url":"https://echarts.apache.org/examples/en/editor.html?c=area-basic","type":"style","pricing":"free","tags":["JS","ECharts"],"ct":["chart"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"ECharts","kind":"chart","page":"https://echarts.apache.org/examples/en/editor.html?c=area-basic","note":"ECharts 官方文档里的「图表」公开演示"},{"id":"cs-lib-vaul-emilkowal-ski-dialog","name":"Dialog · Vaul","url":"https://vaul.emilkowal.ski/","type":"style","pricing":"free","tags":["React","Vaul"],"ct":["dialog"],"vs":["apple","minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Vaul","kind":"dialog","page":"https://vaul.emilkowal.ski/","note":"Vaul 官方文档里的「弹窗」公开演示"},{"id":"cs-lib-www-spartan-ng-card","name":"Card · Spartan","url":"https://www.spartan.ng/components/card","type":"style","pricing":"free","tags":["Angular","Spartan"],"ct":["card"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Spartan","kind":"card","page":"https://www.spartan.ng/components/card","note":"Spartan 官方文档里的「卡片」公开演示"},{"id":"cs-lib-www-shadcn-svelte-com-card","name":"Card · shadcn-svelte","url":"https://www.shadcn-svelte.com/docs/components/card","type":"style","pricing":"free","tags":["Svelte","shadcn-svelte"],"ct":["card"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"shadcn-svelte","kind":"card","page":"https://www.shadcn-svelte.com/docs/components/card","note":"shadcn-svelte 官方文档里的「卡片」公开演示"},{"id":"cs-lib-primevue-org-chart","name":"Chart · PrimeVue","url":"https://primevue.dev/chart/","type":"style","pricing":"freemium","tags":["Vue","PrimeVue"],"ct":["chart"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"PrimeVue","kind":"chart","page":"https://primevue.org/chart/","note":"PrimeVue 官方文档里的「图表」公开演示"},{"id":"cs-lib-www-skeleton-dev-tabs","name":"Tabs · Skeleton","url":"https://www.skeleton.dev/docs/svelte/framework-components/tabs","type":"style","pricing":"free","tags":["Svelte","React","Skeleton"],"ct":["tabs"],"vs":["playful","gradient"],"rt":["component-demo"],"section":"组件样式","libName":"Skeleton","kind":"tabs","page":"https://www.skeleton.dev/docs/svelte/framework-components/tabs","note":"Skeleton 官方文档里的「标签页」公开演示"},{"id":"cs-lib-ant-design-button","name":"Button · Ant Design","url":"https://ant.design/components/button","type":"style","pricing":"free","tags":["React","Ant Design"],"ct":["button"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Ant Design","kind":"button","page":"https://ant.design/components/button","note":"Ant Design 官方文档里的「按钮」公开演示"},{"id":"cs-lib-g2-antv-antgroup-com-chart","name":"Chart · AntV G2","url":"https://g2.antv.antgroup.com/en/examples","type":"style","pricing":"free","tags":["JS","AntV G2"],"ct":["chart"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"AntV G2","kind":"chart","page":"https://g2.antv.antgroup.com/en/examples","note":"AntV G2 官方文档里的「图表」公开演示"},{"id":"cs-lib-primeng-org-button","name":"Button · PrimeNG","url":"https://primeng.dev/button","type":"style","pricing":"freemium","tags":["Angular","PrimeNG"],"ct":["button"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"PrimeNG","kind":"button","page":"https://primeng.org/button","note":"PrimeNG 官方文档里的「按钮」公开演示"},{"id":"cs-lib-heroicons-com-icon","name":"Icons · Heroicons","url":"https://heroicons.com/","type":"style","pricing":"free","tags":["React","Vue","Heroicons"],"ct":["icon"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Heroicons","kind":"icon","page":"https://heroicons.com/","note":"Heroicons 官方文档里的「图标」公开演示"},{"id":"cs-lib-tdesign-tencent-com-table","name":"Table · TDesign","url":"https://tdesign.tencent.com/vue-next/components/table","type":"style","pricing":"free","tags":["React","Vue","TDesign"],"ct":["table"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"TDesign","kind":"table","page":"https://tdesign.tencent.com/vue-next/components/table","note":"TDesign 官方文档里的「表格」公开演示"},{"id":"cs-lib-headlessui-com-tabs","name":"Tabs · Headless UI","url":"https://headlessui.com/react/tabs","type":"style","pricing":"free","tags":["React","Vue","Headless UI"],"ct":["tabs"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Headless UI","kind":"tabs","page":"https://headlessui.com/react/tabs","note":"Headless UI 官方文档里的「标签页」公开演示"},{"id":"cs-lib-kobalte-dev-dialog","name":"Dialog · Kobalte","url":"https://kobalte.dev/docs/core/components/dialog","type":"style","pricing":"free","tags":["Solid","Kobalte"],"ct":["dialog"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Kobalte","kind":"dialog","page":"https://kobalte.dev/docs/core/components/dialog","note":"Kobalte 官方文档里的「弹窗」公开演示"},{"id":"cs-lib-react-hot-toast-com-toast","name":"Toast · react-hot-toast","url":"https://react-hot-toast.com/","type":"style","pricing":"free","tags":["React","react-hot-toast"],"ct":["toast"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"react-hot-toast","kind":"toast","page":"https://react-hot-toast.com/","note":"react-hot-toast 官方文档里的「通知」公开演示"},{"id":"cs-lib-chakra-ui-com-button","name":"Button · Chakra UI","url":"https://chakra-ui.com/docs/components/button","type":"style","pricing":"free","tags":["React","Chakra UI"],"ct":["button"],"vs":["soft","minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Chakra UI","kind":"button","page":"https://chakra-ui.com/docs/components/button","note":"Chakra UI 官方文档里的「按钮」公开演示"},{"id":"cs-lib-ui-nuxt-com-tabs","name":"Tabs · Nuxt UI","url":"https://ui.nuxt.com/docs/components/tabs","type":"style","pricing":"free","tags":["Vue","Nuxt UI"],"ct":["tabs"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Nuxt UI","kind":"tabs","page":"https://ui.nuxt.com/docs/components/tabs","note":"Nuxt UI 官方文档里的「标签页」公开演示"},{"id":"cs-lib-www-hyperui-dev-layout","name":"Layout · HyperUI","url":"https://www.hyperui.dev/components/marketing/pricing/","type":"style","pricing":"free","tags":["CSS","HyperUI"],"ct":["layout"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"HyperUI","kind":"layout","page":"https://www.hyperui.dev/components/marketing/pricing","note":"HyperUI 官方文档里的「区块」公开演示"},{"id":"cs-lib-quasar-dev-date","name":"Date picker · Quasar","url":"https://quasar.dev/vue-components/date/","type":"style","pricing":"free","tags":["Vue","Quasar"],"ct":["date"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Quasar","kind":"date","page":"https://quasar.dev/vue-components/date","note":"Quasar 官方文档里的「日期」公开演示"},{"id":"cs-lib-www-blocknotejs-org-editor","name":"Editor · BlockNote","url":"https://www.blocknotejs.org/demo#nf2ny","type":"style","pricing":"free","tags":["React","BlockNote"],"ct":["editor"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"BlockNote","kind":"editor","page":"https://www.blocknotejs.org/demo","note":"BlockNote 官方文档里的「编辑器」公开演示"},{"id":"cs-lib-lucide-dev-icon","name":"Icons · Lucide","url":"https://lucide.dev/icons/","type":"style","pricing":"free","tags":["React","Vue","Svelte","JS","Lucide"],"ct":["icon"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Lucide","kind":"icon","page":"https://lucide.dev/icons/","note":"Lucide 官方文档里的「图标」公开演示"},{"id":"cs-lib-base-ui-com-dialog","name":"Dialog · Base UI","url":"https://base-ui.com/react/components/dialog","type":"style","pricing":"free","tags":["React","Base UI"],"ct":["dialog"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Base UI","kind":"dialog","page":"https://base-ui.com/react/components/dialog","note":"Base UI 官方文档里的「弹窗」公开演示"},{"id":"cs-lib-ng-ant-design-button","name":"Button · NG-ZORRO","url":"https://ng.ant.design/components/button/en","type":"style","pricing":"free","tags":["Angular","NG-ZORRO"],"ct":["button"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"NG-ZORRO","kind":"button","page":"https://ng.ant.design/components/button/en","note":"NG-ZORRO 官方文档里的「按钮」公开演示"},{"id":"cs-lib-www-ag-grid-com-table","name":"Table · AG Grid","url":"https://www.ag-grid.com/example/","type":"style","pricing":"freemium","tags":["React","Vue","Angular","JS","AG Grid"],"ct":["table"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"AG Grid","kind":"table","page":"https://www.ag-grid.com/example/","note":"AG Grid 官方文档里的「表格」公开演示"},{"id":"cs-lib-element-plus-org-button","name":"Button · Element Plus","url":"https://element-plus.org/en-US/component/button.html","type":"style","pricing":"free","tags":["Vue","Element Plus"],"ct":["button"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Element Plus","kind":"button","page":"https://element-plus.org/en-US/component/button.html","note":"Element Plus 官方文档里的「按钮」公开演示"},{"id":"cs-lib-tremor-so-table","name":"Table · Tremor","url":"https://www.tremor.so/docs/ui/table","type":"style","pricing":"free","tags":["React","Tremor"],"ct":["table"],"vs":["minimal","enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Tremor","kind":"table","page":"https://tremor.so/docs/ui/table","note":"Tremor 官方文档里的「表格」公开演示"},{"id":"cs-lib-arco-design-table","name":"Table · Arco Design","url":"https://arco.design/react/components/table","type":"style","pricing":"free","tags":["React","Vue","Arco Design"],"ct":["table"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Arco Design","kind":"table","page":"https://arco.design/react/components/table","note":"Arco Design 官方文档里的「表格」公开演示"},{"id":"cs-lib-uppy-io-upload","name":"Upload · Uppy","url":"https://uppy.io/examples/","type":"style","pricing":"free","tags":["React","Vue","JS","Uppy"],"ct":["upload"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Uppy","kind":"upload","page":"https://uppy.io/examples/","note":"Uppy 官方文档里的「上传」公开演示"},{"id":"cs-x-ant-design-avatar","name":"Avatar · Ant Design X","url":"https://x.ant.design/components/welcome","type":"style","pricing":"unknown","tags":["中文","Ant Design X"],"ct":["avatar"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Ant Design X","kind":"avatar","page":"https://x.ant.design/components/welcome","note":"Ant Design X 官方文档里的「头像」公开演示"},{"id":"cs-lib-primer-style-nav","name":"Navigation · Primer","url":"https://primer.style/product/components/tree-view/","type":"style","pricing":"free","tags":["React","Primer"],"ct":["nav"],"vs":["minimal","enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Primer","kind":"nav","page":"https://primer.style/product/components/tree-view/","note":"Primer 官方文档里的「导航」公开演示"},{"id":"cs-lib-reactflow-dev-flow","name":"Flow · React Flow","url":"https://reactflow.dev/examples/overview","type":"style","pricing":"freemium","tags":["React","Svelte","React Flow"],"ct":["flow"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"React Flow","kind":"flow","page":"https://reactflow.dev/examples/overview","note":"React Flow 官方文档里的「流程图」公开演示"},{"id":"cs-lib-carbondesignsystem-com-table","name":"Table · Carbon","url":"https://www.carbondesignsystem.com/building-blocks/core/components/data-table/guidelines","type":"style","pricing":"free","tags":["React","Web","Components","Carbon"],"ct":["table"],"vs":["enterprise","swiss"],"rt":["component-demo"],"section":"组件样式","libName":"Carbon","kind":"table","page":"https://carbondesignsystem.com/components/data-table/usage/","note":"Carbon 官方文档里的「表格」公开演示"},{"id":"cs-lib-daypicker-dev-date","name":"Date picker · React DayPicker","url":"https://daypicker.dev/","type":"style","pricing":"free","tags":["React","React DayPicker"],"ct":["date"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"React DayPicker","kind":"date","page":"https://daypicker.dev/","note":"React DayPicker 官方文档里的「日期」公开演示"},{"id":"cs-lib-input-otp-rodz-dev-input","name":"Input · input-otp","url":"https://input-otp.rodz.dev/","type":"style","pricing":"free","tags":["React","input-otp"],"ct":["input"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"input-otp","kind":"input","page":"https://input-otp.rodz.dev/","note":"input-otp 官方文档里的「输入框」公开演示"},{"id":"cs2-lib-www-naiveui-com--badge--tag--v0","name":"Badge & tag · Naive UI","url":"https://www.naiveui.com/en-US/os-theme/components/tag","type":"style","pricing":"free","tags":["Vue","Naive UI"],"ct":["badge"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Naive UI","kind":"badge","page":"https://www.naiveui.com/en-US/os-theme/components/tag","note":"Naive UI 官方文档里的「徽标标签」公开演示"},{"id":"cs2-lib-shoelace-style--motion--dialog--v0","name":"Motion · Shoelace","url":"https://shoelace.style/components/dialog","type":"style","pricing":"free","tags":["Web","Components","Shoelace"],"ct":["motion"],"vs":["minimal"],"rt":["component-demo","motion"],"section":"组件样式","libName":"Shoelace","kind":"motion","page":"https://shoelace.style/components/dialog","note":"Shoelace 官方文档里的「动效」公开演示"},{"id":"cs2-lib-material-web-dev--button--fab--v0","name":"Button · Material Web","url":"https://material-web.dev/components/fab/","type":"style","pricing":"free","tags":["Web","Components","Material Web"],"ct":["button"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Material Web","kind":"button","page":"https://material-web.dev/components/fab/","note":"Material Web 官方文档里的「按钮」公开演示"},{"id":"cs2-reactbits-dev--motion--text-animations-decrypted-text--v1","name":"Motion · React Bits · Customize","url":"https://reactbits.dev/text-animations/decrypted-text#tabs:«r5»:content-preview","type":"style","pricing":"unknown","tags":["React","React Bits"],"ct":["motion"],"vs":["dark-tech","motion","3d"],"rt":["component-demo","motion"],"section":"组件样式","libName":"React Bits","kind":"motion","page":"https://reactbits.dev/text-animations/decrypted-text","note":"React Bits 官方文档里的「动效」公开演示（Customize）"},{"id":"cs2-lib-mobile-ant-design--card--card--v0","name":"Card · Ant Design Mobile","url":"https://mobile.ant.design/components/card/#demos","type":"style","pricing":"free","tags":["React","Ant Design Mobile"],"ct":["card"],"vs":["minimal","enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Ant Design Mobile","kind":"card","page":"https://mobile.ant.design/components/card","note":"Ant Design Mobile 官方文档里的「卡片」公开演示"},{"id":"cs2-lib-bulma-io--card--components-card--v0","name":"Card · Bulma · Card parts","url":"https://bulma.io/documentation/components/card/#card-parts","type":"style","pricing":"free","tags":["CSS","Bulma"],"ct":["card"],"vs":["minimal","utilitarian"],"rt":["component-demo"],"section":"组件样式","libName":"Bulma","kind":"card","page":"https://bulma.io/documentation/components/card/","note":"Bulma 官方文档里的「卡片」公开演示（Card parts）"},{"id":"cs2-lib-tamagui-dev--form--slider--v0","name":"Form · Tamagui","url":"https://tamagui.dev/ui/slider","type":"style","pricing":"free","tags":["React","Native","Tamagui"],"ct":["form"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Tamagui","kind":"form","page":"https://tamagui.dev/ui/slider","note":"Tamagui 官方文档里的「表单」公开演示"},{"id":"cs2-lib-reactnativereusables-com--button--button--v0","name":"Button · React Native Reusables","url":"https://reactnativereusables.com/docs/components/button","type":"style","pricing":"free","tags":["React","Native","React Native Reusables"],"ct":["button"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"React Native Reusables","kind":"button","page":"https://reactnativereusables.com/docs/components/button","note":"React Native Reusables 官方文档里的「按钮」公开演示"},{"id":"cs2-lib-animate-style--motion--home--v3","name":"Motion · Animate.css · Core Team","url":"https://animate.style/#contributors","type":"style","pricing":"free","tags":["CSS","Animate.css"],"ct":["motion"],"vs":["playful","motion"],"rt":["component-demo","motion"],"section":"组件样式","libName":"Animate.css","kind":"motion","page":"https://animate.style/","note":"Animate.css 官方文档里的「动效」公开演示（Core Team）"},{"id":"cs2-www-prompt-kit-com--input--prompt-input--v1","name":"Input · prompt-kit · Prompt Input with actions","url":"https://www.prompt-kit.com/docs/prompt-input","type":"style","pricing":"unknown","tags":["AI 聊天","prompt-kit"],"ct":["input"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"prompt-kit","kind":"input","page":"https://www.prompt-kit.com/docs/prompt-input","note":"prompt-kit 官方文档里的「输入框」公开演示（Prompt Input with actions）"},{"id":"cs2-lib-tabler-io-icons--icon--icons--v0","name":"Icons · Tabler Icons · Outline icons","url":"https://tabler.io/icons#search","type":"style","pricing":"free","tags":["React","Vue","JS","Tabler Icons"],"ct":["icon"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Tabler Icons","kind":"icon","page":"https://tabler.io/icons","note":"Tabler Icons 官方文档里的「图标」公开演示（Outline icons）"},{"id":"cs2-lib-fullcalendar-io--date--home--v1","name":"Date picker · FullCalendar","url":"https://fullcalendar.io/#premium","type":"style","pricing":"freemium","tags":["React","Vue","Angular","JS","FullCalendar"],"ct":["date"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"FullCalendar","kind":"date","page":"https://fullcalendar.io/","note":"FullCalendar 官方文档里的「日期」公开演示"},{"id":"cs2-lib-www-chartjs-org--chart--bar-html--v1","name":"Chart · Chart.js","url":"https://www.chartjs.org/docs/latest/charts/bar.html#styling","type":"style","pricing":"free","tags":["JS","Chart.js"],"ct":["chart"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Chart.js","kind":"chart","page":"https://www.chartjs.org/docs/latest/charts/bar.html","note":"Chart.js 官方文档里的「图表」公开演示"},{"id":"cs2-lib-auto-animate-formkit-com--motion--home--v1","name":"Motion · AutoAnimate · React hook","url":"https://auto-animate.formkit.com/#usage-react","type":"style","pricing":"free","tags":["React","Vue","JS","AutoAnimate"],"ct":["motion"],"vs":["motion"],"rt":["component-demo","motion"],"section":"组件样式","libName":"AutoAnimate","kind":"motion","page":"https://auto-animate.formkit.com/","note":"AutoAnimate 官方文档里的「动效」公开演示（React hook）"},{"id":"cs-ui-aceternity-com-carousel","name":"Carousel · Aceternity UI","url":"https://ui.aceternity.com/components/apple-cards-carousel","type":"style","pricing":"unknown","tags":["Aceternity UI"],"ct":["carousel"],"vs":["dark-tech","gradient","3d","motion"],"rt":["component-demo"],"section":"组件样式","libName":"Aceternity UI","kind":"carousel","page":"https://ui.aceternity.com/components/apple-cards-carousel","note":"Aceternity UI 官方文档里的「轮播」公开演示"},{"id":"cs-lib-flowbite-com-carousel","name":"Carousel · Flowbite","url":"https://flowbite.com/docs/components/carousel/","type":"style","pricing":"freemium","tags":["CSS","React","Vue","Svelte","Flowbite"],"ct":["carousel"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Flowbite","kind":"carousel","page":"https://flowbite.com/docs/components/carousel/","note":"Flowbite 官方文档里的「轮播」公开演示"},{"id":"cs-lib-vuetifyjs-com-table","name":"Table · Vuetify","url":"https://vuetifyjs.com/en/components/data-tables/basics/#usage","type":"style","pricing":"free","tags":["Vue","Vuetify"],"ct":["table"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Vuetify","kind":"table","page":"https://vuetifyjs.com/en/components/data-tables/basics/","note":"Vuetify 官方文档里的「表格」公开演示"},{"id":"cs-lib-park-ui-com-dialog","name":"Dialog · Park UI","url":"https://park-ui.com/docs/components/dialog","type":"style","pricing":"free","tags":["React","Vue","Solid","Park UI"],"ct":["dialog"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Park UI","kind":"dialog","page":"https://park-ui.com/docs/components/dialog","note":"Park UI 官方文档里的「弹窗」公开演示"},{"id":"cs-lib-bits-ui-com-menu","name":"Menu · Bits UI","url":"https://bits-ui.com/docs/components/dropdown-menu","type":"style","pricing":"free","tags":["Svelte","Bits UI"],"ct":["menu"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Bits UI","kind":"menu","page":"https://bits-ui.com/docs/components/dropdown-menu","note":"Bits UI 官方文档里的「菜单」公开演示"},{"id":"cs-lib-mui-com-material-ui-input","name":"Input · Material UI","url":"https://mui.com/material-ui/react-autocomplete/","type":"style","pricing":"free","tags":["React","Material UI"],"ct":["input"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Material UI","kind":"input","page":"https://mui.com/material-ui/react-autocomplete/","note":"Material UI 官方文档里的「输入框」公开演示"},{"id":"cs-lib-www-shadcn-vue-com-card","name":"Card · shadcn-vue","url":"https://www.shadcn-vue.com/docs/components/card","type":"style","pricing":"free","tags":["Vue","shadcn-vue"],"ct":["card"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"shadcn-vue","kind":"card","page":"https://www.shadcn-vue.com/docs/components/card.html","note":"shadcn-vue 官方文档里的「卡片」公开演示"},{"id":"cs2-lib-picocss-com--menu--dropdown--v0","name":"Menu · Pico CSS","url":"https://picocss.com/docs/dropdown#content","type":"style","pricing":"free","tags":["CSS","Pico CSS"],"ct":["menu"],"vs":["minimal","utilitarian"],"rt":["component-demo"],"section":"组件样式","libName":"Pico CSS","kind":"menu","page":"https://picocss.com/docs/dropdown","note":"Pico CSS 官方文档里的「菜单」公开演示"},{"id":"cs-lib-ark-ui-com-tabs","name":"Tabs · Ark UI","url":"https://ark-ui.com/docs/components/tabs","type":"style","pricing":"free","tags":["React","Vue","Solid","Svelte","Ark UI"],"ct":["tabs"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Ark UI","kind":"tabs","page":"https://ark-ui.com/docs/components/tabs","note":"Ark UI 官方文档里的「标签页」公开演示"},{"id":"cs2-lib-open-props-style--layout--home--v0","name":"Layout · Open Props · Letter Spacing","url":"https://open-props.style/#typography","type":"style","pricing":"free","tags":["CSS","Open Props"],"ct":["layout"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Open Props","kind":"layout","page":"https://open-props.style/","note":"Open Props 官方文档里的「区块」公开演示（Letter Spacing）"},{"id":"cs-lib-semi-design-table","name":"Table · Semi Design","url":"https://semi.design/zh-CN/show/table","type":"style","pricing":"free","tags":["React","Semi Design"],"ct":["table"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Semi Design","kind":"table","page":"https://semi.design/en-US/show/table","note":"Semi Design 官方文档里的「表格」公开演示"},{"id":"cs-lib-material-angular-dev-dialog","name":"Dialog · Angular Material","url":"https://material.angular.dev/components/dialog/overview","type":"style","pricing":"free","tags":["Angular","Angular Material"],"ct":["dialog"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Angular Material","kind":"dialog","page":"https://material.angular.dev/components/dialog/overview","note":"Angular Material 官方文档里的「弹窗」公开演示"},{"id":"cs-motion-primitives-com-dialog","name":"Dialog · Motion Primitives","url":"https://motion-primitives.com/docs/morphing-dialog","type":"style","pricing":"unknown","tags":["动效","Motion Primitives"],"ct":["dialog"],"vs":["minimal","motion"],"rt":["component-demo"],"section":"组件样式","libName":"Motion Primitives","kind":"dialog","page":"https://motion-primitives.com/docs/morphing-dialog","note":"Motion Primitives 官方文档里的「弹窗」公开演示"},{"id":"cs2-lib-react-aria-adobe-com--form--slider--v0","name":"Form · React Aria","url":"https://react-aria.adobe.com/Slider","type":"style","pricing":"free","tags":["React","React Aria"],"ct":["form"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"React Aria","kind":"form","page":"https://react-aria.adobe.com/Slider","note":"React Aria 官方文档里的「表单」公开演示"},{"id":"cs2-www-kibo-ui-com--upload--dropzone--v3","name":"Upload · Kibo UI · Images only","url":"https://www.kibo-ui.com/components/dropzone#images-only","type":"style","pricing":"unknown","tags":["shadcn","Kibo UI"],"ct":["upload"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Kibo UI","kind":"upload","page":"https://www.kibo-ui.com/components/dropzone","note":"Kibo UI 官方文档里的「上传」公开演示（Images only）"},{"id":"cs-lib-getbootstrap-com-card","name":"Card · Bootstrap","url":"https://getbootstrap.com/docs/5.3/components/card/","type":"style","pricing":"free","tags":["CSS","Bootstrap"],"ct":["card"],"vs":["minimal","utilitarian"],"rt":["component-demo"],"section":"组件样式","libName":"Bootstrap","kind":"card","page":"https://getbootstrap.com/docs/5.3/components/card/","note":"Bootstrap 官方文档里的「卡片」公开演示"},{"id":"cs-lib-mantine-dev-card","name":"Card · Mantine","url":"https://mantine.dev/core/card/","type":"style","pricing":"free","tags":["React","Mantine"],"ct":["card"],"vs":["minimal","enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Mantine","kind":"card","page":"https://mantine.dev/core/card/","note":"Mantine 官方文档里的「卡片」公开演示"},{"id":"cs-lib-www-radix-ui-com-themes-table","name":"Table · Radix Themes","url":"https://www.radix-ui.com/themes/docs/components/table","type":"style","pricing":"free","tags":["React","Radix Themes"],"ct":["table"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Radix Themes","kind":"table","page":"https://www.radix-ui.com/themes/docs/components/table","note":"Radix Themes 官方文档里的「表格」公开演示"},{"id":"cs-lib-mui-com-x-table","name":"Table · MUI X","url":"https://mui.com/x/react-data-grid/","type":"style","pricing":"freemium","tags":["React","MUI X"],"ct":["table"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"MUI X","kind":"table","page":"https://mui.com/x/react-data-grid/","note":"MUI X 官方文档里的「表格」公开演示"},{"id":"cs-lib-daisyui-com-avatar","name":"Avatar · daisyUI","url":"https://daisyui.com/components/avatar/","type":"style","pricing":"free","tags":["CSS","daisyUI"],"ct":["avatar"],"vs":["playful","soft"],"rt":["component-demo"],"section":"组件样式","libName":"daisyUI","kind":"avatar","page":"https://daisyui.com/components/avatar/","note":"daisyUI 官方文档里的「头像」公开演示"},{"id":"cs-www-heroui-com-table","name":"Table · HeroUI","url":"https://heroui.com/en/docs/react/components/table","type":"style","pricing":"unknown","tags":["HeroUI"],"ct":["table"],"vs":["soft","playful"],"rt":["component-demo"],"section":"组件样式","libName":"HeroUI","kind":"table","page":"https://www.heroui.com/docs/components/table","note":"HeroUI 官方文档里的「表格」公开演示"},{"id":"cs-lib-ionicframework-com-toast","name":"Toast · Ionic","url":"https://ionicframework.com/docs/api/toast","type":"style","pricing":"free","tags":["React","Vue","Angular","Ionic"],"ct":["toast"],"vs":["apple","minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Ionic","kind":"toast","page":"https://ionicframework.com/docs/api/toast","note":"Ionic 官方文档里的「通知」公开演示"},{"id":"cs-ui-shadcn-com-card","name":"Card · shadcn/ui","url":"https://ui.shadcn.com/docs/components/base/card","type":"style","pricing":"unknown","tags":["shadcn","shadcn/ui"],"ct":["card"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"shadcn/ui","kind":"card","page":"https://ui.shadcn.com/docs/components/card","note":"shadcn/ui 官方文档里的「卡片」公开演示"},{"id":"cs-magicui-design-button","name":"Button · Magic UI","url":"https://magicui.design/docs/components/shimmer-button","type":"style","pricing":"unknown","tags":["Magic UI"],"ct":["button"],"vs":["dark-tech","gradient","motion"],"rt":["component-demo"],"section":"组件样式","libName":"Magic UI","kind":"button","page":"https://magicui.design/docs/components/shimmer-button","note":"Magic UI 官方文档里的「按钮」公开演示"},{"id":"cs-lib-www-spartan-ng-tabs","name":"Tabs · Spartan","url":"https://www.spartan.ng/components/tabs","type":"style","pricing":"free","tags":["Angular","Spartan"],"ct":["tabs"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Spartan","kind":"tabs","page":"https://www.spartan.ng/components/tabs","note":"Spartan 官方文档里的「标签页」公开演示"},{"id":"cs-lib-www-shadcn-svelte-com-table","name":"Table · shadcn-svelte","url":"https://www.shadcn-svelte.com/docs/components/data-table","type":"style","pricing":"free","tags":["Svelte","shadcn-svelte"],"ct":["table"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"shadcn-svelte","kind":"table","page":"https://www.shadcn-svelte.com/docs/components/data-table","note":"shadcn-svelte 官方文档里的「表格」公开演示"},{"id":"cs-lib-primevue-org-select","name":"Select · PrimeVue","url":"https://primevue.dev/select/","type":"style","pricing":"freemium","tags":["Vue","PrimeVue"],"ct":["select"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"PrimeVue","kind":"select","page":"https://primevue.org/select/","note":"PrimeVue 官方文档里的「选择器」公开演示"},{"id":"cs-lib-www-skeleton-dev-date","name":"Date picker · Skeleton","url":"https://www.skeleton.dev/docs/svelte/framework-components/date-picker","type":"style","pricing":"free","tags":["Svelte","React","Skeleton"],"ct":["date"],"vs":["playful","gradient"],"rt":["component-demo"],"section":"组件样式","libName":"Skeleton","kind":"date","page":"https://www.skeleton.dev/docs/svelte/framework-components/date-picker","note":"Skeleton 官方文档里的「日期」公开演示"},{"id":"cs-lib-ant-design-table","name":"Table · Ant Design","url":"https://ant.design/components/table","type":"style","pricing":"free","tags":["React","Ant Design"],"ct":["table"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Ant Design","kind":"table","page":"https://ant.design/components/table","note":"Ant Design 官方文档里的「表格」公开演示"},{"id":"cs2-lib-g2-antv-antgroup-com--chart--home--v0","name":"Chart · AntV G2 · Interval","url":"https://g2.antv.antgroup.com/en/examples#group-general-interval","type":"style","pricing":"free","tags":["JS","AntV G2"],"ct":["chart"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"AntV G2","kind":"chart","page":"https://g2.antv.antgroup.com/en/examples","note":"AntV G2 官方文档里的「图表」公开演示（Interval）"},{"id":"cs-lib-primeng-org-select","name":"Select · PrimeNG","url":"https://primeng.dev/select","type":"style","pricing":"freemium","tags":["Angular","PrimeNG"],"ct":["select"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"PrimeNG","kind":"select","page":"https://primeng.org/select","note":"PrimeNG 官方文档里的「选择器」公开演示"},{"id":"cs-lib-tdesign-tencent-com-upload","name":"Upload · TDesign","url":"https://tdesign.tencent.com/vue-next/components/upload","type":"style","pricing":"free","tags":["React","Vue","TDesign"],"ct":["upload"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"TDesign","kind":"upload","page":"https://tdesign.tencent.com/vue-next/components/upload","note":"TDesign 官方文档里的「上传」公开演示"},{"id":"cs-lib-headlessui-com-select","name":"Select · Headless UI","url":"https://headlessui.com/react/listbox","type":"style","pricing":"free","tags":["React","Vue","Headless UI"],"ct":["select"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Headless UI","kind":"select","page":"https://headlessui.com/react/listbox","note":"Headless UI 官方文档里的「选择器」公开演示"},{"id":"cs-lib-kobalte-dev-tabs","name":"Tabs · Kobalte","url":"https://kobalte.dev/docs/core/components/tabs","type":"style","pricing":"free","tags":["Solid","Kobalte"],"ct":["tabs"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Kobalte","kind":"tabs","page":"https://kobalte.dev/docs/core/components/tabs","note":"Kobalte 官方文档里的「标签页」公开演示"},{"id":"cs-lib-chakra-ui-com-card","name":"Card · Chakra UI","url":"https://chakra-ui.com/docs/components/card","type":"style","pricing":"free","tags":["React","Chakra UI"],"ct":["card"],"vs":["soft","minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Chakra UI","kind":"card","page":"https://chakra-ui.com/docs/components/card","note":"Chakra UI 官方文档里的「卡片」公开演示"},{"id":"cs-lib-ui-nuxt-com-table","name":"Table · Nuxt UI","url":"https://ui.nuxt.com/docs/components/table","type":"style","pricing":"free","tags":["Vue","Nuxt UI"],"ct":["table"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Nuxt UI","kind":"table","page":"https://ui.nuxt.com/docs/components/table","note":"Nuxt UI 官方文档里的「表格」公开演示"},{"id":"cs-lib-www-hyperui-dev-table","name":"Table · HyperUI","url":"https://www.hyperui.dev/components/application/tables/","type":"style","pricing":"free","tags":["CSS","HyperUI"],"ct":["table"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"HyperUI","kind":"table","page":"https://www.hyperui.dev/components/application/tables","note":"HyperUI 官方文档里的「表格」公开演示"},{"id":"cs2-lib-quasar-dev--progress--linear-progress--v2","name":"Progress · Quasar · Query state","url":"https://quasar.dev/vue-components/linear-progress/#example--query--query-state","type":"style","pricing":"free","tags":["Vue","Quasar"],"ct":["progress"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Quasar","kind":"progress","page":"https://quasar.dev/vue-components/linear-progress","note":"Quasar 官方文档里的「进度」公开演示（Query state）"},{"id":"cs-lib-base-ui-com-tabs","name":"Tabs · Base UI","url":"https://base-ui.com/react/components/tabs","type":"style","pricing":"free","tags":["React","Base UI"],"ct":["tabs"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Base UI","kind":"tabs","page":"https://base-ui.com/react/components/tabs","note":"Base UI 官方文档里的「标签页」公开演示"},{"id":"cs-lib-ng-ant-design-table","name":"Table · NG-ZORRO","url":"https://ng.ant.design/components/table/en","type":"style","pricing":"free","tags":["Angular","NG-ZORRO"],"ct":["table"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"NG-ZORRO","kind":"table","page":"https://ng.ant.design/components/table/en","note":"NG-ZORRO 官方文档里的「表格」公开演示"},{"id":"cs2-lib-www-ag-grid-com--table--home--v0","name":"Table · AG Grid","url":"https://www.ag-grid.com/example/","type":"style","pricing":"freemium","tags":["React","Vue","Angular","JS","AG Grid"],"ct":["table"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"AG Grid","kind":"table","page":"https://www.ag-grid.com/example/","note":"AG Grid 官方文档里的「表格」公开演示"},{"id":"cs-lib-element-plus-org-nav","name":"Navigation · Element Plus","url":"https://element-plus.org/en-US/component/steps.html","type":"style","pricing":"free","tags":["Vue","Element Plus"],"ct":["nav"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Element Plus","kind":"nav","page":"https://element-plus.org/en-US/component/steps.html","note":"Element Plus 官方文档里的「导航」公开演示"},{"id":"cs2-lib-tremor-so--table--ui-table--v1","name":"Table · Tremor · Workspaces","url":"https://www.tremor.so/docs/ui/table","type":"style","pricing":"free","tags":["React","Tremor"],"ct":["table"],"vs":["minimal","enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Tremor","kind":"table","page":"https://tremor.so/docs/ui/table","note":"Tremor 官方文档里的「表格」公开演示（Workspaces）"},{"id":"cs-lib-arco-design-button","name":"Button · Arco Design","url":"https://arco.design/react/components/button","type":"style","pricing":"free","tags":["React","Vue","Arco Design"],"ct":["button"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Arco Design","kind":"button","page":"https://arco.design/react/components/button","note":"Arco Design 官方文档里的「按钮」公开演示"},{"id":"cs-x-ant-design-input","name":"Input · Ant Design X","url":"https://x.ant.design/components/sender","type":"style","pricing":"unknown","tags":["中文","Ant Design X"],"ct":["input"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Ant Design X","kind":"input","page":"https://x.ant.design/components/sender","note":"Ant Design X 官方文档里的「输入框」公开演示"},{"id":"cs-lib-primer-style-toast","name":"Toast · Primer","url":"https://primer.style/product/components/banner/","type":"style","pricing":"free","tags":["React","Primer"],"ct":["toast"],"vs":["minimal","enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Primer","kind":"toast","page":"https://primer.style/product/components/banner/","note":"Primer 官方文档里的「通知」公开演示"},{"id":"cs-lib-carbondesignsystem-com-button","name":"Button · Carbon","url":"https://www.carbondesignsystem.com/building-blocks/core/components/button/guidelines","type":"style","pricing":"free","tags":["React","Web","Components","Carbon"],"ct":["button"],"vs":["enterprise","swiss"],"rt":["component-demo"],"section":"组件样式","libName":"Carbon","kind":"button","page":"https://carbondesignsystem.com/components/button/usage/","note":"Carbon 官方文档里的「按钮」公开演示"},{"id":"cs2-lib-www-naiveui-com--badge--tag--v1","name":"Badge & tag · Naive UI","url":"https://www.naiveui.com/en-US/os-theme/components/tag","type":"style","pricing":"free","tags":["Vue","Naive UI"],"ct":["badge"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Naive UI","kind":"badge","page":"https://www.naiveui.com/en-US/os-theme/components/tag","note":"Naive UI 官方文档里的「徽标标签」公开演示"},{"id":"cs2-lib-shoelace-style--badge--badge--v0","name":"Badge & tag · Shoelace","url":"https://shoelace.style/components/badge","type":"style","pricing":"free","tags":["Web","Components","Shoelace"],"ct":["badge"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Shoelace","kind":"badge","page":"https://shoelace.style/components/badge","note":"Shoelace 官方文档里的「徽标标签」公开演示"},{"id":"cs2-lib-material-web-dev--button--button--v0","name":"Button · Material Web","url":"https://material-web.dev/components/button/","type":"style","pricing":"free","tags":["Web","Components","Material Web"],"ct":["button"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Material Web","kind":"button","page":"https://material-web.dev/components/button/","note":"Material Web 官方文档里的「按钮」公开演示"},{"id":"cs2-reactbits-dev--motion--animations-meta-balls--v0","name":"Motion · React Bits · Meta Balls","url":"https://reactbits.dev/animations/meta-balls#root","type":"style","pricing":"unknown","tags":["React","React Bits"],"ct":["motion"],"vs":["dark-tech","motion","3d"],"rt":["component-demo","motion"],"section":"组件样式","libName":"React Bits","kind":"motion","page":"https://reactbits.dev/animations/meta-balls","note":"React Bits 官方文档里的「动效」公开演示（Meta Balls）"},{"id":"cs2-lib-mobile-ant-design--button--button--v0","name":"Button · Ant Design Mobile","url":"https://mobile.ant.design/components/button/#demos","type":"style","pricing":"free","tags":["React","Ant Design Mobile"],"ct":["button"],"vs":["minimal","enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Ant Design Mobile","kind":"button","page":"https://mobile.ant.design/components/button","note":"Ant Design Mobile 官方文档里的「按钮」公开演示"},{"id":"cs2-lib-bulma-io--card--components-card--v2","name":"Card · Bulma","url":"https://bulma.io/documentation/components/card/","type":"style","pricing":"free","tags":["CSS","Bulma"],"ct":["card"],"vs":["minimal","utilitarian"],"rt":["component-demo"],"section":"组件样式","libName":"Bulma","kind":"card","page":"https://bulma.io/documentation/components/card/","note":"Bulma 官方文档里的「卡片」公开演示"},{"id":"cs2-lib-tamagui-dev--dialog--dialog--v0","name":"Dialog · Tamagui","url":"https://tamagui.dev/ui/dialog","type":"style","pricing":"free","tags":["React","Native","Tamagui"],"ct":["dialog"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Tamagui","kind":"dialog","page":"https://tamagui.dev/ui/dialog","note":"Tamagui 官方文档里的「弹窗」公开演示"},{"id":"cs2-lib-reactnativereusables-com--dialog--dialog--v0","name":"Dialog · React Native Reusables","url":"https://reactnativereusables.com/docs/components/dialog","type":"style","pricing":"free","tags":["React","Native","React Native Reusables"],"ct":["dialog"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"React Native Reusables","kind":"dialog","page":"https://reactnativereusables.com/docs/components/dialog","note":"React Native Reusables 官方文档里的「弹窗」公开演示"},{"id":"cs2-www-prompt-kit-com--nav--chain-of-thought--v0","name":"Navigation · prompt-kit · Basic chain of thought","url":"https://www.prompt-kit.com/docs/chain-of-thought","type":"style","pricing":"unknown","tags":["AI 聊天","prompt-kit"],"ct":["nav"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"prompt-kit","kind":"nav","page":"https://www.prompt-kit.com/docs/chain-of-thought","note":"prompt-kit 官方文档里的「导航」公开演示（Basic chain of thought）"},{"id":"cs2-lib-tabler-io-icons--icon--icons--v1","name":"Icons · Tabler Icons · Free and open source","url":"https://tabler.io/icons#main","type":"style","pricing":"free","tags":["React","Vue","JS","Tabler Icons"],"ct":["icon"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Tabler Icons","kind":"icon","page":"https://tabler.io/icons","note":"Tabler Icons 官方文档里的「图标」公开演示（Free and open source）"},{"id":"cs2-lib-auto-animate-formkit-com--motion--home--v2","name":"Motion · AutoAnimate · Solid Primitive","url":"https://auto-animate.formkit.com/#usage-solid","type":"style","pricing":"free","tags":["React","Vue","JS","AutoAnimate"],"ct":["motion"],"vs":["motion"],"rt":["component-demo","motion"],"section":"组件样式","libName":"AutoAnimate","kind":"motion","page":"https://auto-animate.formkit.com/","note":"AutoAnimate 官方文档里的「动效」公开演示（Solid Primitive）"},{"id":"cs-ui-aceternity-com-card","name":"Card · Aceternity UI","url":"https://ui.aceternity.com/components/3d-card-effect","type":"style","pricing":"unknown","tags":["Aceternity UI"],"ct":["card"],"vs":["dark-tech","gradient","3d","motion"],"rt":["component-demo"],"section":"组件样式","libName":"Aceternity UI","kind":"card","page":"https://ui.aceternity.com/components/3d-card-effect","note":"Aceternity UI 官方文档里的「卡片」公开演示"},{"id":"cs-lib-flowbite-com-table","name":"Table · Flowbite","url":"https://flowbite.com/docs/components/tables/","type":"style","pricing":"freemium","tags":["CSS","React","Vue","Svelte","Flowbite"],"ct":["table"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Flowbite","kind":"table","page":"https://flowbite.com/docs/components/tables/","note":"Flowbite 官方文档里的「表格」公开演示"},{"id":"cs-lib-vuetifyjs-com-chip","name":"Badge & tag · Vuetify","url":"https://vuetifyjs.com/en/components/chips/#usage","type":"style","pricing":"free","tags":["Vue","Vuetify"],"ct":["badge"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Vuetify","kind":"badge","page":"https://vuetifyjs.com/en/components/chips/","note":"Vuetify 官方文档里的「徽标标签」公开演示"},{"id":"cs-lib-park-ui-com-card","name":"Card · Park UI","url":"https://park-ui.com/docs/components/card","type":"style","pricing":"free","tags":["React","Vue","Solid","Park UI"],"ct":["card"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Park UI","kind":"card","page":"https://park-ui.com/docs/components/card","note":"Park UI 官方文档里的「卡片」公开演示"},{"id":"cs-lib-bits-ui-com-select","name":"Select · Bits UI","url":"https://bits-ui.com/docs/components/select","type":"style","pricing":"free","tags":["Svelte","Bits UI"],"ct":["select"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Bits UI","kind":"select","page":"https://bits-ui.com/docs/components/select","note":"Bits UI 官方文档里的「选择器」公开演示"},{"id":"cs-lib-mui-com-material-ui-tabs","name":"Tabs · Material UI","url":"https://mui.com/material-ui/react-tabs/","type":"style","pricing":"free","tags":["React","Material UI"],"ct":["tabs"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Material UI","kind":"tabs","page":"https://mui.com/material-ui/react-tabs/","note":"Material UI 官方文档里的「标签页」公开演示"},{"id":"cs-lib-www-shadcn-vue-com-tabs","name":"Tabs · shadcn-vue","url":"https://www.shadcn-vue.com/docs/components/tabs","type":"style","pricing":"free","tags":["Vue","shadcn-vue"],"ct":["tabs"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"shadcn-vue","kind":"tabs","page":"https://www.shadcn-vue.com/docs/components/tabs.html","note":"shadcn-vue 官方文档里的「标签页」公开演示"},{"id":"cs2-lib-picocss-com--menu--dropdown--v1","name":"Menu · Pico CSS","url":"https://picocss.com/docs/dropdown#content","type":"style","pricing":"free","tags":["CSS","Pico CSS"],"ct":["menu"],"vs":["minimal","utilitarian"],"rt":["component-demo"],"section":"组件样式","libName":"Pico CSS","kind":"menu","page":"https://picocss.com/docs/dropdown","note":"Pico CSS 官方文档里的「菜单」公开演示"},{"id":"cs-lib-ark-ui-com-form","name":"Form · Ark UI","url":"https://ark-ui.com/docs/components/slider","type":"style","pricing":"free","tags":["React","Vue","Solid","Svelte","Ark UI"],"ct":["form"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Ark UI","kind":"form","page":"https://ark-ui.com/docs/components/slider","note":"Ark UI 官方文档里的「表单」公开演示"},{"id":"cs2-lib-open-props-style--layout--home--v1","name":"Layout · Open Props · Animations","url":"https://open-props.style/#animations","type":"style","pricing":"free","tags":["CSS","Open Props"],"ct":["layout"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Open Props","kind":"layout","page":"https://open-props.style/","note":"Open Props 官方文档里的「区块」公开演示（Animations）"},{"id":"cs-lib-semi-design-select","name":"Select · Semi Design","url":"https://semi.design/zh-CN/input/select","type":"style","pricing":"free","tags":["React","Semi Design"],"ct":["select"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Semi Design","kind":"select","page":"https://semi.design/en-US/input/select","note":"Semi Design 官方文档里的「选择器」公开演示"},{"id":"cs-lib-material-angular-dev-table","name":"Table · Angular Material","url":"https://material.angular.dev/components/table/overview","type":"style","pricing":"free","tags":["Angular","Angular Material"],"ct":["table"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Angular Material","kind":"table","page":"https://material.angular.dev/components/table/overview","note":"Angular Material 官方文档里的「表格」公开演示"},{"id":"cs-motion-primitives-com-nav","name":"Navigation · Motion Primitives","url":"https://motion-primitives.com/docs/dock","type":"style","pricing":"unknown","tags":["动效","Motion Primitives"],"ct":["nav"],"vs":["minimal","motion"],"rt":["component-demo"],"section":"组件样式","libName":"Motion Primitives","kind":"nav","page":"https://motion-primitives.com/docs/dock","note":"Motion Primitives 官方文档里的「导航」公开演示"},{"id":"cs2-lib-react-aria-adobe-com--table--table--v0","name":"Table · React Aria","url":"https://react-aria.adobe.com/Table","type":"style","pricing":"free","tags":["React","React Aria"],"ct":["table"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"React Aria","kind":"table","page":"https://react-aria.adobe.com/Table","note":"React Aria 官方文档里的「表格」公开演示"},{"id":"cs2-www-kibo-ui-com--date--calendar--v0","name":"Date picker · Kibo UI","url":"https://www.kibo-ui.com/components/calendar","type":"style","pricing":"unknown","tags":["shadcn","Kibo UI"],"ct":["date"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Kibo UI","kind":"date","page":"https://www.kibo-ui.com/components/calendar","note":"Kibo UI 官方文档里的「日期」公开演示"},{"id":"cs-lib-getbootstrap-com-menu","name":"Menu · Bootstrap","url":"https://getbootstrap.com/docs/5.3/components/dropdowns/","type":"style","pricing":"free","tags":["CSS","Bootstrap"],"ct":["menu"],"vs":["minimal","utilitarian"],"rt":["component-demo"],"section":"组件样式","libName":"Bootstrap","kind":"menu","page":"https://getbootstrap.com/docs/5.3/components/dropdowns/","note":"Bootstrap 官方文档里的「菜单」公开演示"},{"id":"cs-lib-mantine-dev-tabs","name":"Tabs · Mantine","url":"https://mantine.dev/core/tabs/","type":"style","pricing":"free","tags":["React","Mantine"],"ct":["tabs"],"vs":["minimal","enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Mantine","kind":"tabs","page":"https://mantine.dev/core/tabs/","note":"Mantine 官方文档里的「标签页」公开演示"},{"id":"cs-lib-www-radix-ui-com-themes-input","name":"Input · Radix Themes","url":"https://www.radix-ui.com/themes/docs/components/text-field","type":"style","pricing":"free","tags":["React","Radix Themes"],"ct":["input"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Radix Themes","kind":"input","page":"https://www.radix-ui.com/themes/docs/components/text-field","note":"Radix Themes 官方文档里的「输入框」公开演示"},{"id":"cs-lib-mui-com-x-date","name":"Date picker · MUI X","url":"https://mui.com/x/react-date-pickers/date-range-picker/","type":"style","pricing":"freemium","tags":["React","MUI X"],"ct":["date"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"MUI X","kind":"date","page":"https://mui.com/x/react-date-pickers/date-range-picker/","note":"MUI X 官方文档里的「日期」公开演示"},{"id":"cs-lib-daisyui-com-dialog","name":"Dialog · daisyUI","url":"https://daisyui.com/components/modal/","type":"style","pricing":"free","tags":["CSS","daisyUI"],"ct":["dialog"],"vs":["playful","soft"],"rt":["component-demo"],"section":"组件样式","libName":"daisyUI","kind":"dialog","page":"https://daisyui.com/components/modal/","note":"daisyUI 官方文档里的「弹窗」公开演示"},{"id":"cs-www-heroui-com-button","name":"Button · HeroUI","url":"https://heroui.com/en/docs/react/components/button","type":"style","pricing":"unknown","tags":["HeroUI"],"ct":["button"],"vs":["soft","playful"],"rt":["component-demo"],"section":"组件样式","libName":"HeroUI","kind":"button","page":"https://www.heroui.com/docs/components/button","note":"HeroUI 官方文档里的「按钮」公开演示"},{"id":"cs-lib-ionicframework-com-button","name":"Button · Ionic","url":"https://ionicframework.com/docs/api/button","type":"style","pricing":"free","tags":["React","Vue","Angular","Ionic"],"ct":["button"],"vs":["apple","minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Ionic","kind":"button","page":"https://ionicframework.com/docs/api/button","note":"Ionic 官方文档里的「按钮」公开演示"},{"id":"cs-ui-shadcn-com-table","name":"Table · shadcn/ui","url":"https://ui.shadcn.com/docs/components/base/data-table","type":"style","pricing":"unknown","tags":["shadcn","shadcn/ui"],"ct":["table"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"shadcn/ui","kind":"table","page":"https://ui.shadcn.com/docs/components/data-table","note":"shadcn/ui 官方文档里的「表格」公开演示"},{"id":"cs-magicui-design-chart","name":"Chart · Magic UI","url":"https://magicui.design/docs/components/number-ticker","type":"style","pricing":"unknown","tags":["Magic UI"],"ct":["chart"],"vs":["dark-tech","gradient","motion"],"rt":["component-demo"],"section":"组件样式","libName":"Magic UI","kind":"chart","page":"https://magicui.design/docs/components/number-ticker","note":"Magic UI 官方文档里的「图表」公开演示"},{"id":"cs-lib-www-spartan-ng-dialog","name":"Dialog · Spartan","url":"https://www.spartan.ng/components/dialog","type":"style","pricing":"free","tags":["Angular","Spartan"],"ct":["dialog"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Spartan","kind":"dialog","page":"https://www.spartan.ng/components/dialog","note":"Spartan 官方文档里的「弹窗」公开演示"},{"id":"cs-lib-www-shadcn-svelte-com-dialog","name":"Dialog · shadcn-svelte","url":"https://www.shadcn-svelte.com/docs/components/dialog","type":"style","pricing":"free","tags":["Svelte","shadcn-svelte"],"ct":["dialog"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"shadcn-svelte","kind":"dialog","page":"https://www.shadcn-svelte.com/docs/components/dialog","note":"shadcn-svelte 官方文档里的「弹窗」公开演示"},{"id":"cs-lib-primevue-org-table","name":"Table · PrimeVue","url":"https://primevue.dev/datatable/","type":"style","pricing":"freemium","tags":["Vue","PrimeVue"],"ct":["table"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"PrimeVue","kind":"table","page":"https://primevue.org/datatable/","note":"PrimeVue 官方文档里的「表格」公开演示"},{"id":"cs2-lib-www-skeleton-dev--date--date-picker--v0","name":"Date picker · Skeleton","url":"https://www.skeleton.dev/docs/svelte/framework-components/date-picker","type":"style","pricing":"free","tags":["Svelte","React","Skeleton"],"ct":["date"],"vs":["playful","gradient"],"rt":["component-demo"],"section":"组件样式","libName":"Skeleton","kind":"date","page":"https://www.skeleton.dev/docs/svelte/framework-components/date-picker","note":"Skeleton 官方文档里的「日期」公开演示"},{"id":"cs-lib-ant-design-nav","name":"Navigation · Ant Design","url":"https://ant.design/components/steps","type":"style","pricing":"free","tags":["React","Ant Design"],"ct":["nav"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Ant Design","kind":"nav","page":"https://ant.design/components/steps","note":"Ant Design 官方文档里的「导航」公开演示"},{"id":"cs2-lib-g2-antv-antgroup-com--chart--home--v1","name":"Chart · AntV G2 · Interval","url":"https://g2.antv.antgroup.com/en/examples#group-general-interval","type":"style","pricing":"free","tags":["JS","AntV G2"],"ct":["chart"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"AntV G2","kind":"chart","page":"https://g2.antv.antgroup.com/en/examples","note":"AntV G2 官方文档里的「图表」公开演示（Interval）"},{"id":"cs-lib-primeng-org-table","name":"Table · PrimeNG","url":"https://primeng.dev/table","type":"style","pricing":"freemium","tags":["Angular","PrimeNG"],"ct":["table"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"PrimeNG","kind":"table","page":"https://primeng.org/table","note":"PrimeNG 官方文档里的「表格」公开演示"},{"id":"cs-lib-tdesign-tencent-com-nav","name":"Navigation · TDesign","url":"https://tdesign.tencent.com/vue-next/components/steps","type":"style","pricing":"free","tags":["React","Vue","TDesign"],"ct":["nav"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"TDesign","kind":"nav","page":"https://tdesign.tencent.com/vue-next/components/steps","note":"TDesign 官方文档里的「导航」公开演示"},{"id":"cs-lib-headlessui-com-dialog","name":"Dialog · Headless UI","url":"https://headlessui.com/react/dialog","type":"style","pricing":"free","tags":["React","Vue","Headless UI"],"ct":["dialog"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Headless UI","kind":"dialog","page":"https://headlessui.com/react/dialog","note":"Headless UI 官方文档里的「弹窗」公开演示"},{"id":"cs-lib-kobalte-dev-toast","name":"Toast · Kobalte","url":"https://kobalte.dev/docs/core/components/toast","type":"style","pricing":"free","tags":["Solid","Kobalte"],"ct":["toast"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Kobalte","kind":"toast","page":"https://kobalte.dev/docs/core/components/toast","note":"Kobalte 官方文档里的「通知」公开演示"},{"id":"cs-lib-chakra-ui-com-table","name":"Table · Chakra UI","url":"https://chakra-ui.com/docs/components/table","type":"style","pricing":"free","tags":["React","Chakra UI"],"ct":["table"],"vs":["soft","minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Chakra UI","kind":"table","page":"https://chakra-ui.com/docs/components/table","note":"Chakra UI 官方文档里的「表格」公开演示"},{"id":"cs-lib-ui-nuxt-com-date","name":"Date picker · Nuxt UI","url":"https://ui.nuxt.com/docs/components/calendar","type":"style","pricing":"free","tags":["Vue","Nuxt UI"],"ct":["date"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Nuxt UI","kind":"date","page":"https://ui.nuxt.com/docs/components/calendar","note":"Nuxt UI 官方文档里的「日期」公开演示"},{"id":"cs-lib-www-hyperui-dev-card","name":"Card · HyperUI","url":"https://www.hyperui.dev/components/marketing/cards/","type":"style","pricing":"free","tags":["CSS","HyperUI"],"ct":["card"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"HyperUI","kind":"card","page":"https://www.hyperui.dev/components/marketing/cards","note":"HyperUI 官方文档里的「卡片」公开演示"},{"id":"cs2-lib-quasar-dev--badge--badge--v0","name":"Badge & tag · Quasar · Basic","url":"https://quasar.dev/vue-components/badge/#example--basic--basic","type":"style","pricing":"free","tags":["Vue","Quasar"],"ct":["badge"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Quasar","kind":"badge","page":"https://quasar.dev/vue-components/badge","note":"Quasar 官方文档里的「徽标标签」公开演示（Basic）"},{"id":"cs2-lib-base-ui-com--tooltip--tooltip--v3","name":"Tooltip · Base UI · Content","url":"https://base-ui.com/react/components/tooltip#content","type":"style","pricing":"free","tags":["React","Base UI"],"ct":["tooltip"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Base UI","kind":"tooltip","page":"https://base-ui.com/react/components/tooltip","note":"Base UI 官方文档里的「气泡」公开演示（Content）"},{"id":"cs-lib-ng-ant-design-tabs","name":"Tabs · NG-ZORRO","url":"https://ng.ant.design/components/tabs/en","type":"style","pricing":"free","tags":["Angular","NG-ZORRO"],"ct":["tabs"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"NG-ZORRO","kind":"tabs","page":"https://ng.ant.design/components/tabs/en","note":"NG-ZORRO 官方文档里的「标签页」公开演示"},{"id":"cs2-lib-www-ag-grid-com--table--home--v1","name":"Table · AG Grid","url":"https://www.ag-grid.com/example/","type":"style","pricing":"freemium","tags":["React","Vue","Angular","JS","AG Grid"],"ct":["table"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"AG Grid","kind":"table","page":"https://www.ag-grid.com/example/","note":"AG Grid 官方文档里的「表格」公开演示"},{"id":"cs-lib-element-plus-org-table","name":"Table · Element Plus","url":"https://element-plus.org/en-US/component/table.html","type":"style","pricing":"free","tags":["Vue","Element Plus"],"ct":["table"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Element Plus","kind":"table","page":"https://element-plus.org/en-US/component/table.html","note":"Element Plus 官方文档里的「表格」公开演示"},{"id":"cs2-lib-tremor-so--date--inputs-date-picker--v0","name":"Date picker · Tremor","url":"https://www.tremor.so/docs/inputs/date-picker","type":"style","pricing":"free","tags":["React","Tremor"],"ct":["date"],"vs":["minimal","enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Tremor","kind":"date","page":"https://tremor.so/docs/inputs/date-picker","note":"Tremor 官方文档里的「日期」公开演示"},{"id":"cs-lib-arco-design-upload","name":"Upload · Arco Design","url":"https://arco.design/react/components/upload","type":"style","pricing":"free","tags":["React","Vue","Arco Design"],"ct":["upload"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Arco Design","kind":"upload","page":"https://arco.design/react/components/upload","note":"Arco Design 官方文档里的「上传」公开演示"},{"id":"cs-x-ant-design-loader","name":"Loader · Ant Design X","url":"https://x.ant.design/components/thought-chain","type":"style","pricing":"unknown","tags":["中文","Ant Design X"],"ct":["loader"],"vs":["enterprise"],"rt":["component-demo","motion"],"section":"组件样式","libName":"Ant Design X","kind":"loader","page":"https://x.ant.design/components/thought-chain","note":"Ant Design X 官方文档里的「加载」公开演示"},{"id":"cs-lib-primer-style-button","name":"Button · Primer","url":"https://primer.style/product/components/button/","type":"style","pricing":"free","tags":["React","Primer"],"ct":["button"],"vs":["minimal","enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Primer","kind":"button","page":"https://primer.style/product/components/button/","note":"Primer 官方文档里的「按钮」公开演示"},{"id":"cs-lib-carbondesignsystem-com-date","name":"Date picker · Carbon","url":"https://www.carbondesignsystem.com/building-blocks/core/components/date-picker/guidelines","type":"style","pricing":"free","tags":["React","Web","Components","Carbon"],"ct":["date"],"vs":["enterprise","swiss"],"rt":["component-demo"],"section":"组件样式","libName":"Carbon","kind":"date","page":"https://carbondesignsystem.com/components/date-picker/usage/","note":"Carbon 官方文档里的「日期」公开演示"},{"id":"cs2-lib-www-naiveui-com--badge--tag--v2","name":"Badge & tag · Naive UI","url":"https://www.naiveui.com/en-US/os-theme/components/tag","type":"style","pricing":"free","tags":["Vue","Naive UI"],"ct":["badge"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Naive UI","kind":"badge","page":"https://www.naiveui.com/en-US/os-theme/components/tag","note":"Naive UI 官方文档里的「徽标标签」公开演示"},{"id":"cs2-lib-shoelace-style--badge--badge--v1","name":"Badge & tag · Shoelace · Variants","url":"https://shoelace.style/components/badge#variants","type":"style","pricing":"free","tags":["Web","Components","Shoelace"],"ct":["badge"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Shoelace","kind":"badge","page":"https://shoelace.style/components/badge","note":"Shoelace 官方文档里的「徽标标签」公开演示（Variants）"},{"id":"cs2-lib-material-web-dev--switch--switch--v0","name":"Switch · Material Web","url":"https://material-web.dev/components/switch/","type":"style","pricing":"free","tags":["Web","Components","Material Web"],"ct":["switch"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Material Web","kind":"switch","page":"https://material-web.dev/components/switch/","note":"Material Web 官方文档里的「开关」公开演示"},{"id":"cs2-reactbits-dev--card--components-spotlight-card--v0","name":"Card · React Bits · Spotlight Card","url":"https://reactbits.dev/components/spotlight-card#root","type":"style","pricing":"unknown","tags":["React","React Bits"],"ct":["card"],"vs":["dark-tech","motion","3d"],"rt":["component-demo"],"section":"组件样式","libName":"React Bits","kind":"card","page":"https://reactbits.dev/components/spotlight-card","note":"React Bits 官方文档里的「卡片」公开演示（Spotlight Card）"},{"id":"cs2-lib-mobile-ant-design--button--button--v1","name":"Button · Ant Design Mobile","url":"https://mobile.ant.design/components/button/#demos","type":"style","pricing":"free","tags":["React","Ant Design Mobile"],"ct":["button"],"vs":["minimal","enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Ant Design Mobile","kind":"button","page":"https://mobile.ant.design/components/button","note":"Ant Design Mobile 官方文档里的「按钮」公开演示"},{"id":"cs2-lib-bulma-io--dialog--components-modal--v1","name":"Dialog · Bulma · Modal card","url":"https://bulma.io/documentation/components/modal/#modal-card","type":"style","pricing":"free","tags":["CSS","Bulma"],"ct":["dialog"],"vs":["minimal","utilitarian"],"rt":["component-demo"],"section":"组件样式","libName":"Bulma","kind":"dialog","page":"https://bulma.io/documentation/components/modal/","note":"Bulma 官方文档里的「弹窗」公开演示（Modal card）"},{"id":"cs2-lib-tamagui-dev--button--button--v0","name":"Button · Tamagui","url":"https://tamagui.dev/ui/button","type":"style","pricing":"free","tags":["React","Native","Tamagui"],"ct":["button"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Tamagui","kind":"button","page":"https://tamagui.dev/ui/button","note":"Tamagui 官方文档里的「按钮」公开演示"},{"id":"cs2-lib-reactnativereusables-com--select--select--v0","name":"Select · React Native Reusables","url":"https://reactnativereusables.com/docs/components/select","type":"style","pricing":"free","tags":["React","Native","React Native Reusables"],"ct":["select"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"React Native Reusables","kind":"select","page":"https://reactnativereusables.com/docs/components/select","note":"React Native Reusables 官方文档里的「选择器」公开演示"},{"id":"cs2-www-prompt-kit-com--nav--chain-of-thought--v1","name":"Navigation · prompt-kit · Advanced reasoning steps","url":"https://www.prompt-kit.com/docs/chain-of-thought","type":"style","pricing":"unknown","tags":["AI 聊天","prompt-kit"],"ct":["nav"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"prompt-kit","kind":"nav","page":"https://www.prompt-kit.com/docs/chain-of-thought","note":"prompt-kit 官方文档里的「导航」公开演示（Advanced reasoning steps）"},{"id":"cs2-lib-tabler-io-icons--icon--icons--v2","name":"Icons · Tabler Icons · Sponsor us","url":"https://tabler.io/icons#main","type":"style","pricing":"free","tags":["React","Vue","JS","Tabler Icons"],"ct":["icon"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Tabler Icons","kind":"icon","page":"https://tabler.io/icons","note":"Tabler Icons 官方文档里的「图标」公开演示（Sponsor us）"},{"id":"cs2-lib-auto-animate-formkit-com--motion--home--v3","name":"Motion · AutoAnimate · Angular directive","url":"https://auto-animate.formkit.com/#usage-angular","type":"style","pricing":"free","tags":["React","Vue","JS","AutoAnimate"],"ct":["motion"],"vs":["motion"],"rt":["component-demo","motion"],"section":"组件样式","libName":"AutoAnimate","kind":"motion","page":"https://auto-animate.formkit.com/","note":"AutoAnimate 官方文档里的「动效」公开演示（Angular directive）"},{"id":"cs-ui-aceternity-com-motion","name":"Motion · Aceternity UI","url":"https://ui.aceternity.com/components/text-generate-effect","type":"style","pricing":"unknown","tags":["Aceternity UI"],"ct":["motion"],"vs":["dark-tech","gradient","3d","motion"],"rt":["component-demo","motion"],"section":"组件样式","libName":"Aceternity UI","kind":"motion","page":"https://ui.aceternity.com/components/text-generate-effect","note":"Aceternity UI 官方文档里的「动效」公开演示"},{"id":"cs-lib-flowbite-com-card","name":"Card · Flowbite","url":"https://flowbite.com/docs/components/card/","type":"style","pricing":"freemium","tags":["CSS","React","Vue","Svelte","Flowbite"],"ct":["card"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Flowbite","kind":"card","page":"https://flowbite.com/docs/components/card/","note":"Flowbite 官方文档里的「卡片」公开演示"},{"id":"cs-lib-vuetifyjs-com-toast","name":"Toast · Vuetify","url":"https://vuetifyjs.com/en/components/snackbars/#usage","type":"style","pricing":"free","tags":["Vue","Vuetify"],"ct":["toast"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Vuetify","kind":"toast","page":"https://vuetifyjs.com/en/components/snackbars/","note":"Vuetify 官方文档里的「通知」公开演示"},{"id":"cs-lib-park-ui-com-tabs","name":"Tabs · Park UI","url":"https://park-ui.com/docs/components/tabs","type":"style","pricing":"free","tags":["React","Vue","Solid","Park UI"],"ct":["tabs"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Park UI","kind":"tabs","page":"https://park-ui.com/docs/components/tabs","note":"Park UI 官方文档里的「标签页」公开演示"},{"id":"cs-lib-bits-ui-com-tabs","name":"Tabs · Bits UI","url":"https://bits-ui.com/docs/components/tabs","type":"style","pricing":"free","tags":["Svelte","Bits UI"],"ct":["tabs"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Bits UI","kind":"tabs","page":"https://bits-ui.com/docs/components/tabs","note":"Bits UI 官方文档里的「标签页」公开演示"},{"id":"cs-lib-mui-com-material-ui-loader","name":"Loader · Material UI","url":"https://mui.com/material-ui/react-progress/","type":"style","pricing":"free","tags":["React","Material UI"],"ct":["loader"],"vs":["material"],"rt":["component-demo","motion"],"section":"组件样式","libName":"Material UI","kind":"loader","page":"https://mui.com/material-ui/react-progress/","note":"Material UI 官方文档里的「加载」公开演示"},{"id":"cs-lib-www-shadcn-vue-com-date","name":"Date picker · shadcn-vue","url":"https://www.shadcn-vue.com/docs/components/calendar","type":"style","pricing":"free","tags":["Vue","shadcn-vue"],"ct":["date"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"shadcn-vue","kind":"date","page":"https://www.shadcn-vue.com/docs/components/calendar.html","note":"shadcn-vue 官方文档里的「日期」公开演示"},{"id":"cs2-lib-picocss-com--dialog--modal--v0","name":"Dialog · Pico CSS","url":"https://picocss.com/docs/modal","type":"style","pricing":"free","tags":["CSS","Pico CSS"],"ct":["dialog"],"vs":["minimal","utilitarian"],"rt":["component-demo"],"section":"组件样式","libName":"Pico CSS","kind":"dialog","page":"https://picocss.com/docs/modal","note":"Pico CSS 官方文档里的「弹窗」公开演示"},{"id":"cs-lib-ark-ui-com-toast","name":"Toast · Ark UI","url":"https://ark-ui.com/docs/components/toast","type":"style","pricing":"free","tags":["React","Vue","Solid","Svelte","Ark UI"],"ct":["toast"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Ark UI","kind":"toast","page":"https://ark-ui.com/docs/components/toast","note":"Ark UI 官方文档里的「通知」公开演示"},{"id":"cs2-lib-open-props-style--layout--home--v2","name":"Layout · Open Props · Sizes","url":"https://open-props.style/#sizes","type":"style","pricing":"free","tags":["CSS","Open Props"],"ct":["layout"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Open Props","kind":"layout","page":"https://open-props.style/","note":"Open Props 官方文档里的「区块」公开演示（Sizes）"},{"id":"cs-lib-semi-design-upload","name":"Upload · Semi Design","url":"https://semi.design/zh-CN/input/upload","type":"style","pricing":"free","tags":["React","Semi Design"],"ct":["upload"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Semi Design","kind":"upload","page":"https://semi.design/en-US/input/upload","note":"Semi Design 官方文档里的「上传」公开演示"},{"id":"cs-lib-material-angular-dev-toast","name":"Toast · Angular Material","url":"https://material.angular.dev/components/snack-bar/overview","type":"style","pricing":"free","tags":["Angular","Angular Material"],"ct":["toast"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Angular Material","kind":"toast","page":"https://material.angular.dev/components/snack-bar/overview","note":"Angular Material 官方文档里的「通知」公开演示"},{"id":"cs-motion-primitives-com-carousel","name":"Carousel · Motion Primitives","url":"https://motion-primitives.com/docs/carousel","type":"style","pricing":"unknown","tags":["动效","Motion Primitives"],"ct":["carousel"],"vs":["minimal","motion"],"rt":["component-demo"],"section":"组件样式","libName":"Motion Primitives","kind":"carousel","page":"https://motion-primitives.com/docs/carousel","note":"Motion Primitives 官方文档里的「轮播」公开演示"},{"id":"cs2-lib-react-aria-adobe-com--input--combobox--v0","name":"Input · React Aria","url":"https://react-aria.adobe.com/ComboBox","type":"style","pricing":"free","tags":["React","React Aria"],"ct":["input"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"React Aria","kind":"input","page":"https://react-aria.adobe.com/ComboBox","note":"React Aria 官方文档里的「输入框」公开演示"},{"id":"cs2-www-kibo-ui-com--input--color-picker--v0","name":"Input · Kibo UI","url":"https://www.kibo-ui.com/components/color-picker","type":"style","pricing":"unknown","tags":["shadcn","Kibo UI"],"ct":["input"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Kibo UI","kind":"input","page":"https://www.kibo-ui.com/components/color-picker","note":"Kibo UI 官方文档里的「输入框」公开演示"},{"id":"cs-lib-getbootstrap-com-dialog","name":"Dialog · Bootstrap","url":"https://getbootstrap.com/docs/5.3/components/modal/","type":"style","pricing":"free","tags":["CSS","Bootstrap"],"ct":["dialog"],"vs":["minimal","utilitarian"],"rt":["component-demo"],"section":"组件样式","libName":"Bootstrap","kind":"dialog","page":"https://getbootstrap.com/docs/5.3/components/modal/","note":"Bootstrap 官方文档里的「弹窗」公开演示"},{"id":"cs-lib-mantine-dev-form","name":"Form · Mantine","url":"https://mantine.dev/core/slider/","type":"style","pricing":"free","tags":["React","Mantine"],"ct":["form"],"vs":["minimal","enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Mantine","kind":"form","page":"https://mantine.dev/core/slider/","note":"Mantine 官方文档里的「表单」公开演示"},{"id":"cs-lib-www-radix-ui-com-themes-card","name":"Card · Radix Themes","url":"https://www.radix-ui.com/themes/docs/components/card","type":"style","pricing":"free","tags":["React","Radix Themes"],"ct":["card"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Radix Themes","kind":"card","page":"https://www.radix-ui.com/themes/docs/components/card","note":"Radix Themes 官方文档里的「卡片」公开演示"},{"id":"cs2-lib-mui-com-x--chart--react-charts-bars--v0","name":"Chart · MUI X","url":"https://mui.com/x/react-charts/bars/","type":"style","pricing":"freemium","tags":["React","MUI X"],"ct":["chart"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"MUI X","kind":"chart","page":"https://mui.com/x/react-charts/bars/","note":"MUI X 官方文档里的「图表」公开演示"},{"id":"cs-lib-daisyui-com-card","name":"Card · daisyUI","url":"https://daisyui.com/components/card/","type":"style","pricing":"free","tags":["CSS","daisyUI"],"ct":["card"],"vs":["playful","soft"],"rt":["component-demo"],"section":"组件样式","libName":"daisyUI","kind":"card","page":"https://daisyui.com/components/card/","note":"daisyUI 官方文档里的「卡片」公开演示"},{"id":"cs-www-heroui-com-form","name":"Form · HeroUI","url":"https://heroui.com/en/docs/react/components/slider","type":"style","pricing":"unknown","tags":["HeroUI"],"ct":["form"],"vs":["soft","playful"],"rt":["component-demo"],"section":"组件样式","libName":"HeroUI","kind":"form","page":"https://www.heroui.com/docs/components/slider","note":"HeroUI 官方文档里的「表单」公开演示"},{"id":"cs-lib-ionicframework-com-card","name":"Card · Ionic","url":"https://ionicframework.com/docs/api/card","type":"style","pricing":"free","tags":["React","Vue","Angular","Ionic"],"ct":["card"],"vs":["apple","minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Ionic","kind":"card","page":"https://ionicframework.com/docs/api/card","note":"Ionic 官方文档里的「卡片」公开演示"},{"id":"cs-ui-shadcn-com-avatar","name":"Avatar · shadcn/ui","url":"https://ui.shadcn.com/docs/components/base/avatar","type":"style","pricing":"unknown","tags":["shadcn","shadcn/ui"],"ct":["avatar"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"shadcn/ui","kind":"avatar","page":"https://ui.shadcn.com/docs/components/avatar","note":"shadcn/ui 官方文档里的「头像」公开演示"},{"id":"cs-magicui-design-effect","name":"Background · Magic UI","url":"https://magicui.design/docs/components/border-beam","type":"style","pricing":"unknown","tags":["Magic UI"],"ct":["background"],"vs":["dark-tech","gradient","motion"],"rt":["component-demo","motion"],"section":"组件样式","libName":"Magic UI","kind":"background","page":"https://magicui.design/docs/components/border-beam","note":"Magic UI 官方文档里的「背景」公开演示"},{"id":"cs-lib-www-spartan-ng-table","name":"Table · Spartan","url":"https://www.spartan.ng/components/data-table","type":"style","pricing":"free","tags":["Angular","Spartan"],"ct":["table"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Spartan","kind":"table","page":"https://www.spartan.ng/components/data-table","note":"Spartan 官方文档里的「表格」公开演示"},{"id":"cs-lib-www-shadcn-svelte-com-date","name":"Date picker · shadcn-svelte","url":"https://www.shadcn-svelte.com/docs/components/calendar","type":"style","pricing":"free","tags":["Svelte","shadcn-svelte"],"ct":["date"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"shadcn-svelte","kind":"date","page":"https://www.shadcn-svelte.com/docs/components/calendar","note":"shadcn-svelte 官方文档里的「日期」公开演示"},{"id":"cs-lib-primevue-org-nav","name":"Navigation · PrimeVue","url":"https://primevue.dev/stepper/","type":"style","pricing":"freemium","tags":["Vue","PrimeVue"],"ct":["nav"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"PrimeVue","kind":"nav","page":"https://primevue.org/stepper/","note":"PrimeVue 官方文档里的「导航」公开演示"},{"id":"cs2-lib-www-skeleton-dev--date--date-picker--v1","name":"Date picker · Skeleton · Controlled","url":"https://www.skeleton.dev/docs/svelte/framework-components/date-picker#controlled","type":"style","pricing":"free","tags":["Svelte","React","Skeleton"],"ct":["date"],"vs":["playful","gradient"],"rt":["component-demo"],"section":"组件样式","libName":"Skeleton","kind":"date","page":"https://www.skeleton.dev/docs/svelte/framework-components/date-picker","note":"Skeleton 官方文档里的「日期」公开演示（Controlled）"},{"id":"cs-lib-ant-design-upload","name":"Upload · Ant Design","url":"https://ant.design/components/upload","type":"style","pricing":"free","tags":["React","Ant Design"],"ct":["upload"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Ant Design","kind":"upload","page":"https://ant.design/components/upload","note":"Ant Design 官方文档里的「上传」公开演示"},{"id":"cs2-lib-g2-antv-antgroup-com--chart--home--v2","name":"Chart · AntV G2 · Interval","url":"https://g2.antv.antgroup.com/en/examples#group-general-interval","type":"style","pricing":"free","tags":["JS","AntV G2"],"ct":["chart"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"AntV G2","kind":"chart","page":"https://g2.antv.antgroup.com/en/examples","note":"AntV G2 官方文档里的「图表」公开演示（Interval）"},{"id":"cs-lib-primeng-org-date","name":"Date picker · PrimeNG","url":"https://primeng.dev/datepicker","type":"style","pricing":"freemium","tags":["Angular","PrimeNG"],"ct":["date"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"PrimeNG","kind":"date","page":"https://primeng.org/datepicker","note":"PrimeNG 官方文档里的「日期」公开演示"},{"id":"cs-lib-tdesign-tencent-com-toast","name":"Toast · TDesign","url":"https://tdesign.tencent.com/vue-next/components/message","type":"style","pricing":"free","tags":["React","Vue","TDesign"],"ct":["toast"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"TDesign","kind":"toast","page":"https://tdesign.tencent.com/vue-next/components/message","note":"TDesign 官方文档里的「通知」公开演示"},{"id":"cs-lib-headlessui-com-input","name":"Input · Headless UI","url":"https://headlessui.com/react/combobox","type":"style","pricing":"free","tags":["React","Vue","Headless UI"],"ct":["input"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Headless UI","kind":"input","page":"https://headlessui.com/react/combobox","note":"Headless UI 官方文档里的「输入框」公开演示"},{"id":"cs-lib-kobalte-dev-select","name":"Select · Kobalte","url":"https://kobalte.dev/docs/core/components/select","type":"style","pricing":"free","tags":["Solid","Kobalte"],"ct":["select"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Kobalte","kind":"select","page":"https://kobalte.dev/docs/core/components/select","note":"Kobalte 官方文档里的「选择器」公开演示"},{"id":"cs-lib-chakra-ui-com-tabs","name":"Tabs · Chakra UI","url":"https://chakra-ui.com/docs/components/tabs","type":"style","pricing":"free","tags":["React","Chakra UI"],"ct":["tabs"],"vs":["soft","minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Chakra UI","kind":"tabs","page":"https://chakra-ui.com/docs/components/tabs","note":"Chakra UI 官方文档里的「标签页」公开演示"},{"id":"cs2-lib-ui-nuxt-com--chat--chat-message--v3","name":"Chat · Nuxt UI · Color","url":"https://ui.nuxt.com/docs/components/chat-message#color","type":"style","pricing":"free","tags":["Vue","Nuxt UI"],"ct":["chat"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Nuxt UI","kind":"chat","page":"https://ui.nuxt.com/docs/components/chat-message","note":"Nuxt UI 官方文档里的「聊天」公开演示（Color）"},{"id":"cs-lib-www-hyperui-dev-nav","name":"Navigation · HyperUI","url":"https://www.hyperui.dev/components/marketing/headers/","type":"style","pricing":"free","tags":["CSS","HyperUI"],"ct":["nav"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"HyperUI","kind":"nav","page":"https://www.hyperui.dev/components/marketing/headers","note":"HyperUI 官方文档里的「导航」公开演示"},{"id":"cs2-lib-quasar-dev--badge--badge--v1","name":"Badge & tag · Quasar · Aligned","url":"https://quasar.dev/vue-components/badge/#example--align--aligned","type":"style","pricing":"free","tags":["Vue","Quasar"],"ct":["badge"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Quasar","kind":"badge","page":"https://quasar.dev/vue-components/badge","note":"Quasar 官方文档里的「徽标标签」公开演示（Aligned）"},{"id":"cs2-lib-base-ui-com--tabs--tabs--v0","name":"Tabs · Base UI","url":"https://base-ui.com/react/components/tabs","type":"style","pricing":"free","tags":["React","Base UI"],"ct":["tabs"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Base UI","kind":"tabs","page":"https://base-ui.com/react/components/tabs","note":"Base UI 官方文档里的「标签页」公开演示"},{"id":"cs-lib-ng-ant-design-select","name":"Select · NG-ZORRO","url":"https://ng.ant.design/components/select/en","type":"style","pricing":"free","tags":["Angular","NG-ZORRO"],"ct":["select"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"NG-ZORRO","kind":"select","page":"https://ng.ant.design/components/select/en","note":"NG-ZORRO 官方文档里的「选择器」公开演示"},{"id":"cs-lib-element-plus-org-card","name":"Card · Element Plus","url":"https://element-plus.org/en-US/component/card.html","type":"style","pricing":"free","tags":["Vue","Element Plus"],"ct":["card"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Element Plus","kind":"card","page":"https://element-plus.org/en-US/component/card.html","note":"Element Plus 官方文档里的「卡片」公开演示"},{"id":"cs2-lib-tremor-so--tabs--ui-tabs--v3","name":"Tabs · Tremor · Example: Tabs with icons","url":"https://www.tremor.so/docs/ui/tabs#example-tabs-with-icons","type":"style","pricing":"free","tags":["React","Tremor"],"ct":["tabs"],"vs":["minimal","enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Tremor","kind":"tabs","page":"https://tremor.so/docs/ui/tabs","note":"Tremor 官方文档里的「标签页」公开演示（Example: Tabs with icons）"},{"id":"cs-lib-arco-design-card","name":"Card · Arco Design","url":"https://arco.design/react/components/card","type":"style","pricing":"free","tags":["React","Vue","Arco Design"],"ct":["card"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Arco Design","kind":"card","page":"https://arco.design/react/components/card","note":"Arco Design 官方文档里的「卡片」公开演示"},{"id":"cs-x-ant-design-upload","name":"Upload · Ant Design X","url":"https://x.ant.design/components/attachments","type":"style","pricing":"unknown","tags":["中文","Ant Design X"],"ct":["upload"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Ant Design X","kind":"upload","page":"https://x.ant.design/components/attachments","note":"Ant Design X 官方文档里的「上传」公开演示"},{"id":"cs2-lib-primer-style--select--select-panel--v3","name":"Select · Primer · Internal Components","url":"https://primer.style/product/components/select-panel/#_R_jbcanpfiv5ujb_","type":"style","pricing":"free","tags":["React","Primer"],"ct":["select"],"vs":["minimal","enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Primer","kind":"select","page":"https://primer.style/product/components/select-panel/","note":"Primer 官方文档里的「选择器」公开演示（Internal Components）"},{"id":"cs-lib-carbondesignsystem-com-tabs","name":"Tabs · Carbon","url":"https://www.carbondesignsystem.com/building-blocks/core/components/tabs/guidelines","type":"style","pricing":"free","tags":["React","Web","Components","Carbon"],"ct":["tabs"],"vs":["enterprise","swiss"],"rt":["component-demo"],"section":"组件样式","libName":"Carbon","kind":"tabs","page":"https://carbondesignsystem.com/components/tabs/usage/","note":"Carbon 官方文档里的「标签页」公开演示"},{"id":"cs2-lib-www-naiveui-com--slider--slider--v0","name":"Slider · Naive UI","url":"https://www.naiveui.com/en-US/os-theme/components/slider","type":"style","pricing":"free","tags":["Vue","Naive UI"],"ct":["slider"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Naive UI","kind":"slider","page":"https://www.naiveui.com/en-US/os-theme/components/slider","note":"Naive UI 官方文档里的「滑块」公开演示"},{"id":"cs2-lib-shoelace-style--progress--progress-ring--v0","name":"Progress · Shoelace","url":"https://shoelace.style/components/progress-ring","type":"style","pricing":"free","tags":["Web","Components","Shoelace"],"ct":["progress"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Shoelace","kind":"progress","page":"https://shoelace.style/components/progress-ring","note":"Shoelace 官方文档里的「进度」公开演示"},{"id":"cs2-lib-material-web-dev--badge--chip--v0","name":"Badge & tag · Material Web","url":"https://material-web.dev/components/chip/","type":"style","pricing":"free","tags":["Web","Components","Material Web"],"ct":["badge"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Material Web","kind":"badge","page":"https://material-web.dev/components/chip/","note":"Material Web 官方文档里的「徽标标签」公开演示"},{"id":"cs2-reactbits-dev--card--components-spotlight-card--v1","name":"Card · React Bits · Customize","url":"https://reactbits.dev/components/spotlight-card#tabs:«r2g»:content-preview","type":"style","pricing":"unknown","tags":["React","React Bits"],"ct":["card"],"vs":["dark-tech","motion","3d"],"rt":["component-demo"],"section":"组件样式","libName":"React Bits","kind":"card","page":"https://reactbits.dev/components/spotlight-card","note":"React Bits 官方文档里的「卡片」公开演示（Customize）"},{"id":"cs2-lib-mobile-ant-design--tabs--tabs--v0","name":"Tabs · Ant Design Mobile","url":"https://mobile.ant.design/components/tabs/#demos","type":"style","pricing":"free","tags":["React","Ant Design Mobile"],"ct":["tabs"],"vs":["minimal","enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Ant Design Mobile","kind":"tabs","page":"https://mobile.ant.design/components/tabs","note":"Ant Design Mobile 官方文档里的「标签页」公开演示"},{"id":"cs2-lib-bulma-io--table--elements-table--v0","name":"Table · Bulma · Colors","url":"https://bulma.io/documentation/elements/table/#colors","type":"style","pricing":"free","tags":["CSS","Bulma"],"ct":["table"],"vs":["minimal","utilitarian"],"rt":["component-demo"],"section":"组件样式","libName":"Bulma","kind":"table","page":"https://bulma.io/documentation/elements/table/","note":"Bulma 官方文档里的「表格」公开演示（Colors）"},{"id":"cs2-lib-tamagui-dev--select--select--v0","name":"Select · Tamagui","url":"https://tamagui.dev/ui/select","type":"style","pricing":"free","tags":["React","Native","Tamagui"],"ct":["select"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Tamagui","kind":"select","page":"https://tamagui.dev/ui/select","note":"Tamagui 官方文档里的「选择器」公开演示"},{"id":"cs2-www-prompt-kit-com--loader--loader--v1","name":"Loader · prompt-kit · Loader Sizes","url":"https://www.prompt-kit.com/docs/loader","type":"style","pricing":"unknown","tags":["AI 聊天","prompt-kit"],"ct":["loader"],"vs":["minimal"],"rt":["component-demo","motion"],"section":"组件样式","libName":"prompt-kit","kind":"loader","page":"https://www.prompt-kit.com/docs/loader","note":"prompt-kit 官方文档里的「加载」公开演示（Loader Sizes）"},{"id":"cs-ui-aceternity-com-layout","name":"Layout · Aceternity UI","url":"https://ui.aceternity.com/components/bento-grid","type":"style","pricing":"unknown","tags":["Aceternity UI"],"ct":["layout"],"vs":["dark-tech","gradient","3d","motion"],"rt":["component-demo"],"section":"组件样式","libName":"Aceternity UI","kind":"layout","page":"https://ui.aceternity.com/components/bento-grid","note":"Aceternity UI 官方文档里的「区块」公开演示"},{"id":"cs-lib-flowbite-com-chat","name":"Chat · Flowbite","url":"https://flowbite.com/docs/components/chat-bubble/","type":"style","pricing":"freemium","tags":["CSS","React","Vue","Svelte","Flowbite"],"ct":["chat"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Flowbite","kind":"chat","page":"https://flowbite.com/docs/components/chat-bubble/","note":"Flowbite 官方文档里的「聊天」公开演示"},{"id":"cs-lib-vuetifyjs-com-tabs","name":"Tabs · Vuetify","url":"https://vuetifyjs.com/en/components/tabs/#usage","type":"style","pricing":"free","tags":["Vue","Vuetify"],"ct":["tabs"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Vuetify","kind":"tabs","page":"https://vuetifyjs.com/en/components/tabs/","note":"Vuetify 官方文档里的「标签页」公开演示"},{"id":"cs-lib-park-ui-com-table","name":"Table · Park UI","url":"https://park-ui.com/docs/components/table","type":"style","pricing":"free","tags":["React","Vue","Solid","Park UI"],"ct":["table"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Park UI","kind":"table","page":"https://park-ui.com/docs/components/table","note":"Park UI 官方文档里的「表格」公开演示"},{"id":"cs-lib-bits-ui-com-form","name":"Form · Bits UI","url":"https://bits-ui.com/docs/components/slider","type":"style","pricing":"free","tags":["Svelte","Bits UI"],"ct":["form"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Bits UI","kind":"form","page":"https://bits-ui.com/docs/components/slider","note":"Bits UI 官方文档里的「表单」公开演示"},{"id":"cs-lib-mui-com-material-ui-toast","name":"Toast · Material UI","url":"https://mui.com/material-ui/react-snackbar/","type":"style","pricing":"free","tags":["React","Material UI"],"ct":["toast"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Material UI","kind":"toast","page":"https://mui.com/material-ui/react-snackbar/","note":"Material UI 官方文档里的「通知」公开演示"},{"id":"cs-lib-www-shadcn-vue-com-select","name":"Select · shadcn-vue","url":"https://www.shadcn-vue.com/docs/components/select","type":"style","pricing":"free","tags":["Vue","shadcn-vue"],"ct":["select"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"shadcn-vue","kind":"select","page":"https://www.shadcn-vue.com/docs/components/select.html","note":"shadcn-vue 官方文档里的「选择器」公开演示"},{"id":"cs2-lib-picocss-com--dialog--modal--v1","name":"Dialog · Pico CSS","url":"https://picocss.com/docs/modal","type":"style","pricing":"free","tags":["CSS","Pico CSS"],"ct":["dialog"],"vs":["minimal","utilitarian"],"rt":["component-demo"],"section":"组件样式","libName":"Pico CSS","kind":"dialog","page":"https://picocss.com/docs/modal","note":"Pico CSS 官方文档里的「弹窗」公开演示"},{"id":"cs-lib-ark-ui-com-upload","name":"Upload · Ark UI","url":"https://ark-ui.com/docs/components/file-upload","type":"style","pricing":"free","tags":["React","Vue","Solid","Svelte","Ark UI"],"ct":["upload"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Ark UI","kind":"upload","page":"https://ark-ui.com/docs/components/file-upload","note":"Ark UI 官方文档里的「上传」公开演示"},{"id":"cs2-lib-open-props-style--layout--home--v3","name":"Layout · Open Props · Durations","url":"https://open-props.style/#durations","type":"style","pricing":"free","tags":["CSS","Open Props"],"ct":["layout"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Open Props","kind":"layout","page":"https://open-props.style/","note":"Open Props 官方文档里的「区块」公开演示（Durations）"},{"id":"cs2-lib-semi-design--timeline--show-timeline--v0","name":"Timeline · Semi Design · 基本用法","url":"https://semi.design/zh-CN/show/timeline#基本用法","type":"style","pricing":"free","tags":["React","Semi Design"],"ct":["timeline"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Semi Design","kind":"timeline","page":"https://semi.design/en-US/show/timeline","note":"Semi Design 官方文档里的「时间轴」公开演示（基本用法）"},{"id":"cs-lib-material-angular-dev-button","name":"Button · Angular Material","url":"https://material.angular.dev/components/button/overview","type":"style","pricing":"free","tags":["Angular","Angular Material"],"ct":["button"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Angular Material","kind":"button","page":"https://material.angular.dev/components/button/overview","note":"Angular Material 官方文档里的「按钮」公开演示"},{"id":"cs2-motion-primitives-com--motion--text-effect--v1","name":"Motion · Motion Primitives","url":"https://motion-primitives.com/docs/text-effect#text-effect-with-custom-variants","type":"style","pricing":"unknown","tags":["动效","Motion Primitives"],"ct":["motion"],"vs":["minimal","motion"],"rt":["component-demo","motion"],"section":"组件样式","libName":"Motion Primitives","kind":"motion","page":"https://motion-primitives.com/docs/text-effect","note":"Motion Primitives 官方文档里的「动效」公开演示"},{"id":"cs2-lib-react-aria-adobe-com--tabs--tabs--v0","name":"Tabs · React Aria","url":"https://react-aria.adobe.com/Tabs","type":"style","pricing":"free","tags":["React","React Aria"],"ct":["tabs"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"React Aria","kind":"tabs","page":"https://react-aria.adobe.com/Tabs","note":"React Aria 官方文档里的「标签页」公开演示"},{"id":"cs2-www-kibo-ui-com--chart--gantt--v0","name":"Chart · Kibo UI","url":"https://www.kibo-ui.com/components/gantt","type":"style","pricing":"unknown","tags":["shadcn","Kibo UI"],"ct":["chart"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Kibo UI","kind":"chart","page":"https://www.kibo-ui.com/components/gantt","note":"Kibo UI 官方文档里的「图表」公开演示"},{"id":"cs2-lib-getbootstrap-com--list--components-list-group--v0","name":"List · Bootstrap · Basic example","url":"https://getbootstrap.com/docs/5.3/components/list-group/#basic-example","type":"style","pricing":"free","tags":["CSS","Bootstrap"],"ct":["list"],"vs":["minimal","utilitarian"],"rt":["component-demo"],"section":"组件样式","libName":"Bootstrap","kind":"list","page":"https://getbootstrap.com/docs/5.3/components/list-group/","note":"Bootstrap 官方文档里的「列表」公开演示（Basic example）"},{"id":"cs-lib-mantine-dev-button","name":"Button · Mantine","url":"https://mantine.dev/core/button/","type":"style","pricing":"free","tags":["React","Mantine"],"ct":["button"],"vs":["minimal","enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Mantine","kind":"button","page":"https://mantine.dev/core/button/","note":"Mantine 官方文档里的「按钮」公开演示"},{"id":"cs2-lib-www-radix-ui-com-themes--input--text-area--v1","name":"Input · Radix Themes · Size","url":"https://www.radix-ui.com/themes/docs/components/text-area#size","type":"style","pricing":"free","tags":["React","Radix Themes"],"ct":["input"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Radix Themes","kind":"input","page":"https://www.radix-ui.com/themes/docs/components/text-area","note":"Radix Themes 官方文档里的「输入框」公开演示（Size）"},{"id":"cs2-lib-mui-com-x--chart--react-charts-bars--v1","name":"Chart · MUI X","url":"https://mui.com/x/react-charts/bars/#overview","type":"style","pricing":"freemium","tags":["React","MUI X"],"ct":["chart"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"MUI X","kind":"chart","page":"https://mui.com/x/react-charts/bars/","note":"MUI X 官方文档里的「图表」公开演示"},{"id":"cs-lib-daisyui-com-menu","name":"Menu · daisyUI","url":"https://daisyui.com/components/dropdown/","type":"style","pricing":"free","tags":["CSS","daisyUI"],"ct":["menu"],"vs":["playful","soft"],"rt":["component-demo"],"section":"组件样式","libName":"daisyUI","kind":"menu","page":"https://daisyui.com/components/dropdown/","note":"daisyUI 官方文档里的「菜单」公开演示"},{"id":"cs-www-heroui-com-input","name":"Input · HeroUI","url":"https://heroui.com/en/docs/react/components/input-otp","type":"style","pricing":"unknown","tags":["HeroUI"],"ct":["input"],"vs":["soft","playful"],"rt":["component-demo"],"section":"组件样式","libName":"HeroUI","kind":"input","page":"https://www.heroui.com/docs/components/input-otp","note":"HeroUI 官方文档里的「输入框」公开演示"},{"id":"cs2-lib-ionicframework-com--switch--toggle--v0","name":"Switch · Ionic · Basic Usage","url":"https://ionicframework.com/docs/api/toggle#basic-usage","type":"style","pricing":"free","tags":["React","Vue","Angular","Ionic"],"ct":["switch"],"vs":["apple","minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Ionic","kind":"switch","page":"https://ionicframework.com/docs/api/toggle","note":"Ionic 官方文档里的「开关」公开演示（Basic Usage）"},{"id":"cs-ui-shadcn-com-dialog","name":"Dialog · shadcn/ui","url":"https://ui.shadcn.com/docs/components/base/dialog","type":"style","pricing":"unknown","tags":["shadcn","shadcn/ui"],"ct":["dialog"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"shadcn/ui","kind":"dialog","page":"https://ui.shadcn.com/docs/components/dialog","note":"shadcn/ui 官方文档里的「弹窗」公开演示"},{"id":"cs-magicui-design-motion","name":"Motion · Magic UI","url":"https://magicui.design/docs/components/marquee","type":"style","pricing":"unknown","tags":["Magic UI"],"ct":["motion"],"vs":["dark-tech","gradient","motion"],"rt":["component-demo","motion"],"section":"组件样式","libName":"Magic UI","kind":"motion","page":"https://magicui.design/docs/components/marquee","note":"Magic UI 官方文档里的「动效」公开演示"},{"id":"cs-lib-www-spartan-ng-select","name":"Select · Spartan","url":"https://www.spartan.ng/components/select","type":"style","pricing":"free","tags":["Angular","Spartan"],"ct":["select"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Spartan","kind":"select","page":"https://www.spartan.ng/components/select","note":"Spartan 官方文档里的「选择器」公开演示"},{"id":"cs-lib-www-shadcn-svelte-com-select","name":"Select · shadcn-svelte","url":"https://www.shadcn-svelte.com/docs/components/select","type":"style","pricing":"free","tags":["Svelte","shadcn-svelte"],"ct":["select"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"shadcn-svelte","kind":"select","page":"https://www.shadcn-svelte.com/docs/components/select","note":"shadcn-svelte 官方文档里的「选择器」公开演示"},{"id":"cs-lib-primevue-org-upload","name":"Upload · PrimeVue","url":"https://primevue.dev/fileupload/","type":"style","pricing":"freemium","tags":["Vue","PrimeVue"],"ct":["upload"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"PrimeVue","kind":"upload","page":"https://primevue.org/fileupload/","note":"PrimeVue 官方文档里的「上传」公开演示"},{"id":"cs2-lib-www-skeleton-dev--date--date-picker--v2","name":"Date picker · Skeleton · Disabled","url":"https://www.skeleton.dev/docs/svelte/framework-components/date-picker#disabled","type":"style","pricing":"free","tags":["Svelte","React","Skeleton"],"ct":["date"],"vs":["playful","gradient"],"rt":["component-demo"],"section":"组件样式","libName":"Skeleton","kind":"date","page":"https://www.skeleton.dev/docs/svelte/framework-components/date-picker","note":"Skeleton 官方文档里的「日期」公开演示（Disabled）"},{"id":"cs-lib-ant-design-select","name":"Select · Ant Design","url":"https://ant.design/components/select","type":"style","pricing":"free","tags":["React","Ant Design"],"ct":["select"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Ant Design","kind":"select","page":"https://ant.design/components/select","note":"Ant Design 官方文档里的「选择器」公开演示"},{"id":"cs2-lib-g2-antv-antgroup-com--chart--home--v3","name":"Chart · AntV G2 · Interval","url":"https://g2.antv.antgroup.com/en/examples#group-general-interval","type":"style","pricing":"free","tags":["JS","AntV G2"],"ct":["chart"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"AntV G2","kind":"chart","page":"https://g2.antv.antgroup.com/en/examples","note":"AntV G2 官方文档里的「图表」公开演示（Interval）"},{"id":"cs2-lib-primeng-org--toast--toast--v0","name":"Toast · PrimeNG","url":"https://primeng.dev/toast","type":"style","pricing":"freemium","tags":["Angular","PrimeNG"],"ct":["toast"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"PrimeNG","kind":"toast","page":"https://primeng.org/toast","note":"PrimeNG 官方文档里的「通知」公开演示"},{"id":"cs-lib-tdesign-tencent-com-tabs","name":"Tabs · TDesign","url":"https://tdesign.tencent.com/vue-next/components/tabs","type":"style","pricing":"free","tags":["React","Vue","TDesign"],"ct":["tabs"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"TDesign","kind":"tabs","page":"https://tdesign.tencent.com/vue-next/components/tabs","note":"TDesign 官方文档里的「标签页」公开演示"},{"id":"cs-lib-headlessui-com-nav","name":"Navigation · Headless UI","url":"https://headlessui.com/react/disclosure","type":"style","pricing":"free","tags":["React","Vue","Headless UI"],"ct":["nav"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Headless UI","kind":"nav","page":"https://headlessui.com/react/disclosure","note":"Headless UI 官方文档里的「导航」公开演示"},{"id":"cs2-lib-kobalte-dev--dialog--dialog--v0","name":"Dialog · Kobalte","url":"https://kobalte.dev/docs/core/components/dialog#example","type":"style","pricing":"free","tags":["Solid","Kobalte"],"ct":["dialog"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Kobalte","kind":"dialog","page":"https://kobalte.dev/docs/core/components/dialog","note":"Kobalte 官方文档里的「弹窗」公开演示"},{"id":"cs-lib-chakra-ui-com-form","name":"Form · Chakra UI","url":"https://chakra-ui.com/docs/components/slider","type":"style","pricing":"free","tags":["React","Chakra UI"],"ct":["form"],"vs":["soft","minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Chakra UI","kind":"form","page":"https://chakra-ui.com/docs/components/slider","note":"Chakra UI 官方文档里的「表单」公开演示"},{"id":"cs2-lib-ui-nuxt-com--tabs--tabs--v1","name":"Tabs · Nuxt UI · Items","url":"https://ui.nuxt.com/docs/components/tabs#items","type":"style","pricing":"free","tags":["Vue","Nuxt UI"],"ct":["tabs"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Nuxt UI","kind":"tabs","page":"https://ui.nuxt.com/docs/components/tabs","note":"Nuxt UI 官方文档里的「标签页」公开演示（Items）"},{"id":"cs-lib-www-hyperui-dev-toast","name":"Toast · HyperUI","url":"https://www.hyperui.dev/components/application/toasts/","type":"style","pricing":"free","tags":["CSS","HyperUI"],"ct":["toast"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"HyperUI","kind":"toast","page":"https://www.hyperui.dev/components/application/toasts","note":"HyperUI 官方文档里的「通知」公开演示"},{"id":"cs2-lib-quasar-dev--badge--badge--v2","name":"Badge & tag · Quasar · Floating","url":"https://quasar.dev/vue-components/badge/#example--floating--floating","type":"style","pricing":"free","tags":["Vue","Quasar"],"ct":["badge"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Quasar","kind":"badge","page":"https://quasar.dev/vue-components/badge","note":"Quasar 官方文档里的「徽标标签」公开演示（Floating）"},{"id":"cs2-lib-base-ui-com--nav--navigation-menu--v0","name":"Navigation · Base UI","url":"https://base-ui.com/react/components/navigation-menu","type":"style","pricing":"free","tags":["React","Base UI"],"ct":["nav"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Base UI","kind":"nav","page":"https://base-ui.com/react/components/navigation-menu","note":"Base UI 官方文档里的「导航」公开演示"},{"id":"cs-lib-ng-ant-design-date","name":"Date picker · NG-ZORRO","url":"https://ng.ant.design/components/date-picker/en","type":"style","pricing":"free","tags":["Angular","NG-ZORRO"],"ct":["date"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"NG-ZORRO","kind":"date","page":"https://ng.ant.design/components/date-picker/en","note":"NG-ZORRO 官方文档里的「日期」公开演示"},{"id":"cs-lib-element-plus-org-date","name":"Date picker · Element Plus","url":"https://element-plus.org/en-US/component/date-picker.html","type":"style","pricing":"free","tags":["Vue","Element Plus"],"ct":["date"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Element Plus","kind":"date","page":"https://element-plus.org/en-US/component/date-picker.html","note":"Element Plus 官方文档里的「日期」公开演示"},{"id":"cs2-lib-tremor-so--select--inputs-select--v1","name":"Select · Tremor · Example: Select with label","url":"https://www.tremor.so/docs/inputs/select#example-select-with-label","type":"style","pricing":"free","tags":["React","Tremor"],"ct":["select"],"vs":["minimal","enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Tremor","kind":"select","page":"https://tremor.so/docs/inputs/select","note":"Tremor 官方文档里的「选择器」公开演示（Example: Select with label）"},{"id":"cs-lib-arco-design-nav","name":"Navigation · Arco Design","url":"https://arco.design/react/components/steps","type":"style","pricing":"free","tags":["React","Vue","Arco Design"],"ct":["nav"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Arco Design","kind":"nav","page":"https://arco.design/react/components/steps","note":"Arco Design 官方文档里的「导航」公开演示"},{"id":"cs2-x-ant-design--upload--attachments--v1","name":"Upload · Ant Design X · Upload File","url":"https://x.ant.design/components/attachments#semantic-dom","type":"style","pricing":"unknown","tags":["中文","Ant Design X"],"ct":["upload"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Ant Design X","kind":"upload","page":"https://x.ant.design/components/attachments","note":"Ant Design X 官方文档里的「上传」公开演示（Upload File）"},{"id":"cs2-lib-primer-style--button--button--v2","name":"Button · Primer · Scenario Patterns","url":"https://primer.style/product/components/button/#_R_ibcanpfiv5ujb_","type":"style","pricing":"free","tags":["React","Primer"],"ct":["button"],"vs":["minimal","enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Primer","kind":"button","page":"https://primer.style/product/components/button/","note":"Primer 官方文档里的「按钮」公开演示（Scenario Patterns）"},{"id":"cs2-lib-carbondesignsystem-com--table--data-table-usage--v0","name":"Table · Carbon · Live Demo","url":"https://www.carbondesignsystem.com/building-blocks/core/components/data-table/guidelines#live-demo","type":"style","pricing":"free","tags":["React","Web","Components","Carbon"],"ct":["table"],"vs":["enterprise","swiss"],"rt":["component-demo"],"section":"组件样式","libName":"Carbon","kind":"table","page":"https://carbondesignsystem.com/components/data-table/usage/","note":"Carbon 官方文档里的「表格」公开演示（Live Demo）"},{"id":"cs2-lib-www-naiveui-com--slider--slider--v1","name":"Slider · Naive UI","url":"https://www.naiveui.com/en-US/os-theme/components/slider","type":"style","pricing":"free","tags":["Vue","Naive UI"],"ct":["slider"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Naive UI","kind":"slider","page":"https://www.naiveui.com/en-US/os-theme/components/slider","note":"Naive UI 官方文档里的「滑块」公开演示"},{"id":"cs2-lib-shoelace-style--button--button--v1","name":"Button · Shoelace · Variants","url":"https://shoelace.style/components/button#variants","type":"style","pricing":"free","tags":["Web","Components","Shoelace"],"ct":["button"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Shoelace","kind":"button","page":"https://shoelace.style/components/button","note":"Shoelace 官方文档里的「按钮」公开演示（Variants）"},{"id":"cs2-lib-material-web-dev--checkbox--radio--v0","name":"Checkbox & radio · Material Web","url":"https://material-web.dev/components/radio/","type":"style","pricing":"free","tags":["Web","Components","Material Web"],"ct":["checkbox"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Material Web","kind":"checkbox","page":"https://material-web.dev/components/radio/","note":"Material Web 官方文档里的「复选单选」公开演示"},{"id":"cs2-reactbits-dev--card--components-folder--v0","name":"Card · React Bits · Folder","url":"https://reactbits.dev/components/folder#root","type":"style","pricing":"unknown","tags":["React","React Bits"],"ct":["card"],"vs":["dark-tech","motion","3d"],"rt":["component-demo"],"section":"组件样式","libName":"React Bits","kind":"card","page":"https://reactbits.dev/components/folder","note":"React Bits 官方文档里的「卡片」公开演示（Folder）"},{"id":"cs2-lib-mobile-ant-design--tabs--tabs--v2","name":"Tabs · Ant Design Mobile","url":"https://mobile.ant.design/components/tabs/#demos","type":"style","pricing":"free","tags":["React","Ant Design Mobile"],"ct":["tabs"],"vs":["minimal","enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Ant Design Mobile","kind":"tabs","page":"https://mobile.ant.design/components/tabs","note":"Ant Design Mobile 官方文档里的「标签页」公开演示"},{"id":"cs2-lib-bulma-io--button--elements-button--v0","name":"Button · Bulma · Sass Tools","url":"https://bulma.io/documentation/elements/button/#js-docs","type":"style","pricing":"free","tags":["CSS","Bulma"],"ct":["button"],"vs":["minimal","utilitarian"],"rt":["component-demo"],"section":"组件样式","libName":"Bulma","kind":"button","page":"https://bulma.io/documentation/elements/button/","note":"Bulma 官方文档里的「按钮」公开演示（Sass Tools）"},{"id":"cs2-lib-tamagui-dev--toast--toast--v0","name":"Toast · Tamagui","url":"https://tamagui.dev/ui/toast","type":"style","pricing":"free","tags":["React","Native","Tamagui"],"ct":["toast"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Tamagui","kind":"toast","page":"https://tamagui.dev/ui/toast","note":"Tamagui 官方文档里的「通知」公开演示"},{"id":"cs2-www-prompt-kit-com--loader--loader--v2","name":"Loader · prompt-kit · Loader With Text","url":"https://www.prompt-kit.com/docs/loader","type":"style","pricing":"unknown","tags":["AI 聊天","prompt-kit"],"ct":["loader"],"vs":["minimal"],"rt":["component-demo","motion"],"section":"组件样式","libName":"prompt-kit","kind":"loader","page":"https://www.prompt-kit.com/docs/loader","note":"prompt-kit 官方文档里的「加载」公开演示（Loader With Text）"},{"id":"cs-ui-aceternity-com-input","name":"Input · Aceternity UI","url":"https://ui.aceternity.com/components/placeholders-and-vanish-input","type":"style","pricing":"unknown","tags":["Aceternity UI"],"ct":["input"],"vs":["dark-tech","gradient","3d","motion"],"rt":["component-demo"],"section":"组件样式","libName":"Aceternity UI","kind":"input","page":"https://ui.aceternity.com/components/placeholders-and-vanish-input","note":"Aceternity UI 官方文档里的「输入框」公开演示"},{"id":"cs-lib-flowbite-com-dialog","name":"Dialog · Flowbite","url":"https://flowbite.com/docs/components/modal/","type":"style","pricing":"freemium","tags":["CSS","React","Vue","Svelte","Flowbite"],"ct":["dialog"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Flowbite","kind":"dialog","page":"https://flowbite.com/docs/components/modal/","note":"Flowbite 官方文档里的「弹窗」公开演示"},{"id":"cs-lib-vuetifyjs-com-nav","name":"Navigation · Vuetify","url":"https://vuetifyjs.com/en/components/steppers/#usage","type":"style","pricing":"free","tags":["Vue","Vuetify"],"ct":["nav"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Vuetify","kind":"nav","page":"https://vuetifyjs.com/en/components/steppers/","note":"Vuetify 官方文档里的「导航」公开演示"},{"id":"cs-lib-park-ui-com-select","name":"Select · Park UI","url":"https://park-ui.com/docs/components/select","type":"style","pricing":"free","tags":["React","Vue","Solid","Park UI"],"ct":["select"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Park UI","kind":"select","page":"https://park-ui.com/docs/components/select","note":"Park UI 官方文档里的「选择器」公开演示"},{"id":"cs-lib-bits-ui-com-date","name":"Date picker · Bits UI","url":"https://bits-ui.com/docs/components/date-picker","type":"style","pricing":"free","tags":["Svelte","Bits UI"],"ct":["date"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Bits UI","kind":"date","page":"https://bits-ui.com/docs/components/date-picker","note":"Bits UI 官方文档里的「日期」公开演示"},{"id":"cs-lib-mui-com-material-ui-nav","name":"Navigation · Material UI","url":"https://mui.com/material-ui/react-stepper/","type":"style","pricing":"free","tags":["React","Material UI"],"ct":["nav"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Material UI","kind":"nav","page":"https://mui.com/material-ui/react-stepper/","note":"Material UI 官方文档里的「导航」公开演示"},{"id":"cs-lib-www-shadcn-vue-com-button","name":"Button · shadcn-vue","url":"https://www.shadcn-vue.com/docs/components/button","type":"style","pricing":"free","tags":["Vue","shadcn-vue"],"ct":["button"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"shadcn-vue","kind":"button","page":"https://www.shadcn-vue.com/docs/components/button.html","note":"shadcn-vue 官方文档里的「按钮」公开演示"},{"id":"cs2-lib-picocss-com--form--forms--v0","name":"Form · Pico CSS","url":"https://picocss.com/docs/forms","type":"style","pricing":"free","tags":["CSS","Pico CSS"],"ct":["form"],"vs":["minimal","utilitarian"],"rt":["component-demo"],"section":"组件样式","libName":"Pico CSS","kind":"form","page":"https://picocss.com/docs/forms","note":"Pico CSS 官方文档里的「表单」公开演示"},{"id":"cs-lib-ark-ui-com-select","name":"Select · Ark UI","url":"https://ark-ui.com/docs/components/select","type":"style","pricing":"free","tags":["React","Vue","Solid","Svelte","Ark UI"],"ct":["select"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Ark UI","kind":"select","page":"https://ark-ui.com/docs/components/select","note":"Ark UI 官方文档里的「选择器」公开演示"},{"id":"cs2-lib-semi-design--color--input-colorpicker--v0","name":"Color picker · Semi Design · 放在弹层","url":"https://semi.design/zh-CN/input/colorpicker#放在弹层","type":"style","pricing":"free","tags":["React","Semi Design"],"ct":["color"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Semi Design","kind":"color","page":"https://semi.design/en-US/input/colorpicker","note":"Semi Design 官方文档里的「取色器」公开演示（放在弹层）"},{"id":"cs-lib-material-angular-dev-date","name":"Date picker · Angular Material","url":"https://material.angular.dev/components/datepicker/overview","type":"style","pricing":"free","tags":["Angular","Angular Material"],"ct":["date"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Angular Material","kind":"date","page":"https://material.angular.dev/components/datepicker/overview","note":"Angular Material 官方文档里的「日期」公开演示"},{"id":"cs2-motion-primitives-com--motion--text-effect--v2","name":"Motion · Motion Primitives","url":"https://motion-primitives.com/docs/text-effect#text-effect-with-custom-delay","type":"style","pricing":"unknown","tags":["动效","Motion Primitives"],"ct":["motion"],"vs":["minimal","motion"],"rt":["component-demo","motion"],"section":"组件样式","libName":"Motion Primitives","kind":"motion","page":"https://motion-primitives.com/docs/text-effect","note":"Motion Primitives 官方文档里的「动效」公开演示"},{"id":"cs2-lib-react-aria-adobe-com--button--button--v0","name":"Button · React Aria","url":"https://react-aria.adobe.com/Button","type":"style","pricing":"free","tags":["React","React Aria"],"ct":["button"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"React Aria","kind":"button","page":"https://react-aria.adobe.com/Button","note":"React Aria 官方文档里的「按钮」公开演示"},{"id":"cs2-www-kibo-ui-com--chart--gantt--v1","name":"Chart · Kibo UI","url":"https://www.kibo-ui.com/components/gantt#multiple-items-on-one-row","type":"style","pricing":"unknown","tags":["shadcn","Kibo UI"],"ct":["chart"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Kibo UI","kind":"chart","page":"https://www.kibo-ui.com/components/gantt","note":"Kibo UI 官方文档里的「图表」公开演示"},{"id":"cs2-lib-getbootstrap-com--list--components-list-group--v1","name":"List · Bootstrap · Active items","url":"https://getbootstrap.com/docs/5.3/components/list-group/#active-items","type":"style","pricing":"free","tags":["CSS","Bootstrap"],"ct":["list"],"vs":["minimal","utilitarian"],"rt":["component-demo"],"section":"组件样式","libName":"Bootstrap","kind":"list","page":"https://getbootstrap.com/docs/5.3/components/list-group/","note":"Bootstrap 官方文档里的「列表」公开演示（Active items）"},{"id":"cs-lib-mantine-dev-nav","name":"Navigation · Mantine","url":"https://mantine.dev/core/stepper/","type":"style","pricing":"free","tags":["React","Mantine"],"ct":["nav"],"vs":["minimal","enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Mantine","kind":"nav","page":"https://mantine.dev/core/stepper/","note":"Mantine 官方文档里的「导航」公开演示"},{"id":"cs2-lib-www-radix-ui-com-themes--input--text-area--v2","name":"Input · Radix Themes · Variant","url":"https://www.radix-ui.com/themes/docs/components/text-area#variant","type":"style","pricing":"free","tags":["React","Radix Themes"],"ct":["input"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Radix Themes","kind":"input","page":"https://www.radix-ui.com/themes/docs/components/text-area","note":"Radix Themes 官方文档里的「输入框」公开演示（Variant）"},{"id":"cs2-lib-mui-com-x--chart--react-charts-bars--v2","name":"Chart · MUI X · Basics","url":"https://mui.com/x/react-charts/bars/#basics","type":"style","pricing":"freemium","tags":["React","MUI X"],"ct":["chart"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"MUI X","kind":"chart","page":"https://mui.com/x/react-charts/bars/","note":"MUI X 官方文档里的「图表」公开演示（Basics）"},{"id":"cs-lib-daisyui-com-toast","name":"Toast · daisyUI","url":"https://daisyui.com/components/toast/","type":"style","pricing":"free","tags":["CSS","daisyUI"],"ct":["toast"],"vs":["playful","soft"],"rt":["component-demo"],"section":"组件样式","libName":"daisyUI","kind":"toast","page":"https://daisyui.com/components/toast/","note":"daisyUI 官方文档里的「通知」公开演示"},{"id":"cs-www-heroui-com-tabs","name":"Tabs · HeroUI","url":"https://heroui.com/en/docs/react/components/tabs","type":"style","pricing":"unknown","tags":["HeroUI"],"ct":["tabs"],"vs":["soft","playful"],"rt":["component-demo"],"section":"组件样式","libName":"HeroUI","kind":"tabs","page":"https://www.heroui.com/docs/components/tabs","note":"HeroUI 官方文档里的「标签页」公开演示"},{"id":"cs2-lib-ionicframework-com--breadcrumb--breadcrumbs--v0","name":"Breadcrumb · Ionic · Basic Usage","url":"https://ionicframework.com/docs/api/breadcrumbs#basic-usage","type":"style","pricing":"free","tags":["React","Vue","Angular","Ionic"],"ct":["breadcrumb"],"vs":["apple","minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Ionic","kind":"breadcrumb","page":"https://ionicframework.com/docs/api/breadcrumbs","note":"Ionic 官方文档里的「面包屑」公开演示（Basic Usage）"},{"id":"cs-ui-shadcn-com-date","name":"Date picker · shadcn/ui","url":"https://ui.shadcn.com/docs/components/base/calendar","type":"style","pricing":"unknown","tags":["shadcn","shadcn/ui"],"ct":["date"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"shadcn/ui","kind":"date","page":"https://ui.shadcn.com/docs/components/calendar","note":"shadcn/ui 官方文档里的「日期」公开演示"},{"id":"cs-magicui-design-icon","name":"Icons · Magic UI","url":"https://magicui.design/docs/components/icon-cloud","type":"style","pricing":"unknown","tags":["Magic UI"],"ct":["icon"],"vs":["dark-tech","gradient","motion"],"rt":["component-demo"],"section":"组件样式","libName":"Magic UI","kind":"icon","page":"https://magicui.design/docs/components/icon-cloud","note":"Magic UI 官方文档里的「图标」公开演示"},{"id":"cs-lib-www-spartan-ng-button","name":"Button · Spartan","url":"https://www.spartan.ng/components/button","type":"style","pricing":"free","tags":["Angular","Spartan"],"ct":["button"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Spartan","kind":"button","page":"https://www.spartan.ng/components/button","note":"Spartan 官方文档里的「按钮」公开演示"},{"id":"cs-lib-www-shadcn-svelte-com-tabs","name":"Tabs · shadcn-svelte","url":"https://www.shadcn-svelte.com/docs/components/tabs","type":"style","pricing":"free","tags":["Svelte","shadcn-svelte"],"ct":["tabs"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"shadcn-svelte","kind":"tabs","page":"https://www.shadcn-svelte.com/docs/components/tabs","note":"shadcn-svelte 官方文档里的「标签页」公开演示"},{"id":"cs2-lib-primevue-org--switch--toggleswitch--v0","name":"Switch · PrimeVue","url":"https://primevue.dev/toggleswitch/","type":"style","pricing":"freemium","tags":["Vue","PrimeVue"],"ct":["switch"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"PrimeVue","kind":"switch","page":"https://primevue.org/toggleswitch/","note":"PrimeVue 官方文档里的「开关」公开演示"},{"id":"cs2-lib-www-skeleton-dev--date--date-picker--v3","name":"Date picker · Skeleton · Minimum and Maximum","url":"https://www.skeleton.dev/docs/svelte/framework-components/date-picker#minimum-and-maximum","type":"style","pricing":"free","tags":["Svelte","React","Skeleton"],"ct":["date"],"vs":["playful","gradient"],"rt":["component-demo"],"section":"组件样式","libName":"Skeleton","kind":"date","page":"https://www.skeleton.dev/docs/svelte/framework-components/date-picker","note":"Skeleton 官方文档里的「日期」公开演示（Minimum and Maximum）"},{"id":"cs-lib-ant-design-form","name":"Form · Ant Design","url":"https://ant.design/components/form","type":"style","pricing":"free","tags":["React","Ant Design"],"ct":["form"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Ant Design","kind":"form","page":"https://ant.design/components/form","note":"Ant Design 官方文档里的「表单」公开演示"},{"id":"cs2-lib-primeng-org--toast--toast--v1","name":"Toast · PrimeNG · Basic","url":"https://primeng.dev/toast","type":"style","pricing":"freemium","tags":["Angular","PrimeNG"],"ct":["toast"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"PrimeNG","kind":"toast","page":"https://primeng.org/toast","note":"PrimeNG 官方文档里的「通知」公开演示（Basic）"},{"id":"cs-lib-tdesign-tencent-com-button","name":"Button · TDesign","url":"https://tdesign.tencent.com/vue-next/components/button","type":"style","pricing":"free","tags":["React","Vue","TDesign"],"ct":["button"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"TDesign","kind":"button","page":"https://tdesign.tencent.com/vue-next/components/button","note":"TDesign 官方文档里的「按钮」公开演示"},{"id":"cs-lib-headlessui-com-tooltip","name":"Tooltip · Headless UI","url":"https://headlessui.com/react/popover","type":"style","pricing":"free","tags":["React","Vue","Headless UI"],"ct":["tooltip"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Headless UI","kind":"tooltip","page":"https://headlessui.com/react/popover","note":"Headless UI 官方文档里的「气泡」公开演示"},{"id":"cs2-lib-kobalte-dev--tabs--tabs--v0","name":"Tabs · Kobalte","url":"https://kobalte.dev/docs/core/components/tabs#example","type":"style","pricing":"free","tags":["Solid","Kobalte"],"ct":["tabs"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Kobalte","kind":"tabs","page":"https://kobalte.dev/docs/core/components/tabs","note":"Kobalte 官方文档里的「标签页」公开演示"},{"id":"cs-lib-chakra-ui-com-avatar","name":"Avatar · Chakra UI","url":"https://chakra-ui.com/docs/components/avatar","type":"style","pricing":"free","tags":["React","Chakra UI"],"ct":["avatar"],"vs":["soft","minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Chakra UI","kind":"avatar","page":"https://chakra-ui.com/docs/components/avatar","note":"Chakra UI 官方文档里的「头像」公开演示"},{"id":"cs2-lib-ui-nuxt-com--tabs--tabs--v3","name":"Tabs · Nuxt UI · Color","url":"https://ui.nuxt.com/docs/components/tabs#color","type":"style","pricing":"free","tags":["Vue","Nuxt UI"],"ct":["tabs"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Nuxt UI","kind":"tabs","page":"https://ui.nuxt.com/docs/components/tabs","note":"Nuxt UI 官方文档里的「标签页」公开演示（Color）"},{"id":"cs-lib-www-hyperui-dev-menu","name":"Menu · HyperUI","url":"https://www.hyperui.dev/components/application/dropdown/","type":"style","pricing":"free","tags":["CSS","HyperUI"],"ct":["menu"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"HyperUI","kind":"menu","page":"https://www.hyperui.dev/components/application/dropdown","note":"HyperUI 官方文档里的「菜单」公开演示"},{"id":"cs2-lib-quasar-dev--badge--badge--v3","name":"Badge & tag · Quasar · Transparent","url":"https://quasar.dev/vue-components/badge/#example--transparent--transparent","type":"style","pricing":"free","tags":["Vue","Quasar"],"ct":["badge"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Quasar","kind":"badge","page":"https://quasar.dev/vue-components/badge","note":"Quasar 官方文档里的「徽标标签」公开演示（Transparent）"},{"id":"cs2-lib-base-ui-com--form--slider--v0","name":"Form · Base UI","url":"https://base-ui.com/react/components/slider","type":"style","pricing":"free","tags":["React","Base UI"],"ct":["form"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Base UI","kind":"form","page":"https://base-ui.com/react/components/slider","note":"Base UI 官方文档里的「表单」公开演示"},{"id":"cs2-lib-ng-ant-design--checkbox--radio--v1","name":"Checkbox & radio · NG-ZORRO · Basic","url":"https://ng.ant.design/components/radio/en#components-radio-demo-basic","type":"style","pricing":"free","tags":["Angular","NG-ZORRO"],"ct":["checkbox"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"NG-ZORRO","kind":"checkbox","page":"https://ng.ant.design/components/radio/en","note":"NG-ZORRO 官方文档里的「复选单选」公开演示（Basic）"},{"id":"cs-lib-element-plus-org-form","name":"Form · Element Plus","url":"https://element-plus.org/en-US/component/slider.html","type":"style","pricing":"free","tags":["Vue","Element Plus"],"ct":["form"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Element Plus","kind":"form","page":"https://element-plus.org/en-US/component/slider.html","note":"Element Plus 官方文档里的「表单」公开演示"},{"id":"cs2-lib-tremor-so--select--inputs-select--v2","name":"Select · Tremor · Example: Select with defaultValue","url":"https://www.tremor.so/docs/inputs/select#example-select-with-defaultvalue","type":"style","pricing":"free","tags":["React","Tremor"],"ct":["select"],"vs":["minimal","enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Tremor","kind":"select","page":"https://tremor.so/docs/inputs/select","note":"Tremor 官方文档里的「选择器」公开演示（Example: Select with defaultValue）"},{"id":"cs-lib-arco-design-date","name":"Date picker · Arco Design","url":"https://arco.design/react/components/date-picker","type":"style","pricing":"free","tags":["React","Vue","Arco Design"],"ct":["date"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Arco Design","kind":"date","page":"https://arco.design/react/components/date-picker","note":"Arco Design 官方文档里的「日期」公开演示"},{"id":"cs2-x-ant-design--avatar--welcome--v0","name":"Avatar · Ant Design X","url":"https://x.ant.design/components/welcome","type":"style","pricing":"unknown","tags":["中文","Ant Design X"],"ct":["avatar"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Ant Design X","kind":"avatar","page":"https://x.ant.design/components/welcome","note":"Ant Design X 官方文档里的「头像」公开演示"},{"id":"cs2-lib-primer-style--toast--banner--v1","name":"Toast · Primer · Scenario Patterns","url":"https://primer.style/product/components/banner/#_R_ibcanpfiv5ujb_","type":"style","pricing":"free","tags":["React","Primer"],"ct":["toast"],"vs":["minimal","enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Primer","kind":"toast","page":"https://primer.style/product/components/banner/","note":"Primer 官方文档里的「通知」公开演示（Scenario Patterns）"},{"id":"cs2-lib-www-naiveui-com--slider--slider--v2","name":"Slider · Naive UI","url":"https://www.naiveui.com/en-US/os-theme/components/slider","type":"style","pricing":"free","tags":["Vue","Naive UI"],"ct":["slider"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Naive UI","kind":"slider","page":"https://www.naiveui.com/en-US/os-theme/components/slider","note":"Naive UI 官方文档里的「滑块」公开演示"},{"id":"cs2-lib-shoelace-style--loader--skeleton--v0","name":"Loader · Shoelace","url":"https://shoelace.style/components/skeleton","type":"style","pricing":"free","tags":["Web","Components","Shoelace"],"ct":["loader"],"vs":["minimal"],"rt":["component-demo","motion"],"section":"组件样式","libName":"Shoelace","kind":"loader","page":"https://shoelace.style/components/skeleton","note":"Shoelace 官方文档里的「加载」公开演示"},{"id":"cs2-lib-material-web-dev--slider--slider--v0","name":"Slider · Material Web","url":"https://material-web.dev/components/slider/","type":"style","pricing":"free","tags":["Web","Components","Material Web"],"ct":["slider"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Material Web","kind":"slider","page":"https://material-web.dev/components/slider/","note":"Material Web 官方文档里的「滑块」公开演示"},{"id":"cs2-reactbits-dev--card--components-magic-bento--v0","name":"Card · React Bits · Customize","url":"https://reactbits.dev/components/magic-bento#tabs:«r11»:content-preview","type":"style","pricing":"unknown","tags":["React","React Bits"],"ct":["card"],"vs":["dark-tech","motion","3d"],"rt":["component-demo"],"section":"组件样式","libName":"React Bits","kind":"card","page":"https://reactbits.dev/components/magic-bento","note":"React Bits 官方文档里的「卡片」公开演示（Customize）"},{"id":"cs2-lib-mobile-ant-design--nav--tab-bar--v0","name":"Navigation · Ant Design Mobile","url":"https://mobile.ant.design/components/tab-bar/#demos","type":"style","pricing":"free","tags":["React","Ant Design Mobile"],"ct":["nav"],"vs":["minimal","enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Ant Design Mobile","kind":"nav","page":"https://mobile.ant.design/components/tab-bar","note":"Ant Design Mobile 官方文档里的「导航」公开演示"},{"id":"cs2-lib-bulma-io--button--elements-button--v1","name":"Button · Bulma · CSS Library","url":"https://bulma.io/documentation/elements/button/#js-docs","type":"style","pricing":"free","tags":["CSS","Bulma"],"ct":["button"],"vs":["minimal","utilitarian"],"rt":["component-demo"],"section":"组件样式","libName":"Bulma","kind":"button","page":"https://bulma.io/documentation/elements/button/","note":"Bulma 官方文档里的「按钮」公开演示（CSS Library）"},{"id":"cs2-lib-tamagui-dev--tabs--tabs--v0","name":"Tabs · Tamagui","url":"https://tamagui.dev/ui/tabs","type":"style","pricing":"free","tags":["React","Native","Tamagui"],"ct":["tabs"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Tamagui","kind":"tabs","page":"https://tamagui.dev/ui/tabs","note":"Tamagui 官方文档里的「标签页」公开演示"},{"id":"cs-ui-aceternity-com-button","name":"Button · Aceternity UI","url":"https://ui.aceternity.com/components/moving-border","type":"style","pricing":"unknown","tags":["Aceternity UI"],"ct":["button"],"vs":["dark-tech","gradient","3d","motion"],"rt":["component-demo"],"section":"组件样式","libName":"Aceternity UI","kind":"button","page":"https://ui.aceternity.com/components/moving-border","note":"Aceternity UI 官方文档里的「按钮」公开演示"},{"id":"cs-lib-flowbite-com-date","name":"Date picker · Flowbite","url":"https://flowbite.com/docs/components/datepicker/","type":"style","pricing":"freemium","tags":["CSS","React","Vue","Svelte","Flowbite"],"ct":["date"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Flowbite","kind":"date","page":"https://flowbite.com/docs/components/datepicker/","note":"Flowbite 官方文档里的「日期」公开演示"},{"id":"cs2-lib-vuetifyjs-com--breadcrumb--breadcrumbs--v0","name":"Breadcrumb · Vuetify","url":"https://vuetifyjs.com/en/components/breadcrumbs/#dividers","type":"style","pricing":"free","tags":["Vue","Vuetify"],"ct":["breadcrumb"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Vuetify","kind":"breadcrumb","page":"https://vuetifyjs.com/en/components/breadcrumbs/","note":"Vuetify 官方文档里的「面包屑」公开演示"},{"id":"cs2-lib-park-ui-com--select--select--v2","name":"Select · Park UI · LAYOUT","url":"https://park-ui.com/docs/components/select#scroll-area-_R_d5ulb_:content","type":"style","pricing":"free","tags":["React","Vue","Solid","Park UI"],"ct":["select"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Park UI","kind":"select","page":"https://park-ui.com/docs/components/select","note":"Park UI 官方文档里的「选择器」公开演示（LAYOUT）"},{"id":"cs2-lib-bits-ui-com--dialog--dialog--v0","name":"Dialog · Bits UI","url":"https://bits-ui.com/docs/components/dialog","type":"style","pricing":"free","tags":["Svelte","Bits UI"],"ct":["dialog"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Bits UI","kind":"dialog","page":"https://bits-ui.com/docs/components/dialog","note":"Bits UI 官方文档里的「弹窗」公开演示"},{"id":"cs-lib-mui-com-material-ui-tooltip","name":"Tooltip · Material UI","url":"https://mui.com/material-ui/react-tooltip/","type":"style","pricing":"free","tags":["React","Material UI"],"ct":["tooltip"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Material UI","kind":"tooltip","page":"https://mui.com/material-ui/react-tooltip/","note":"Material UI 官方文档里的「气泡」公开演示"},{"id":"cs2-lib-www-shadcn-vue-com--button--button-html--v2","name":"Button · shadcn-vue","url":"https://www.shadcn-vue.com/docs/components/button#default","type":"style","pricing":"free","tags":["Vue","shadcn-vue"],"ct":["button"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"shadcn-vue","kind":"button","page":"https://www.shadcn-vue.com/docs/components/button.html","note":"shadcn-vue 官方文档里的「按钮」公开演示"},{"id":"cs2-lib-picocss-com--form--forms--v1","name":"Form · Pico CSS","url":"https://picocss.com/docs/forms","type":"style","pricing":"free","tags":["CSS","Pico CSS"],"ct":["form"],"vs":["minimal","utilitarian"],"rt":["component-demo"],"section":"组件样式","libName":"Pico CSS","kind":"form","page":"https://picocss.com/docs/forms","note":"Pico CSS 官方文档里的「表单」公开演示"},{"id":"cs-lib-ark-ui-com-date","name":"Date picker · Ark UI","url":"https://ark-ui.com/docs/components/date-picker","type":"style","pricing":"free","tags":["React","Vue","Solid","Svelte","Ark UI"],"ct":["date"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Ark UI","kind":"date","page":"https://ark-ui.com/docs/components/date-picker","note":"Ark UI 官方文档里的「日期」公开演示"},{"id":"cs2-lib-semi-design--tooltip--feedback-popconfirm--v1","name":"Tooltip · Semi Design · 类型搭配","url":"https://semi.design/zh-CN/feedback/popconfirm#类型搭配","type":"style","pricing":"free","tags":["React","Semi Design"],"ct":["tooltip"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Semi Design","kind":"tooltip","page":"https://semi.design/en-US/feedback/popconfirm","note":"Semi Design 官方文档里的「气泡」公开演示（类型搭配）"},{"id":"cs-lib-material-angular-dev-tabs","name":"Tabs · Angular Material","url":"https://material.angular.dev/components/tabs/overview","type":"style","pricing":"free","tags":["Angular","Angular Material"],"ct":["tabs"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Angular Material","kind":"tabs","page":"https://material.angular.dev/components/tabs/overview","note":"Angular Material 官方文档里的「标签页」公开演示"},{"id":"cs2-motion-primitives-com--dialog--morphing-dialog--v0","name":"Dialog · Motion Primitives · Morphing Dialog Basic","url":"https://motion-primitives.com/docs/morphing-dialog#morphing-dialog-basic","type":"style","pricing":"unknown","tags":["动效","Motion Primitives"],"ct":["dialog"],"vs":["minimal","motion"],"rt":["component-demo"],"section":"组件样式","libName":"Motion Primitives","kind":"dialog","page":"https://motion-primitives.com/docs/morphing-dialog","note":"Motion Primitives 官方文档里的「弹窗」公开演示（Morphing Dialog Basic）"},{"id":"cs2-lib-react-aria-adobe-com--select--select--v0","name":"Select · React Aria","url":"https://react-aria.adobe.com/Select","type":"style","pricing":"free","tags":["React","React Aria"],"ct":["select"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"React Aria","kind":"select","page":"https://react-aria.adobe.com/Select","note":"React Aria 官方文档里的「选择器」公开演示"},{"id":"cs2-www-kibo-ui-com--chart--gantt--v2","name":"Chart · Kibo UI · Without a sidebar","url":"https://www.kibo-ui.com/components/gantt#without-a-sidebar","type":"style","pricing":"unknown","tags":["shadcn","Kibo UI"],"ct":["chart"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Kibo UI","kind":"chart","page":"https://www.kibo-ui.com/components/gantt","note":"Kibo UI 官方文档里的「图表」公开演示（Without a sidebar）"},{"id":"cs2-lib-getbootstrap-com--list--components-list-group--v2","name":"List · Bootstrap · Links and buttons","url":"https://getbootstrap.com/docs/5.3/components/list-group/#links-and-buttons","type":"style","pricing":"free","tags":["CSS","Bootstrap"],"ct":["list"],"vs":["minimal","utilitarian"],"rt":["component-demo"],"section":"组件样式","libName":"Bootstrap","kind":"list","page":"https://getbootstrap.com/docs/5.3/components/list-group/","note":"Bootstrap 官方文档里的「列表」公开演示（Links and buttons）"},{"id":"cs-lib-mantine-dev-avatar","name":"Avatar · Mantine","url":"https://mantine.dev/core/avatar/","type":"style","pricing":"free","tags":["React","Mantine"],"ct":["avatar"],"vs":["minimal","enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Mantine","kind":"avatar","page":"https://mantine.dev/core/avatar/","note":"Mantine 官方文档里的「头像」公开演示"},{"id":"cs2-lib-www-radix-ui-com-themes--input--text-area--v3","name":"Input · Radix Themes · Color","url":"https://www.radix-ui.com/themes/docs/components/text-area#color","type":"style","pricing":"free","tags":["React","Radix Themes"],"ct":["input"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Radix Themes","kind":"input","page":"https://www.radix-ui.com/themes/docs/components/text-area","note":"Radix Themes 官方文档里的「输入框」公开演示（Color）"},{"id":"cs2-lib-mui-com-x--chart--react-charts-bars--v3","name":"Chart · MUI X · Using a dataset","url":"https://mui.com/x/react-charts/bars/#using-a-dataset","type":"style","pricing":"freemium","tags":["React","MUI X"],"ct":["chart"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"MUI X","kind":"chart","page":"https://mui.com/x/react-charts/bars/","note":"MUI X 官方文档里的「图表」公开演示（Using a dataset）"},{"id":"cs-lib-daisyui-com-table","name":"Table · daisyUI","url":"https://daisyui.com/components/table/","type":"style","pricing":"free","tags":["CSS","daisyUI"],"ct":["table"],"vs":["playful","soft"],"rt":["component-demo"],"section":"组件样式","libName":"daisyUI","kind":"table","page":"https://daisyui.com/components/table/","note":"daisyUI 官方文档里的「表格」公开演示"},{"id":"cs-www-heroui-com-avatar","name":"Avatar · HeroUI","url":"https://heroui.com/en/docs/react/components/avatar","type":"style","pricing":"unknown","tags":["HeroUI"],"ct":["avatar"],"vs":["soft","playful"],"rt":["component-demo"],"section":"组件样式","libName":"HeroUI","kind":"avatar","page":"https://www.heroui.com/docs/components/avatar","note":"HeroUI 官方文档里的「头像」公开演示"},{"id":"cs2-lib-ionicframework-com--input--searchbar--v0","name":"Input · Ionic · Basic Usage","url":"https://ionicframework.com/docs/api/searchbar#basic-usage","type":"style","pricing":"free","tags":["React","Vue","Angular","Ionic"],"ct":["input"],"vs":["apple","minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Ionic","kind":"input","page":"https://ionicframework.com/docs/api/searchbar","note":"Ionic 官方文档里的「输入框」公开演示（Basic Usage）"},{"id":"cs-ui-shadcn-com-tabs","name":"Tabs · shadcn/ui","url":"https://ui.shadcn.com/docs/components/base/tabs","type":"style","pricing":"unknown","tags":["shadcn","shadcn/ui"],"ct":["tabs"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"shadcn/ui","kind":"tabs","page":"https://ui.shadcn.com/docs/components/tabs","note":"shadcn/ui 官方文档里的「标签页」公开演示"},{"id":"cs-magicui-design-background","name":"Background · Magic UI","url":"https://magicui.design/docs/components/retro-grid","type":"style","pricing":"unknown","tags":["Magic UI"],"ct":["background"],"vs":["dark-tech","gradient","motion"],"rt":["component-demo","motion"],"section":"组件样式","libName":"Magic UI","kind":"background","page":"https://magicui.design/docs/components/retro-grid","note":"Magic UI 官方文档里的「背景」公开演示"},{"id":"cs2-lib-www-spartan-ng--card--card--v0","name":"Card · Spartan","url":"https://www.spartan.ng/components/card","type":"style","pricing":"free","tags":["Angular","Spartan"],"ct":["card"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Spartan","kind":"card","page":"https://www.spartan.ng/components/card","note":"Spartan 官方文档里的「卡片」公开演示"},{"id":"cs-lib-www-shadcn-svelte-com-button","name":"Button · shadcn-svelte","url":"https://www.shadcn-svelte.com/docs/components/button","type":"style","pricing":"free","tags":["Svelte","shadcn-svelte"],"ct":["button"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"shadcn-svelte","kind":"button","page":"https://www.shadcn-svelte.com/docs/components/button","note":"shadcn-svelte 官方文档里的「按钮」公开演示"},{"id":"cs2-lib-primevue-org--accordion--accordion--v2","name":"Accordion · PrimeVue · Multiple","url":"https://primevue.dev/accordion/#__nuxt","type":"style","pricing":"freemium","tags":["Vue","PrimeVue"],"ct":["accordion"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"PrimeVue","kind":"accordion","page":"https://primevue.org/accordion/","note":"PrimeVue 官方文档里的「折叠面板」公开演示（Multiple）"},{"id":"cs2-lib-www-skeleton-dev--dialog--dialog--v0","name":"Dialog · Skeleton · Provider","url":"https://www.skeleton.dev/docs/svelte/framework-components/dialog","type":"style","pricing":"free","tags":["Svelte","React","Skeleton"],"ct":["dialog"],"vs":["playful","gradient"],"rt":["component-demo"],"section":"组件样式","libName":"Skeleton","kind":"dialog","page":"https://www.skeleton.dev/docs/svelte/framework-components/dialog","note":"Skeleton 官方文档里的「弹窗」公开演示（Provider）"},{"id":"cs-lib-ant-design-card","name":"Card · Ant Design","url":"https://ant.design/components/card","type":"style","pricing":"free","tags":["React","Ant Design"],"ct":["card"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Ant Design","kind":"card","page":"https://ant.design/components/card","note":"Ant Design 官方文档里的「卡片」公开演示"},{"id":"cs2-lib-primeng-org--toast--toast--v2","name":"Toast · PrimeNG · Severity","url":"https://primeng.dev/toast","type":"style","pricing":"freemium","tags":["Angular","PrimeNG"],"ct":["toast"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"PrimeNG","kind":"toast","page":"https://primeng.org/toast","note":"PrimeNG 官方文档里的「通知」公开演示（Severity）"},{"id":"cs-lib-tdesign-tencent-com-select","name":"Select · TDesign","url":"https://tdesign.tencent.com/vue-next/components/select","type":"style","pricing":"free","tags":["React","Vue","TDesign"],"ct":["select"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"TDesign","kind":"select","page":"https://tdesign.tencent.com/vue-next/components/select","note":"TDesign 官方文档里的「选择器」公开演示"},{"id":"cs-lib-headlessui-com-menu","name":"Menu · Headless UI","url":"https://headlessui.com/react/menu","type":"style","pricing":"free","tags":["React","Vue","Headless UI"],"ct":["menu"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Headless UI","kind":"menu","page":"https://headlessui.com/react/menu","note":"Headless UI 官方文档里的「菜单」公开演示"},{"id":"cs2-lib-kobalte-dev--tabs--tabs--v2","name":"Tabs · Kobalte · Controlled value","url":"https://kobalte.dev/docs/core/components/tabs#controlled-value","type":"style","pricing":"free","tags":["Solid","Kobalte"],"ct":["tabs"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Kobalte","kind":"tabs","page":"https://kobalte.dev/docs/core/components/tabs","note":"Kobalte 官方文档里的「标签页」公开演示（Controlled value）"},{"id":"cs-lib-chakra-ui-com-loader","name":"Loader · Chakra UI","url":"https://chakra-ui.com/docs/components/skeleton","type":"style","pricing":"free","tags":["React","Chakra UI"],"ct":["loader"],"vs":["soft","minimal"],"rt":["component-demo","motion"],"section":"组件样式","libName":"Chakra UI","kind":"loader","page":"https://chakra-ui.com/docs/components/skeleton","note":"Chakra UI 官方文档里的「加载」公开演示"},{"id":"cs2-lib-ui-nuxt-com--button--button--v0","name":"Button · Nuxt UI · Label","url":"https://ui.nuxt.com/docs/components/button#label","type":"style","pricing":"free","tags":["Vue","Nuxt UI"],"ct":["button"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Nuxt UI","kind":"button","page":"https://ui.nuxt.com/docs/components/button","note":"Nuxt UI 官方文档里的「按钮」公开演示（Label）"},{"id":"cs2-lib-quasar-dev--switch--toggle--v0","name":"Switch · Quasar · Basic","url":"https://quasar.dev/vue-components/toggle/#example--standard--basic","type":"style","pricing":"free","tags":["Vue","Quasar"],"ct":["switch"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Quasar","kind":"switch","page":"https://quasar.dev/vue-components/toggle","note":"Quasar 官方文档里的「开关」公开演示（Basic）"},{"id":"cs2-lib-base-ui-com--select--select--v1","name":"Select · Base UI · Multiple selection","url":"https://base-ui.com/react/components/select#multiple-selection","type":"style","pricing":"free","tags":["React","Base UI"],"ct":["select"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Base UI","kind":"select","page":"https://base-ui.com/react/components/select","note":"Base UI 官方文档里的「选择器」公开演示（Multiple selection）"},{"id":"cs2-lib-ng-ant-design--date--time-picker--v0","name":"Date picker · NG-ZORRO","url":"https://ng.ant.design/components/time-picker/en","type":"style","pricing":"free","tags":["Angular","NG-ZORRO"],"ct":["date"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"NG-ZORRO","kind":"date","page":"https://ng.ant.design/components/time-picker/en","note":"NG-ZORRO 官方文档里的「日期」公开演示"},{"id":"cs2-lib-element-plus-org--checkbox--radio--v0","name":"Checkbox & radio · Element Plus · Basic usage","url":"https://element-plus.org/en-US/component/radio.html#basic-usage","type":"style","pricing":"free","tags":["Vue","Element Plus"],"ct":["checkbox"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Element Plus","kind":"checkbox","page":"https://element-plus.org/en-US/component/radio.html","note":"Element Plus 官方文档里的「复选单选」公开演示（Basic usage）"},{"id":"cs-lib-arco-design-tabs","name":"Tabs · Arco Design","url":"https://arco.design/react/components/tabs","type":"style","pricing":"free","tags":["React","Vue","Arco Design"],"ct":["tabs"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Arco Design","kind":"tabs","page":"https://arco.design/react/components/tabs","note":"Arco Design 官方文档里的「标签页」公开演示"},{"id":"cs2-x-ant-design--avatar--welcome--v1","name":"Avatar · Ant Design X","url":"https://x.ant.design/components/welcome#welcome-demo-basic","type":"style","pricing":"unknown","tags":["中文","Ant Design X"],"ct":["avatar"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Ant Design X","kind":"avatar","page":"https://x.ant.design/components/welcome","note":"Ant Design X 官方文档里的「头像」公开演示"},{"id":"cs2-lib-www-naiveui-com--slider--slider--v3","name":"Slider · Naive UI","url":"https://www.naiveui.com/en-US/os-theme/components/slider","type":"style","pricing":"free","tags":["Vue","Naive UI"],"ct":["slider"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Naive UI","kind":"slider","page":"https://www.naiveui.com/en-US/os-theme/components/slider","note":"Naive UI 官方文档里的「滑块」公开演示"},{"id":"cs2-lib-shoelace-style--progress--progress-bar--v0","name":"Progress · Shoelace","url":"https://shoelace.style/components/progress-bar","type":"style","pricing":"free","tags":["Web","Components","Shoelace"],"ct":["progress"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Shoelace","kind":"progress","page":"https://shoelace.style/components/progress-bar","note":"Shoelace 官方文档里的「进度」公开演示"},{"id":"cs2-lib-material-web-dev--checkbox--checkbox--v0","name":"Checkbox & radio · Material Web","url":"https://material-web.dev/components/checkbox/","type":"style","pricing":"free","tags":["Web","Components","Material Web"],"ct":["checkbox"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Material Web","kind":"checkbox","page":"https://material-web.dev/components/checkbox/","note":"Material Web 官方文档里的「复选单选」公开演示"},{"id":"cs2-reactbits-dev--background--backgrounds-silk--v0","name":"Background · React Bits · Silk","url":"https://reactbits.dev/backgrounds/silk#root","type":"style","pricing":"unknown","tags":["React","React Bits"],"ct":["background"],"vs":["dark-tech","motion","3d"],"rt":["component-demo","motion"],"section":"组件样式","libName":"React Bits","kind":"background","page":"https://reactbits.dev/backgrounds/silk","note":"React Bits 官方文档里的「背景」公开演示（Silk）"},{"id":"cs2-lib-mobile-ant-design--form--swipe-action--v0","name":"Form · Ant Design Mobile","url":"https://mobile.ant.design/components/swipe-action/#demos","type":"style","pricing":"free","tags":["React","Ant Design Mobile"],"ct":["form"],"vs":["minimal","enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Ant Design Mobile","kind":"form","page":"https://mobile.ant.design/components/swipe-action","note":"Ant Design Mobile 官方文档里的「表单」公开演示"},{"id":"cs2-lib-bulma-io--button--elements-button--v2","name":"Button · Bulma · Colors","url":"https://bulma.io/documentation/elements/button/#colors","type":"style","pricing":"free","tags":["CSS","Bulma"],"ct":["button"],"vs":["minimal","utilitarian"],"rt":["component-demo"],"section":"组件样式","libName":"Bulma","kind":"button","page":"https://bulma.io/documentation/elements/button/","note":"Bulma 官方文档里的「按钮」公开演示（Colors）"},{"id":"cs2-lib-tamagui-dev--tabs--tabs--v2","name":"Tabs · Tamagui · Animations","url":"https://tamagui.dev/ui/tabs#animations","type":"style","pricing":"free","tags":["React","Native","Tamagui"],"ct":["tabs"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Tamagui","kind":"tabs","page":"https://tamagui.dev/ui/tabs","note":"Tamagui 官方文档里的「标签页」公开演示（Animations）"},{"id":"cs2-ui-aceternity-com--background--sparkles--v0","name":"Background · Aceternity UI","url":"https://ui.aceternity.com/components/sparkles","type":"style","pricing":"unknown","tags":["Aceternity UI"],"ct":["background"],"vs":["dark-tech","gradient","3d","motion"],"rt":["component-demo","motion"],"section":"组件样式","libName":"Aceternity UI","kind":"background","page":"https://ui.aceternity.com/components/sparkles","note":"Aceternity UI 官方文档里的「背景」公开演示"},{"id":"cs-lib-flowbite-com-toast","name":"Toast · Flowbite","url":"https://flowbite.com/docs/components/toast/","type":"style","pricing":"freemium","tags":["CSS","React","Vue","Svelte","Flowbite"],"ct":["toast"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Flowbite","kind":"toast","page":"https://flowbite.com/docs/components/toast/","note":"Flowbite 官方文档里的「通知」公开演示"},{"id":"cs2-lib-vuetifyjs-com--progress--progress-linear--v0","name":"Progress · Vuetify","url":"https://vuetifyjs.com/en/components/progress-linear/#stream","type":"style","pricing":"free","tags":["Vue","Vuetify"],"ct":["progress"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Vuetify","kind":"progress","page":"https://vuetifyjs.com/en/components/progress-linear/","note":"Vuetify 官方文档里的「进度」公开演示"},{"id":"cs2-lib-park-ui-com--table--table--v2","name":"Table · Park UI · Column Border","url":"https://park-ui.com/docs/components/table#column-border","type":"style","pricing":"free","tags":["React","Vue","Solid","Park UI"],"ct":["table"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Park UI","kind":"table","page":"https://park-ui.com/docs/components/table","note":"Park UI 官方文档里的「表格」公开演示（Column Border）"},{"id":"cs2-lib-bits-ui-com--dialog--dialog--v1","name":"Dialog · Bits UI · Nested Dialogs","url":"https://bits-ui.com/docs/components/dialog#nested-dialogs","type":"style","pricing":"free","tags":["Svelte","Bits UI"],"ct":["dialog"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Bits UI","kind":"dialog","page":"https://bits-ui.com/docs/components/dialog","note":"Bits UI 官方文档里的「弹窗」公开演示（Nested Dialogs）"},{"id":"cs-lib-mui-com-material-ui-menu","name":"Menu · Material UI","url":"https://mui.com/material-ui/react-menu/","type":"style","pricing":"free","tags":["React","Material UI"],"ct":["menu"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Material UI","kind":"menu","page":"https://mui.com/material-ui/react-menu/","note":"Material UI 官方文档里的「菜单」公开演示"},{"id":"cs2-lib-www-shadcn-vue-com--card--card-html--v0","name":"Card · shadcn-vue","url":"https://www.shadcn-vue.com/docs/components/card","type":"style","pricing":"free","tags":["Vue","shadcn-vue"],"ct":["card"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"shadcn-vue","kind":"card","page":"https://www.shadcn-vue.com/docs/components/card.html","note":"shadcn-vue 官方文档里的「卡片」公开演示"},{"id":"cs-lib-ark-ui-com-dialog","name":"Dialog · Ark UI","url":"https://ark-ui.com/docs/components/dialog","type":"style","pricing":"free","tags":["React","Vue","Solid","Svelte","Ark UI"],"ct":["dialog"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Ark UI","kind":"dialog","page":"https://ark-ui.com/docs/components/dialog","note":"Ark UI 官方文档里的「弹窗」公开演示"},{"id":"cs2-lib-material-angular-dev--tabs--tabs-overview--v0","name":"Tabs · Angular Material · Overview for tabs","url":"https://material.angular.dev/components/tabs/overview#mat-tab-nav-panel-0","type":"style","pricing":"free","tags":["Angular","Angular Material"],"ct":["tabs"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Angular Material","kind":"tabs","page":"https://material.angular.dev/components/tabs/overview","note":"Angular Material 官方文档里的「标签页」公开演示（Overview for tabs）"},{"id":"cs2-motion-primitives-com--dialog--morphing-dialog--v1","name":"Dialog · Motion Primitives","url":"https://motion-primitives.com/docs/morphing-dialog#morphing-dialog-basic-2","type":"style","pricing":"unknown","tags":["动效","Motion Primitives"],"ct":["dialog"],"vs":["minimal","motion"],"rt":["component-demo"],"section":"组件样式","libName":"Motion Primitives","kind":"dialog","page":"https://motion-primitives.com/docs/morphing-dialog","note":"Motion Primitives 官方文档里的「弹窗」公开演示"},{"id":"cs2-lib-react-aria-adobe-com--upload--dropzone--v0","name":"Upload · React Aria","url":"https://react-aria.adobe.com/DropZone","type":"style","pricing":"free","tags":["React","React Aria"],"ct":["upload"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"React Aria","kind":"upload","page":"https://react-aria.adobe.com/DropZone","note":"React Aria 官方文档里的「上传」公开演示"},{"id":"cs2-lib-getbootstrap-com--list--components-list-group--v3","name":"List · Bootstrap · Flush","url":"https://getbootstrap.com/docs/5.3/components/list-group/#flush","type":"style","pricing":"free","tags":["CSS","Bootstrap"],"ct":["list"],"vs":["minimal","utilitarian"],"rt":["component-demo"],"section":"组件样式","libName":"Bootstrap","kind":"list","page":"https://getbootstrap.com/docs/5.3/components/list-group/","note":"Bootstrap 官方文档里的「列表」公开演示（Flush）"},{"id":"cs-lib-mantine-dev-loader","name":"Loader · Mantine","url":"https://mantine.dev/core/loader/","type":"style","pricing":"free","tags":["React","Mantine"],"ct":["loader"],"vs":["minimal","enterprise"],"rt":["component-demo","motion"],"section":"组件样式","libName":"Mantine","kind":"loader","page":"https://mantine.dev/core/loader/","note":"Mantine 官方文档里的「加载」公开演示"},{"id":"cs2-lib-www-radix-ui-com-themes--tooltip--popover--v1","name":"Tooltip · Radix Themes · Size","url":"https://www.radix-ui.com/themes/docs/components/popover#size","type":"style","pricing":"free","tags":["React","Radix Themes"],"ct":["tooltip"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Radix Themes","kind":"tooltip","page":"https://www.radix-ui.com/themes/docs/components/popover","note":"Radix Themes 官方文档里的「气泡」公开演示（Size）"},{"id":"cs2-lib-mui-com-x--table--react-data-grid--v0","name":"Table · MUI X · Community version (free forever)","url":"https://mui.com/x/react-data-grid/#community-version-free-forever","type":"style","pricing":"freemium","tags":["React","MUI X"],"ct":["table"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"MUI X","kind":"table","page":"https://mui.com/x/react-data-grid/","note":"MUI X 官方文档里的「表格」公开演示（Community version (free forever)）"},{"id":"cs-lib-daisyui-com-chat","name":"Chat · daisyUI","url":"https://daisyui.com/components/chat/","type":"style","pricing":"free","tags":["CSS","daisyUI"],"ct":["chat"],"vs":["playful","soft"],"rt":["component-demo"],"section":"组件样式","libName":"daisyUI","kind":"chat","page":"https://daisyui.com/components/chat/","note":"daisyUI 官方文档里的「聊天」公开演示"},{"id":"cs-www-heroui-com-date","name":"Date picker · HeroUI","url":"https://heroui.com/en/docs/react/components/date-picker","type":"style","pricing":"unknown","tags":["HeroUI"],"ct":["date"],"vs":["soft","playful"],"rt":["component-demo"],"section":"组件样式","libName":"HeroUI","kind":"date","page":"https://www.heroui.com/docs/components/date-picker","note":"HeroUI 官方文档里的「日期」公开演示"},{"id":"cs2-lib-ionicframework-com--button--fab--v0","name":"Button · Ionic · Basic Usage","url":"https://ionicframework.com/docs/api/fab#basic-usage","type":"style","pricing":"free","tags":["React","Vue","Angular","Ionic"],"ct":["button"],"vs":["apple","minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Ionic","kind":"button","page":"https://ionicframework.com/docs/api/fab","note":"Ionic 官方文档里的「按钮」公开演示（Basic Usage）"},{"id":"cs-ui-shadcn-com-button","name":"Button · shadcn/ui","url":"https://ui.shadcn.com/docs/components/base/button","type":"style","pricing":"unknown","tags":["shadcn","shadcn/ui"],"ct":["button"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"shadcn/ui","kind":"button","page":"https://ui.shadcn.com/docs/components/button","note":"shadcn/ui 官方文档里的「按钮」公开演示"},{"id":"cs-magicui-design-layout","name":"Layout · Magic UI","url":"https://magicui.design/docs/components/bento-grid","type":"style","pricing":"unknown","tags":["Magic UI"],"ct":["layout"],"vs":["dark-tech","gradient","motion"],"rt":["component-demo"],"section":"组件样式","libName":"Magic UI","kind":"layout","page":"https://magicui.design/docs/components/bento-grid","note":"Magic UI 官方文档里的「区块」公开演示"},{"id":"cs2-lib-www-spartan-ng--card--card--v1","name":"Card · Spartan · Size","url":"https://www.spartan.ng/components/card#size","type":"style","pricing":"free","tags":["Angular","Spartan"],"ct":["card"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Spartan","kind":"card","page":"https://www.spartan.ng/components/card","note":"Spartan 官方文档里的「卡片」公开演示（Size）"},{"id":"cs2-lib-www-shadcn-svelte-com--date--calendar--v0","name":"Date picker · shadcn-svelte","url":"https://www.shadcn-svelte.com/docs/components/calendar","type":"style","pricing":"free","tags":["Svelte","shadcn-svelte"],"ct":["date"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"shadcn-svelte","kind":"date","page":"https://www.shadcn-svelte.com/docs/components/calendar","note":"shadcn-svelte 官方文档里的「日期」公开演示"},{"id":"cs2-lib-primevue-org--accordion--accordion--v3","name":"Accordion · PrimeVue · Controlled","url":"https://primevue.dev/accordion/#__nuxt","type":"style","pricing":"freemium","tags":["Vue","PrimeVue"],"ct":["accordion"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"PrimeVue","kind":"accordion","page":"https://primevue.org/accordion/","note":"PrimeVue 官方文档里的「折叠面板」公开演示（Controlled）"},{"id":"cs2-lib-www-skeleton-dev--toast--toast--v0","name":"Toast · Skeleton · Triggers","url":"https://www.skeleton.dev/docs/svelte/framework-components/toast#triggers","type":"style","pricing":"free","tags":["Svelte","React","Skeleton"],"ct":["toast"],"vs":["playful","gradient"],"rt":["component-demo"],"section":"组件样式","libName":"Skeleton","kind":"toast","page":"https://www.skeleton.dev/docs/svelte/framework-components/toast","note":"Skeleton 官方文档里的「通知」公开演示（Triggers）"},{"id":"cs-lib-ant-design-input","name":"Input · Ant Design","url":"https://ant.design/components/cascader","type":"style","pricing":"free","tags":["React","Ant Design"],"ct":["input"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Ant Design","kind":"input","page":"https://ant.design/components/cascader","note":"Ant Design 官方文档里的「输入框」公开演示"},{"id":"cs2-lib-primeng-org--select--select--v1","name":"Select · PrimeNG · Basic","url":"https://primeng.dev/select","type":"style","pricing":"freemium","tags":["Angular","PrimeNG"],"ct":["select"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"PrimeNG","kind":"select","page":"https://primeng.org/select","note":"PrimeNG 官方文档里的「选择器」公开演示（Basic）"},{"id":"cs-lib-tdesign-tencent-com-date","name":"Date picker · TDesign","url":"https://tdesign.tencent.com/vue-next/components/date-picker","type":"style","pricing":"free","tags":["React","Vue","TDesign"],"ct":["date"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"TDesign","kind":"date","page":"https://tdesign.tencent.com/vue-next/components/date-picker","note":"TDesign 官方文档里的「日期」公开演示"},{"id":"cs-lib-headlessui-com-form","name":"Form · Headless UI","url":"https://headlessui.com/react/switch","type":"style","pricing":"free","tags":["React","Vue","Headless UI"],"ct":["form"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Headless UI","kind":"form","page":"https://headlessui.com/react/switch","note":"Headless UI 官方文档里的「表单」公开演示"},{"id":"cs2-lib-kobalte-dev--form--slider--v0","name":"Form · Kobalte","url":"https://kobalte.dev/docs/core/components/slider#example","type":"style","pricing":"free","tags":["Solid","Kobalte"],"ct":["form"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Kobalte","kind":"form","page":"https://kobalte.dev/docs/core/components/slider","note":"Kobalte 官方文档里的「表单」公开演示"},{"id":"cs-lib-chakra-ui-com-input","name":"Input · Chakra UI","url":"https://chakra-ui.com/docs/components/pin-input","type":"style","pricing":"free","tags":["React","Chakra UI"],"ct":["input"],"vs":["soft","minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Chakra UI","kind":"input","page":"https://chakra-ui.com/docs/components/pin-input","note":"Chakra UI 官方文档里的「输入框」公开演示"},{"id":"cs2-lib-ui-nuxt-com--dialog--modal--v0","name":"Dialog · Nuxt UI · Title","url":"https://ui.nuxt.com/docs/components/modal#title","type":"style","pricing":"free","tags":["Vue","Nuxt UI"],"ct":["dialog"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Nuxt UI","kind":"dialog","page":"https://ui.nuxt.com/docs/components/modal","note":"Nuxt UI 官方文档里的「弹窗」公开演示（Title）"},{"id":"cs2-lib-quasar-dev--switch--toggle--v1","name":"Switch · Quasar · With labels","url":"https://quasar.dev/vue-components/toggle/#example--labels--with-labels","type":"style","pricing":"free","tags":["Vue","Quasar"],"ct":["switch"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Quasar","kind":"switch","page":"https://quasar.dev/vue-components/toggle","note":"Quasar 官方文档里的「开关」公开演示（With labels）"},{"id":"cs2-lib-base-ui-com--select--select--v2","name":"Select · Base UI · Object values","url":"https://base-ui.com/react/components/select#object-values","type":"style","pricing":"free","tags":["React","Base UI"],"ct":["select"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Base UI","kind":"select","page":"https://base-ui.com/react/components/select","note":"Base UI 官方文档里的「选择器」公开演示（Object values）"},{"id":"cs2-lib-ng-ant-design--switch--switch--v0","name":"Switch · NG-ZORRO","url":"https://ng.ant.design/components/switch/en","type":"style","pricing":"free","tags":["Angular","NG-ZORRO"],"ct":["switch"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"NG-ZORRO","kind":"switch","page":"https://ng.ant.design/components/switch/en","note":"NG-ZORRO 官方文档里的「开关」公开演示"},{"id":"cs2-lib-element-plus-org--checkbox--radio--v3","name":"Checkbox & radio · Element Plus · With borders","url":"https://element-plus.org/en-US/component/radio.html#with-borders","type":"style","pricing":"free","tags":["Vue","Element Plus"],"ct":["checkbox"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Element Plus","kind":"checkbox","page":"https://element-plus.org/en-US/component/radio.html","note":"Element Plus 官方文档里的「复选单选」公开演示（With borders）"},{"id":"cs2-lib-arco-design--checkbox--checkbox--v0","name":"Checkbox & radio · Arco Design · 基础用法","url":"https://arco.design/react/components/checkbox#基础用法","type":"style","pricing":"free","tags":["React","Vue","Arco Design"],"ct":["checkbox"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Arco Design","kind":"checkbox","page":"https://arco.design/react/components/checkbox","note":"Arco Design 官方文档里的「复选单选」公开演示（基础用法）"},{"id":"cs2-x-ant-design--avatar--welcome--v2","name":"Avatar · Ant Design X","url":"https://x.ant.design/components/welcome#welcome-demo-variant","type":"style","pricing":"unknown","tags":["中文","Ant Design X"],"ct":["avatar"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Ant Design X","kind":"avatar","page":"https://x.ant.design/components/welcome","note":"Ant Design X 官方文档里的「头像」公开演示"},{"id":"cs2-lib-www-naiveui-com--badge--badge--v0","name":"Badge & tag · Naive UI","url":"https://www.naiveui.com/en-US/os-theme/components/badge","type":"style","pricing":"free","tags":["Vue","Naive UI"],"ct":["badge"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Naive UI","kind":"badge","page":"https://www.naiveui.com/en-US/os-theme/components/badge","note":"Naive UI 官方文档里的「徽标标签」公开演示"},{"id":"cs2-lib-shoelace-style--card--card--v0","name":"Card · Shoelace","url":"https://shoelace.style/components/card","type":"style","pricing":"free","tags":["Web","Components","Shoelace"],"ct":["card"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Shoelace","kind":"card","page":"https://shoelace.style/components/card","note":"Shoelace 官方文档里的「卡片」公开演示"},{"id":"cs2-lib-material-web-dev--button--icon-button--v0","name":"Button · Material Web","url":"https://material-web.dev/components/icon-button/","type":"style","pricing":"free","tags":["Web","Components","Material Web"],"ct":["button"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Material Web","kind":"button","page":"https://material-web.dev/components/icon-button/","note":"Material Web 官方文档里的「按钮」公开演示"},{"id":"cs2-reactbits-dev--background--backgrounds-aurora--v0","name":"Background · React Bits · Aurora","url":"https://reactbits.dev/backgrounds/aurora#root","type":"style","pricing":"unknown","tags":["React","React Bits"],"ct":["background"],"vs":["dark-tech","motion","3d"],"rt":["component-demo","motion"],"section":"组件样式","libName":"React Bits","kind":"background","page":"https://reactbits.dev/backgrounds/aurora","note":"React Bits 官方文档里的「背景」公开演示（Aurora）"},{"id":"cs2-lib-bulma-io--button--elements-button--v3","name":"Button · Bulma · Colors","url":"https://bulma.io/documentation/elements/button/#colors","type":"style","pricing":"free","tags":["CSS","Bulma"],"ct":["button"],"vs":["minimal","utilitarian"],"rt":["component-demo"],"section":"组件样式","libName":"Bulma","kind":"button","page":"https://bulma.io/documentation/elements/button/","note":"Bulma 官方文档里的「按钮」公开演示（Colors）"},{"id":"cs2-ui-aceternity-com--background--aurora-background--v0","name":"Background · Aceternity UI","url":"https://ui.aceternity.com/components/aurora-background","type":"style","pricing":"unknown","tags":["Aceternity UI"],"ct":["background"],"vs":["dark-tech","gradient","3d","motion"],"rt":["component-demo","motion"],"section":"组件样式","libName":"Aceternity UI","kind":"background","page":"https://ui.aceternity.com/components/aurora-background","note":"Aceternity UI 官方文档里的「背景」公开演示"},{"id":"cs2-lib-flowbite-com--progress--components-progress--v0","name":"Progress · Flowbite · Sizes","url":"https://flowbite.com/docs/components/progress/","type":"style","pricing":"freemium","tags":["CSS","React","Vue","Svelte","Flowbite"],"ct":["progress"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Flowbite","kind":"progress","page":"https://flowbite.com/docs/components/progress/","note":"Flowbite 官方文档里的「进度」公开演示（Sizes）"},{"id":"cs2-lib-vuetifyjs-com--progress--progress-linear--v1","name":"Progress · Vuetify","url":"https://vuetifyjs.com/en/components/progress-linear/#stream","type":"style","pricing":"free","tags":["Vue","Vuetify"],"ct":["progress"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Vuetify","kind":"progress","page":"https://vuetifyjs.com/en/components/progress-linear/","note":"Vuetify 官方文档里的「进度」公开演示"},{"id":"cs2-lib-park-ui-com--table--table--v3","name":"Table · Park UI · Horizontal Scroll","url":"https://park-ui.com/docs/components/table#horizontal-scroll","type":"style","pricing":"free","tags":["React","Vue","Solid","Park UI"],"ct":["table"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Park UI","kind":"table","page":"https://park-ui.com/docs/components/table","note":"Park UI 官方文档里的「表格」公开演示（Horizontal Scroll）"},{"id":"cs2-lib-bits-ui-com--select--select--v2","name":"Select · Bits UI · Custom Anchor","url":"https://bits-ui.com/docs/components/select#custom-anchor","type":"style","pricing":"free","tags":["Svelte","Bits UI"],"ct":["select"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Bits UI","kind":"select","page":"https://bits-ui.com/docs/components/select","note":"Bits UI 官方文档里的「选择器」公开演示（Custom Anchor）"},{"id":"cs-lib-mui-com-material-ui-select","name":"Select · Material UI","url":"https://mui.com/material-ui/react-select/","type":"style","pricing":"free","tags":["React","Material UI"],"ct":["select"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Material UI","kind":"select","page":"https://mui.com/material-ui/react-select/","note":"Material UI 官方文档里的「选择器」公开演示"},{"id":"cs2-lib-www-shadcn-vue-com--date--calendar-html--v0","name":"Date picker · shadcn-vue","url":"https://www.shadcn-vue.com/docs/components/calendar","type":"style","pricing":"free","tags":["Vue","shadcn-vue"],"ct":["date"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"shadcn-vue","kind":"date","page":"https://www.shadcn-vue.com/docs/components/calendar.html","note":"shadcn-vue 官方文档里的「日期」公开演示"},{"id":"cs2-lib-ark-ui-com--form--slider--v0","name":"Form · Ark UI","url":"https://ark-ui.com/docs/components/slider","type":"style","pricing":"free","tags":["React","Vue","Solid","Svelte","Ark UI"],"ct":["form"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Ark UI","kind":"form","page":"https://ark-ui.com/docs/components/slider","note":"Ark UI 官方文档里的「表单」公开演示"},{"id":"cs2-lib-material-angular-dev--select--select-overview--v0","name":"Select · Angular Material · Overview for select","url":"https://material.angular.dev/components/select/overview#mat-tab-nav-panel-0","type":"style","pricing":"free","tags":["Angular","Angular Material"],"ct":["select"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Angular Material","kind":"select","page":"https://material.angular.dev/components/select/overview","note":"Angular Material 官方文档里的「选择器」公开演示（Overview for select）"},{"id":"cs2-motion-primitives-com--dialog--morphing-dialog--v2","name":"Dialog · Motion Primitives · Morphing Dialog Image","url":"https://motion-primitives.com/docs/morphing-dialog#morphing-dialog-image","type":"style","pricing":"unknown","tags":["动效","Motion Primitives"],"ct":["dialog"],"vs":["minimal","motion"],"rt":["component-demo"],"section":"组件样式","libName":"Motion Primitives","kind":"dialog","page":"https://motion-primitives.com/docs/morphing-dialog","note":"Motion Primitives 官方文档里的「弹窗」公开演示（Morphing Dialog Image）"},{"id":"cs2-lib-react-aria-adobe-com--date--datepicker--v0","name":"Date picker · React Aria","url":"https://react-aria.adobe.com/DatePicker","type":"style","pricing":"free","tags":["React","React Aria"],"ct":["date"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"React Aria","kind":"date","page":"https://react-aria.adobe.com/DatePicker","note":"React Aria 官方文档里的「日期」公开演示"},{"id":"cs2-lib-getbootstrap-com--alert--components-alerts--v0","name":"Alert · Bootstrap","url":"https://getbootstrap.com/docs/5.3/components/alerts/","type":"style","pricing":"free","tags":["CSS","Bootstrap"],"ct":["alert"],"vs":["minimal","utilitarian"],"rt":["component-demo"],"section":"组件样式","libName":"Bootstrap","kind":"alert","page":"https://getbootstrap.com/docs/5.3/components/alerts/","note":"Bootstrap 官方文档里的「警告提示」公开演示"},{"id":"cs-lib-mantine-dev-table","name":"Table · Mantine","url":"https://mantine.dev/core/table/","type":"style","pricing":"free","tags":["React","Mantine"],"ct":["table"],"vs":["minimal","enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Mantine","kind":"table","page":"https://mantine.dev/core/table/","note":"Mantine 官方文档里的「表格」公开演示"},{"id":"cs2-lib-www-radix-ui-com-themes--alert--callout--v0","name":"Alert · Radix Themes · Typography","url":"https://www.radix-ui.com/themes/docs/components/callout","type":"style","pricing":"free","tags":["React","Radix Themes"],"ct":["alert"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Radix Themes","kind":"alert","page":"https://www.radix-ui.com/themes/docs/components/callout","note":"Radix Themes 官方文档里的「警告提示」公开演示（Typography）"},{"id":"cs2-lib-mui-com-x--table--react-data-grid--v1","name":"Table · MUI X · Pro version","url":"https://mui.com/x/react-data-grid/#pro-version","type":"style","pricing":"freemium","tags":["React","MUI X"],"ct":["table"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"MUI X","kind":"table","page":"https://mui.com/x/react-data-grid/","note":"MUI X 官方文档里的「表格」公开演示（Pro version）"},{"id":"cs-lib-daisyui-com-select","name":"Select · daisyUI","url":"https://daisyui.com/components/select/","type":"style","pricing":"free","tags":["CSS","daisyUI"],"ct":["select"],"vs":["playful","soft"],"rt":["component-demo"],"section":"组件样式","libName":"daisyUI","kind":"select","page":"https://daisyui.com/components/select/","note":"daisyUI 官方文档里的「选择器」公开演示"},{"id":"cs2-www-heroui-com--badge--badge--v0","name":"Badge & tag · HeroUI","url":"https://heroui.com/en/docs/react/components/badge#usage","type":"style","pricing":"unknown","tags":["HeroUI"],"ct":["badge"],"vs":["soft","playful"],"rt":["component-demo"],"section":"组件样式","libName":"HeroUI","kind":"badge","page":"https://www.heroui.com/docs/components/badge","note":"HeroUI 官方文档里的「徽标标签」公开演示"},{"id":"cs2-lib-ionicframework-com--checkbox--radio--v0","name":"Checkbox & radio · Ionic · Basic Usage","url":"https://ionicframework.com/docs/api/radio#basic-usage","type":"style","pricing":"free","tags":["React","Vue","Angular","Ionic"],"ct":["checkbox"],"vs":["apple","minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Ionic","kind":"checkbox","page":"https://ionicframework.com/docs/api/radio","note":"Ionic 官方文档里的「复选单选」公开演示（Basic Usage）"},{"id":"cs-ui-shadcn-com-input","name":"Input · shadcn/ui","url":"https://ui.shadcn.com/docs/components/base/input-otp","type":"style","pricing":"unknown","tags":["shadcn","shadcn/ui"],"ct":["input"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"shadcn/ui","kind":"input","page":"https://ui.shadcn.com/docs/components/input-otp","note":"shadcn/ui 官方文档里的「输入框」公开演示"},{"id":"cs-magicui-design-loader","name":"Loader · Magic UI","url":"https://magicui.design/docs/components/animated-beam","type":"style","pricing":"unknown","tags":["Magic UI"],"ct":["loader"],"vs":["dark-tech","gradient","motion"],"rt":["component-demo","motion"],"section":"组件样式","libName":"Magic UI","kind":"loader","page":"https://magicui.design/docs/components/animated-beam","note":"Magic UI 官方文档里的「加载」公开演示"},{"id":"cs2-lib-www-spartan-ng--card--card--v2","name":"Card · Spartan · Spacing","url":"https://www.spartan.ng/components/card#spacing","type":"style","pricing":"free","tags":["Angular","Spartan"],"ct":["card"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Spartan","kind":"card","page":"https://www.spartan.ng/components/card","note":"Spartan 官方文档里的「卡片」公开演示（Spacing）"},{"id":"cs2-lib-www-shadcn-svelte-com--date--calendar--v1","name":"Date picker · shadcn-svelte · Basic","url":"https://www.shadcn-svelte.com/docs/components/calendar#basic","type":"style","pricing":"free","tags":["Svelte","shadcn-svelte"],"ct":["date"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"shadcn-svelte","kind":"date","page":"https://www.shadcn-svelte.com/docs/components/calendar","note":"shadcn-svelte 官方文档里的「日期」公开演示（Basic）"},{"id":"cs2-lib-primevue-org--slider--slider--v0","name":"Slider · PrimeVue","url":"https://primevue.dev/slider/","type":"style","pricing":"freemium","tags":["Vue","PrimeVue"],"ct":["slider"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"PrimeVue","kind":"slider","page":"https://primevue.org/slider/","note":"PrimeVue 官方文档里的「滑块」公开演示"},{"id":"cs2-lib-www-skeleton-dev--toast--toast--v1","name":"Toast · Skeleton · Root","url":"https://www.skeleton.dev/docs/svelte/framework-components/toast","type":"style","pricing":"free","tags":["Svelte","React","Skeleton"],"ct":["toast"],"vs":["playful","gradient"],"rt":["component-demo"],"section":"组件样式","libName":"Skeleton","kind":"toast","page":"https://www.skeleton.dev/docs/svelte/framework-components/toast","note":"Skeleton 官方文档里的「通知」公开演示（Root）"},{"id":"cs-lib-ant-design-tabs","name":"Tabs · Ant Design","url":"https://ant.design/components/tabs","type":"style","pricing":"free","tags":["React","Ant Design"],"ct":["tabs"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Ant Design","kind":"tabs","page":"https://ant.design/components/tabs","note":"Ant Design 官方文档里的「标签页」公开演示"},{"id":"cs2-lib-primeng-org--button--button--v1","name":"Button · PrimeNG · Basic","url":"https://primeng.dev/button","type":"style","pricing":"freemium","tags":["Angular","PrimeNG"],"ct":["button"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"PrimeNG","kind":"button","page":"https://primeng.org/button","note":"PrimeNG 官方文档里的「按钮」公开演示（Basic）"},{"id":"cs2-lib-tdesign-tencent-com--badge--badge--v0","name":"Badge & tag · TDesign · 红点样式的徽标","url":"https://tdesign.tencent.com/vue-next/components/badge#红点样式的徽标","type":"style","pricing":"free","tags":["React","Vue","TDesign"],"ct":["badge"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"TDesign","kind":"badge","page":"https://tdesign.tencent.com/vue-next/components/badge","note":"TDesign 官方文档里的「徽标标签」公开演示（红点样式的徽标）"},{"id":"cs2-lib-kobalte-dev--form--slider--v2","name":"Form · Kobalte · Modify step size","url":"https://kobalte.dev/docs/core/components/slider#modify-step-size","type":"style","pricing":"free","tags":["Solid","Kobalte"],"ct":["form"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Kobalte","kind":"form","page":"https://kobalte.dev/docs/core/components/slider","note":"Kobalte 官方文档里的「表单」公开演示（Modify step size）"},{"id":"cs2-lib-chakra-ui-com--checkbox--checkbox--v2","name":"Checkbox & radio · Chakra UI · Sizes","url":"https://chakra-ui.com/docs/components/checkbox#sizes","type":"style","pricing":"free","tags":["React","Chakra UI"],"ct":["checkbox"],"vs":["soft","minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Chakra UI","kind":"checkbox","page":"https://chakra-ui.com/docs/components/checkbox","note":"Chakra UI 官方文档里的「复选单选」公开演示（Sizes）"},{"id":"cs2-lib-ui-nuxt-com--date--calendar--v0","name":"Date picker · Nuxt UI","url":"https://ui.nuxt.com/docs/components/calendar#usage","type":"style","pricing":"free","tags":["Vue","Nuxt UI"],"ct":["date"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Nuxt UI","kind":"date","page":"https://ui.nuxt.com/docs/components/calendar","note":"Nuxt UI 官方文档里的「日期」公开演示"},{"id":"cs2-lib-quasar-dev--switch--toggle--v3","name":"Switch · Quasar · Icons","url":"https://quasar.dev/vue-components/toggle/#example--icons--icons","type":"style","pricing":"free","tags":["Vue","Quasar"],"ct":["switch"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Quasar","kind":"switch","page":"https://quasar.dev/vue-components/toggle","note":"Quasar 官方文档里的「开关」公开演示（Icons）"},{"id":"cs2-lib-ng-ant-design--color--color-picker--v1","name":"Color picker · NG-ZORRO · Basic","url":"https://ng.ant.design/components/color-picker/en#components-color-picker-demo-basic","type":"style","pricing":"free","tags":["Angular","NG-ZORRO"],"ct":["color"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"NG-ZORRO","kind":"color","page":"https://ng.ant.design/components/color-picker/en","note":"NG-ZORRO 官方文档里的「取色器」公开演示（Basic）"},{"id":"cs2-lib-element-plus-org--slider--slider--v0","name":"Slider · Element Plus · Basic usage","url":"https://element-plus.org/en-US/component/slider.html#basic-usage","type":"style","pricing":"free","tags":["Vue","Element Plus"],"ct":["slider"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Element Plus","kind":"slider","page":"https://element-plus.org/en-US/component/slider.html","note":"Element Plus 官方文档里的「滑块」公开演示（Basic usage）"},{"id":"cs2-lib-arco-design--progress--progress--v3","name":"Progress · Arco Design · 进度条状态","url":"https://arco.design/react/components/progress#进度条状态","type":"style","pricing":"free","tags":["React","Vue","Arco Design"],"ct":["progress"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Arco Design","kind":"progress","page":"https://arco.design/react/components/progress","note":"Arco Design 官方文档里的「进度」公开演示（进度条状态）"},{"id":"cs2-x-ant-design--card--prompts--v2","name":"Card · Ant Design X","url":"https://x.ant.design/components/prompts#prompts-demo-disabled","type":"style","pricing":"unknown","tags":["中文","Ant Design X"],"ct":["card"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Ant Design X","kind":"card","page":"https://x.ant.design/components/prompts","note":"Ant Design X 官方文档里的「卡片」公开演示"},{"id":"cs2-lib-www-naiveui-com--badge--badge--v1","name":"Badge & tag · Naive UI","url":"https://www.naiveui.com/en-US/os-theme/components/badge","type":"style","pricing":"free","tags":["Vue","Naive UI"],"ct":["badge"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Naive UI","kind":"badge","page":"https://www.naiveui.com/en-US/os-theme/components/badge","note":"Naive UI 官方文档里的「徽标标签」公开演示"},{"id":"cs2-lib-shoelace-style--badge--tag--v0","name":"Badge & tag · Shoelace","url":"https://shoelace.style/components/tag","type":"style","pricing":"free","tags":["Web","Components","Shoelace"],"ct":["badge"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Shoelace","kind":"badge","page":"https://shoelace.style/components/tag","note":"Shoelace 官方文档里的「徽标标签」公开演示"},{"id":"cs2-lib-material-web-dev--dialog--dialog--v0","name":"Dialog · Material Web","url":"https://material-web.dev/components/dialog/","type":"style","pricing":"free","tags":["Web","Components","Material Web"],"ct":["dialog"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Material Web","kind":"dialog","page":"https://material-web.dev/components/dialog/","note":"Material Web 官方文档里的「弹窗」公开演示"},{"id":"cs2-reactbits-dev--layout--components-masonry--v0","name":"Layout · React Bits · Masonry","url":"https://reactbits.dev/components/masonry#root","type":"style","pricing":"unknown","tags":["React","React Bits"],"ct":["layout"],"vs":["dark-tech","motion","3d"],"rt":["component-demo"],"section":"组件样式","libName":"React Bits","kind":"layout","page":"https://reactbits.dev/components/masonry","note":"React Bits 官方文档里的「区块」公开演示（Masonry）"},{"id":"cs2-lib-bulma-io--nav--components-navbar--v0","name":"Navigation · Bulma · Transparent navbar","url":"https://bulma.io/documentation/components/navbar/#transparent-navbar","type":"style","pricing":"free","tags":["CSS","Bulma"],"ct":["nav"],"vs":["minimal","utilitarian"],"rt":["component-demo"],"section":"组件样式","libName":"Bulma","kind":"nav","page":"https://bulma.io/documentation/components/navbar/","note":"Bulma 官方文档里的「导航」公开演示（Transparent navbar）"},{"id":"cs2-ui-aceternity-com--nav--floating-dock--v0","name":"Navigation · Aceternity UI","url":"https://ui.aceternity.com/components/floating-dock#floating-dock","type":"style","pricing":"unknown","tags":["Aceternity UI"],"ct":["nav"],"vs":["dark-tech","gradient","3d","motion"],"rt":["component-demo"],"section":"组件样式","libName":"Aceternity UI","kind":"nav","page":"https://ui.aceternity.com/components/floating-dock","note":"Aceternity UI 官方文档里的「导航」公开演示"},{"id":"cs2-lib-flowbite-com--progress--components-progress--v1","name":"Progress · Flowbite · With label outside","url":"https://flowbite.com/docs/components/progress/","type":"style","pricing":"freemium","tags":["CSS","React","Vue","Svelte","Flowbite"],"ct":["progress"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Flowbite","kind":"progress","page":"https://flowbite.com/docs/components/progress/","note":"Flowbite 官方文档里的「进度」公开演示（With label outside）"},{"id":"cs2-lib-vuetifyjs-com--progress--progress-linear--v2","name":"Progress · Vuetify","url":"https://vuetifyjs.com/en/components/progress-linear/#stream","type":"style","pricing":"free","tags":["Vue","Vuetify"],"ct":["progress"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Vuetify","kind":"progress","page":"https://vuetifyjs.com/en/components/progress-linear/","note":"Vuetify 官方文档里的「进度」公开演示"},{"id":"cs2-lib-bits-ui-com--tabs--tabs--v0","name":"Tabs · Bits UI","url":"https://bits-ui.com/docs/components/tabs","type":"style","pricing":"free","tags":["Svelte","Bits UI"],"ct":["tabs"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Bits UI","kind":"tabs","page":"https://bits-ui.com/docs/components/tabs","note":"Bits UI 官方文档里的「标签页」公开演示"},{"id":"cs-lib-mui-com-material-ui-table","name":"Table · Material UI","url":"https://mui.com/material-ui/react-table/","type":"style","pricing":"free","tags":["React","Material UI"],"ct":["table"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Material UI","kind":"table","page":"https://mui.com/material-ui/react-table/","note":"Material UI 官方文档里的「表格」公开演示"},{"id":"cs2-lib-www-shadcn-vue-com--date--calendar-html--v1","name":"Date picker · shadcn-vue","url":"https://www.shadcn-vue.com/docs/components/calendar#calendar-systems-persian-hijri-jalali-for-example","type":"style","pricing":"free","tags":["Vue","shadcn-vue"],"ct":["date"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"shadcn-vue","kind":"date","page":"https://www.shadcn-vue.com/docs/components/calendar.html","note":"shadcn-vue 官方文档里的「日期」公开演示"},{"id":"cs2-lib-ark-ui-com--form--slider--v1","name":"Form · Ark UI · Range","url":"https://ark-ui.com/docs/components/slider#range","type":"style","pricing":"free","tags":["React","Vue","Solid","Svelte","Ark UI"],"ct":["form"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Ark UI","kind":"form","page":"https://ark-ui.com/docs/components/slider","note":"Ark UI 官方文档里的「表单」公开演示（Range）"},{"id":"cs2-lib-material-angular-dev--card--card-overview--v0","name":"Card · Angular Material · Overview for card","url":"https://material.angular.dev/components/card/overview#mat-tab-nav-panel-0","type":"style","pricing":"free","tags":["Angular","Angular Material"],"ct":["card"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Angular Material","kind":"card","page":"https://material.angular.dev/components/card/overview","note":"Angular Material 官方文档里的「卡片」公开演示（Overview for card）"},{"id":"cs2-motion-primitives-com--carousel--carousel--v1","name":"Carousel · Motion Primitives · Carousel with custom sizes","url":"https://motion-primitives.com/docs/carousel#carousel-with-custom-sizes","type":"style","pricing":"unknown","tags":["动效","Motion Primitives"],"ct":["carousel"],"vs":["minimal","motion"],"rt":["component-demo"],"section":"组件样式","libName":"Motion Primitives","kind":"carousel","page":"https://motion-primitives.com/docs/carousel","note":"Motion Primitives 官方文档里的「轮播」公开演示（Carousel with custom sizes）"},{"id":"cs2-lib-react-aria-adobe-com--dnd--gridlist--v0","name":"Drag & drop · React Aria","url":"https://react-aria.adobe.com/GridList","type":"style","pricing":"free","tags":["React","React Aria"],"ct":["dnd"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"React Aria","kind":"dnd","page":"https://react-aria.adobe.com/GridList","note":"React Aria 官方文档里的「拖拽」公开演示"},{"id":"cs2-lib-getbootstrap-com--alert--components-alerts--v1","name":"Alert · Bootstrap · Live example","url":"https://getbootstrap.com/docs/5.3/components/alerts/#live-example","type":"style","pricing":"free","tags":["CSS","Bootstrap"],"ct":["alert"],"vs":["minimal","utilitarian"],"rt":["component-demo"],"section":"组件样式","libName":"Bootstrap","kind":"alert","page":"https://getbootstrap.com/docs/5.3/components/alerts/","note":"Bootstrap 官方文档里的「警告提示」公开演示（Live example）"},{"id":"cs-lib-mantine-dev-chart","name":"Chart · Mantine","url":"https://mantine.dev/charts/area-chart/","type":"style","pricing":"free","tags":["React","Mantine"],"ct":["chart"],"vs":["minimal","enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Mantine","kind":"chart","page":"https://mantine.dev/charts/area-chart/","note":"Mantine 官方文档里的「图表」公开演示"},{"id":"cs2-lib-www-radix-ui-com-themes--alert--callout--v2","name":"Alert · Radix Themes · Variant","url":"https://www.radix-ui.com/themes/docs/components/callout#variant","type":"style","pricing":"free","tags":["React","Radix Themes"],"ct":["alert"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Radix Themes","kind":"alert","page":"https://www.radix-ui.com/themes/docs/components/callout","note":"Radix Themes 官方文档里的「警告提示」公开演示（Variant）"},{"id":"cs2-lib-mui-com-x--table--react-data-grid--v2","name":"Table · MUI X · Premium version","url":"https://mui.com/x/react-data-grid/#premium-version","type":"style","pricing":"freemium","tags":["React","MUI X"],"ct":["table"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"MUI X","kind":"table","page":"https://mui.com/x/react-data-grid/","note":"MUI X 官方文档里的「表格」公开演示（Premium version）"},{"id":"cs-lib-daisyui-com-loader","name":"Loader · daisyUI","url":"https://daisyui.com/components/loading/","type":"style","pricing":"free","tags":["CSS","daisyUI"],"ct":["loader"],"vs":["playful","soft"],"rt":["component-demo","motion"],"section":"组件样式","libName":"daisyUI","kind":"loader","page":"https://daisyui.com/components/loading/","note":"daisyUI 官方文档里的「加载」公开演示"},{"id":"cs2-www-heroui-com--badge--badge--v1","name":"Badge & tag · HeroUI · Variants","url":"https://heroui.com/en/docs/react/components/badge#variants","type":"style","pricing":"unknown","tags":["HeroUI"],"ct":["badge"],"vs":["soft","playful"],"rt":["component-demo"],"section":"组件样式","libName":"HeroUI","kind":"badge","page":"https://www.heroui.com/docs/components/badge","note":"HeroUI 官方文档里的「徽标标签」公开演示（Variants）"},{"id":"cs2-lib-ionicframework-com--checkbox--checkbox--v0","name":"Checkbox & radio · Ionic · Basic Usage","url":"https://ionicframework.com/docs/api/checkbox#basic-usage","type":"style","pricing":"free","tags":["React","Vue","Angular","Ionic"],"ct":["checkbox"],"vs":["apple","minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Ionic","kind":"checkbox","page":"https://ionicframework.com/docs/api/checkbox","note":"Ionic 官方文档里的「复选单选」公开演示（Basic Usage）"},{"id":"cs-ui-shadcn-com-carousel","name":"Carousel · shadcn/ui","url":"https://ui.shadcn.com/docs/components/base/carousel","type":"style","pricing":"unknown","tags":["shadcn","shadcn/ui"],"ct":["carousel"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"shadcn/ui","kind":"carousel","page":"https://ui.shadcn.com/docs/components/carousel","note":"shadcn/ui 官方文档里的「轮播」公开演示"},{"id":"cs2-magicui-design--button--pulsating-button--v1","name":"Button · Magic UI · Ripple Variant","url":"https://magicui.design/docs/components/pulsating-button#ripple-variant","type":"style","pricing":"unknown","tags":["Magic UI"],"ct":["button"],"vs":["dark-tech","gradient","motion"],"rt":["component-demo"],"section":"组件样式","libName":"Magic UI","kind":"button","page":"https://magicui.design/docs/components/pulsating-button","note":"Magic UI 官方文档里的「按钮」公开演示（Ripple Variant）"},{"id":"cs2-lib-www-spartan-ng--card--card--v3","name":"Card · Spartan · Login to your account","url":"https://www.spartan.ng/components/card#brn-tabs-content-Preview","type":"style","pricing":"free","tags":["Angular","Spartan"],"ct":["card"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Spartan","kind":"card","page":"https://www.spartan.ng/components/card","note":"Spartan 官方文档里的「卡片」公开演示（Login to your account）"},{"id":"cs2-lib-www-shadcn-svelte-com--date--calendar--v2","name":"Date picker · shadcn-svelte · Range Calendar","url":"https://www.shadcn-svelte.com/docs/components/calendar#range-calendar","type":"style","pricing":"free","tags":["Svelte","shadcn-svelte"],"ct":["date"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"shadcn-svelte","kind":"date","page":"https://www.shadcn-svelte.com/docs/components/calendar","note":"shadcn-svelte 官方文档里的「日期」公开演示（Range Calendar）"},{"id":"cs2-lib-primevue-org--slider--slider--v1","name":"Slider · PrimeVue · Basic","url":"https://primevue.dev/slider/#__nuxt","type":"style","pricing":"freemium","tags":["Vue","PrimeVue"],"ct":["slider"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"PrimeVue","kind":"slider","page":"https://primevue.org/slider/","note":"PrimeVue 官方文档里的「滑块」公开演示（Basic）"},{"id":"cs2-lib-www-skeleton-dev--toast--toast--v2","name":"Toast · Skeleton · Group","url":"https://www.skeleton.dev/docs/svelte/framework-components/toast","type":"style","pricing":"free","tags":["Svelte","React","Skeleton"],"ct":["toast"],"vs":["playful","gradient"],"rt":["component-demo"],"section":"组件样式","libName":"Skeleton","kind":"toast","page":"https://www.skeleton.dev/docs/svelte/framework-components/toast","note":"Skeleton 官方文档里的「通知」公开演示（Group）"},{"id":"cs-lib-ant-design-loader","name":"Loader · Ant Design","url":"https://ant.design/components/skeleton","type":"style","pricing":"free","tags":["React","Ant Design"],"ct":["loader"],"vs":["enterprise"],"rt":["component-demo","motion"],"section":"组件样式","libName":"Ant Design","kind":"loader","page":"https://ant.design/components/skeleton","note":"Ant Design 官方文档里的「加载」公开演示"},{"id":"cs2-lib-primeng-org--button--button--v2","name":"Button · PrimeNG · Icons","url":"https://primeng.dev/button","type":"style","pricing":"freemium","tags":["Angular","PrimeNG"],"ct":["button"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"PrimeNG","kind":"button","page":"https://primeng.org/button","note":"PrimeNG 官方文档里的「按钮」公开演示（Icons）"},{"id":"cs2-lib-tdesign-tencent-com--badge--badge--v1","name":"Badge & tag · TDesign · 数字样式的徽标","url":"https://tdesign.tencent.com/vue-next/components/badge#数字样式的徽标","type":"style","pricing":"free","tags":["React","Vue","TDesign"],"ct":["badge"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"TDesign","kind":"badge","page":"https://tdesign.tencent.com/vue-next/components/badge","note":"TDesign 官方文档里的「徽标标签」公开演示（数字样式的徽标）"},{"id":"cs2-lib-chakra-ui-com--slider--slider--v1","name":"Slider · Chakra UI · Sizes","url":"https://chakra-ui.com/docs/components/slider#sizes","type":"style","pricing":"free","tags":["React","Chakra UI"],"ct":["slider"],"vs":["soft","minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Chakra UI","kind":"slider","page":"https://chakra-ui.com/docs/components/slider","note":"Chakra UI 官方文档里的「滑块」公开演示（Sizes）"},{"id":"cs2-lib-ui-nuxt-com--date--calendar--v2","name":"Date picker · Nuxt UI · Type","url":"https://ui.nuxt.com/docs/components/calendar#type","type":"style","pricing":"free","tags":["Vue","Nuxt UI"],"ct":["date"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Nuxt UI","kind":"date","page":"https://ui.nuxt.com/docs/components/calendar","note":"Nuxt UI 官方文档里的「日期」公开演示（Type）"},{"id":"cs2-lib-quasar-dev--pagination--pagination--v0","name":"Pagination · Quasar · Standard","url":"https://quasar.dev/vue-components/pagination/#example--standard--standard","type":"style","pricing":"free","tags":["Vue","Quasar"],"ct":["pagination"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Quasar","kind":"pagination","page":"https://quasar.dev/vue-components/pagination","note":"Quasar 官方文档里的「分页」公开演示（Standard）"},{"id":"cs2-lib-ng-ant-design--accordion--collapse--v0","name":"Accordion · NG-ZORRO","url":"https://ng.ant.design/components/collapse/en","type":"style","pricing":"free","tags":["Angular","NG-ZORRO"],"ct":["accordion"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"NG-ZORRO","kind":"accordion","page":"https://ng.ant.design/components/collapse/en","note":"NG-ZORRO 官方文档里的「折叠面板」公开演示"},{"id":"cs2-lib-element-plus-org--slider--slider--v3","name":"Slider · Element Plus · Sizes","url":"https://element-plus.org/en-US/component/slider.html#sizes","type":"style","pricing":"free","tags":["Vue","Element Plus"],"ct":["slider"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Element Plus","kind":"slider","page":"https://element-plus.org/en-US/component/slider.html","note":"Element Plus 官方文档里的「滑块」公开演示（Sizes）"},{"id":"cs2-lib-arco-design--alert--alert--v3","name":"Alert · Arco Design · 不同类型","url":"https://arco.design/react/components/alert#不同类型","type":"style","pricing":"free","tags":["React","Vue","Arco Design"],"ct":["alert"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Arco Design","kind":"alert","page":"https://arco.design/react/components/alert","note":"Arco Design 官方文档里的「警告提示」公开演示（不同类型）"},{"id":"cs2-lib-www-naiveui-com--badge--badge--v2","name":"Badge & tag · Naive UI","url":"https://www.naiveui.com/en-US/os-theme/components/badge","type":"style","pricing":"free","tags":["Vue","Naive UI"],"ct":["badge"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Naive UI","kind":"badge","page":"https://www.naiveui.com/en-US/os-theme/components/badge","note":"Naive UI 官方文档里的「徽标标签」公开演示"},{"id":"cs2-lib-shoelace-style--tabs--tab-group--v0","name":"Tabs · Shoelace","url":"https://shoelace.style/components/tab-group","type":"style","pricing":"free","tags":["Web","Components","Shoelace"],"ct":["tabs"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Shoelace","kind":"tabs","page":"https://shoelace.style/components/tab-group","note":"Shoelace 官方文档里的「标签页」公开演示"},{"id":"cs2-lib-material-web-dev--tabs--tabs--v0","name":"Tabs · Material Web","url":"https://material-web.dev/components/tabs/","type":"style","pricing":"free","tags":["Web","Components","Material Web"],"ct":["tabs"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Material Web","kind":"tabs","page":"https://material-web.dev/components/tabs/","note":"Material Web 官方文档里的「标签页」公开演示"},{"id":"cs2-reactbits-dev--data--components-counter--v0","name":"Data display · React Bits · Counter","url":"https://reactbits.dev/components/counter#root","type":"style","pricing":"unknown","tags":["React","React Bits"],"ct":["data"],"vs":["dark-tech","motion","3d"],"rt":["component-demo"],"section":"组件样式","libName":"React Bits","kind":"data","page":"https://reactbits.dev/components/counter","note":"React Bits 官方文档里的「数据展示」公开演示（Counter）"},{"id":"cs2-lib-bulma-io--nav--components-navbar--v1","name":"Navigation · Bulma · Right dropdown","url":"https://bulma.io/documentation/components/navbar/#js-docs","type":"style","pricing":"free","tags":["CSS","Bulma"],"ct":["nav"],"vs":["minimal","utilitarian"],"rt":["component-demo"],"section":"组件样式","libName":"Bulma","kind":"nav","page":"https://bulma.io/documentation/components/navbar/","note":"Bulma 官方文档里的「导航」公开演示（Right dropdown）"},{"id":"cs2-ui-aceternity-com--motion--typewriter-effect--v0","name":"Motion · Aceternity UI","url":"https://ui.aceternity.com/components/typewriter-effect","type":"style","pricing":"unknown","tags":["Aceternity UI"],"ct":["motion"],"vs":["dark-tech","gradient","3d","motion"],"rt":["component-demo","motion"],"section":"组件样式","libName":"Aceternity UI","kind":"motion","page":"https://ui.aceternity.com/components/typewriter-effect","note":"Aceternity UI 官方文档里的「动效」公开演示"},{"id":"cs2-lib-flowbite-com--progress--components-progress--v2","name":"Progress · Flowbite · Colors","url":"https://flowbite.com/docs/components/progress/","type":"style","pricing":"freemium","tags":["CSS","React","Vue","Svelte","Flowbite"],"ct":["progress"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Flowbite","kind":"progress","page":"https://flowbite.com/docs/components/progress/","note":"Flowbite 官方文档里的「进度」公开演示（Colors）"},{"id":"cs2-lib-vuetifyjs-com--timeline--timelines--v1","name":"Timeline · Vuetify","url":"https://vuetifyjs.com/en/components/timelines/#icon-dots","type":"style","pricing":"free","tags":["Vue","Vuetify"],"ct":["timeline"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Vuetify","kind":"timeline","page":"https://vuetifyjs.com/en/components/timelines/","note":"Vuetify 官方文档里的「时间轴」公开演示"},{"id":"cs-lib-mui-com-material-ui-card","name":"Card · Material UI","url":"https://mui.com/material-ui/react-card/","type":"style","pricing":"free","tags":["React","Material UI"],"ct":["card"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Material UI","kind":"card","page":"https://mui.com/material-ui/react-card/","note":"Material UI 官方文档里的「卡片」公开演示"},{"id":"cs2-lib-www-shadcn-vue-com--date--calendar-html--v2","name":"Date picker · shadcn-vue · Calendar Systems","url":"https://www.shadcn-vue.com/docs/components/calendar#calendar-systems","type":"style","pricing":"free","tags":["Vue","shadcn-vue"],"ct":["date"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"shadcn-vue","kind":"date","page":"https://www.shadcn-vue.com/docs/components/calendar.html","note":"shadcn-vue 官方文档里的「日期」公开演示（Calendar Systems）"},{"id":"cs2-lib-ark-ui-com--dialog--dialog--v0","name":"Dialog · Ark UI","url":"https://ark-ui.com/docs/components/dialog","type":"style","pricing":"free","tags":["React","Vue","Solid","Svelte","Ark UI"],"ct":["dialog"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Ark UI","kind":"dialog","page":"https://ark-ui.com/docs/components/dialog","note":"Ark UI 官方文档里的「弹窗」公开演示"},{"id":"cs2-lib-material-angular-dev--dialog--dialog-overview--v0","name":"Dialog · Angular Material · Overview for dialog","url":"https://material.angular.dev/components/dialog/overview#mat-tab-nav-panel-0","type":"style","pricing":"free","tags":["Angular","Angular Material"],"ct":["dialog"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Angular Material","kind":"dialog","page":"https://material.angular.dev/components/dialog/overview","note":"Angular Material 官方文档里的「弹窗」公开演示（Overview for dialog）"},{"id":"cs2-motion-primitives-com--loader--text-shimmer--v1","name":"Loader · Motion Primitives · Text Shimmer Color","url":"https://motion-primitives.com/docs/text-shimmer#text-shimmer-color","type":"style","pricing":"unknown","tags":["动效","Motion Primitives"],"ct":["loader"],"vs":["minimal","motion"],"rt":["component-demo","motion"],"section":"组件样式","libName":"Motion Primitives","kind":"loader","page":"https://motion-primitives.com/docs/text-shimmer","note":"Motion Primitives 官方文档里的「加载」公开演示（Text Shimmer Color）"},{"id":"cs2-lib-getbootstrap-com--alert--components-alerts--v2","name":"Alert · Bootstrap · Link color","url":"https://getbootstrap.com/docs/5.3/components/alerts/#link-color","type":"style","pricing":"free","tags":["CSS","Bootstrap"],"ct":["alert"],"vs":["minimal","utilitarian"],"rt":["component-demo"],"section":"组件样式","libName":"Bootstrap","kind":"alert","page":"https://getbootstrap.com/docs/5.3/components/alerts/","note":"Bootstrap 官方文档里的「警告提示」公开演示（Link color）"},{"id":"cs-lib-mantine-dev-select","name":"Select · Mantine","url":"https://mantine.dev/core/select/","type":"style","pricing":"free","tags":["React","Mantine"],"ct":["select"],"vs":["minimal","enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Mantine","kind":"select","page":"https://mantine.dev/core/select/","note":"Mantine 官方文档里的「选择器」公开演示"},{"id":"cs2-lib-www-radix-ui-com-themes--alert--callout--v3","name":"Alert · Radix Themes · Color","url":"https://www.radix-ui.com/themes/docs/components/callout#color","type":"style","pricing":"free","tags":["React","Radix Themes"],"ct":["alert"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Radix Themes","kind":"alert","page":"https://www.radix-ui.com/themes/docs/components/callout","note":"Radix Themes 官方文档里的「警告提示」公开演示（Color）"},{"id":"cs2-lib-mui-com-x--date--react-date-pickers-date-range-picker--v0","name":"Date picker · MUI X · Basic usage","url":"https://mui.com/x/react-date-pickers/date-range-picker/#basic-usage","type":"style","pricing":"freemium","tags":["React","MUI X"],"ct":["date"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"MUI X","kind":"date","page":"https://mui.com/x/react-date-pickers/date-range-picker/","note":"MUI X 官方文档里的「日期」公开演示（Basic usage）"},{"id":"cs-lib-daisyui-com-form","name":"Form · daisyUI","url":"https://daisyui.com/components/toggle/","type":"style","pricing":"free","tags":["CSS","daisyUI"],"ct":["form"],"vs":["playful","soft"],"rt":["component-demo"],"section":"组件样式","libName":"daisyUI","kind":"form","page":"https://daisyui.com/components/toggle/","note":"daisyUI 官方文档里的「表单」公开演示"},{"id":"cs2-www-heroui-com--badge--badge--v2","name":"Badge & tag · HeroUI · Sizes","url":"https://heroui.com/en/docs/react/components/badge#sizes","type":"style","pricing":"unknown","tags":["HeroUI"],"ct":["badge"],"vs":["soft","playful"],"rt":["component-demo"],"section":"组件样式","libName":"HeroUI","kind":"badge","page":"https://www.heroui.com/docs/components/badge","note":"HeroUI 官方文档里的「徽标标签」公开演示（Sizes）"},{"id":"cs2-lib-ionicframework-com--input--input--v0","name":"Input · Ionic · Basic Usage","url":"https://ionicframework.com/docs/api/input#basic-usage","type":"style","pricing":"free","tags":["React","Vue","Angular","Ionic"],"ct":["input"],"vs":["apple","minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Ionic","kind":"input","page":"https://ionicframework.com/docs/api/input","note":"Ionic 官方文档里的「输入框」公开演示（Basic Usage）"},{"id":"cs2-ui-shadcn-com--badge--docs-components-badge--v1","name":"Badge & tag · shadcn/ui · With Spinner","url":"https://ui.shadcn.com/docs/components/base/badge#with-spinner","type":"style","pricing":"unknown","tags":["shadcn","shadcn/ui"],"ct":["badge"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"shadcn/ui","kind":"badge","page":"https://ui.shadcn.com/docs/components/badge","note":"shadcn/ui 官方文档里的「徽标标签」公开演示（With Spinner）"},{"id":"cs2-magicui-design--button--rainbow-button--v1","name":"Button · Magic UI · Outline Variant","url":"https://magicui.design/docs/components/rainbow-button#outline-variant","type":"style","pricing":"unknown","tags":["Magic UI"],"ct":["button"],"vs":["dark-tech","gradient","motion"],"rt":["component-demo"],"section":"组件样式","libName":"Magic UI","kind":"button","page":"https://magicui.design/docs/components/rainbow-button","note":"Magic UI 官方文档里的「按钮」公开演示（Outline Variant）"},{"id":"cs2-lib-www-spartan-ng--button--button--v2","name":"Button · Spartan","url":"https://www.spartan.ng/components/button#examples__default","type":"style","pricing":"free","tags":["Angular","Spartan"],"ct":["button"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Spartan","kind":"button","page":"https://www.spartan.ng/components/button","note":"Spartan 官方文档里的「按钮」公开演示"},{"id":"cs2-lib-www-shadcn-svelte-com--dialog--dialog--v2","name":"Dialog · shadcn-svelte · No Close Button","url":"https://www.shadcn-svelte.com/docs/components/dialog#no-close-button","type":"style","pricing":"free","tags":["Svelte","shadcn-svelte"],"ct":["dialog"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"shadcn-svelte","kind":"dialog","page":"https://www.shadcn-svelte.com/docs/components/dialog","note":"shadcn-svelte 官方文档里的「弹窗」公开演示（No Close Button）"},{"id":"cs2-lib-primevue-org--slider--slider--v3","name":"Slider · PrimeVue · Range","url":"https://primevue.dev/slider/#__nuxt","type":"style","pricing":"freemium","tags":["Vue","PrimeVue"],"ct":["slider"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"PrimeVue","kind":"slider","page":"https://primevue.org/slider/","note":"PrimeVue 官方文档里的「滑块」公开演示（Range）"},{"id":"cs2-lib-www-skeleton-dev--avatar--avatar--v0","name":"Avatar · Skeleton","url":"https://www.skeleton.dev/docs/svelte/framework-components/avatar","type":"style","pricing":"free","tags":["Svelte","React","Skeleton"],"ct":["avatar"],"vs":["playful","gradient"],"rt":["component-demo"],"section":"组件样式","libName":"Skeleton","kind":"avatar","page":"https://www.skeleton.dev/docs/svelte/framework-components/avatar","note":"Skeleton 官方文档里的「头像」公开演示"},{"id":"cs2-lib-ant-design--badge--badge--v0","name":"Badge & tag · Ant Design · Badge","url":"https://ant.design/components/badge#badge-1","type":"style","pricing":"free","tags":["React","Ant Design"],"ct":["badge"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Ant Design","kind":"badge","page":"https://ant.design/components/badge","note":"Ant Design 官方文档里的「徽标标签」公开演示（Badge）"},{"id":"cs2-lib-primeng-org--button--button--v3","name":"Button · PrimeNG · Loading","url":"https://primeng.dev/button","type":"style","pricing":"freemium","tags":["Angular","PrimeNG"],"ct":["button"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"PrimeNG","kind":"button","page":"https://primeng.org/button","note":"PrimeNG 官方文档里的「按钮」公开演示（Loading）"},{"id":"cs2-lib-tdesign-tencent-com--badge--badge--v2","name":"Badge & tag · TDesign · 自定样式的徽标","url":"https://tdesign.tencent.com/vue-next/components/badge#自定样式的徽标","type":"style","pricing":"free","tags":["React","Vue","TDesign"],"ct":["badge"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"TDesign","kind":"badge","page":"https://tdesign.tencent.com/vue-next/components/badge","note":"TDesign 官方文档里的「徽标标签」公开演示（自定样式的徽标）"},{"id":"cs2-lib-chakra-ui-com--slider--slider--v2","name":"Slider · Chakra UI · Variants","url":"https://chakra-ui.com/docs/components/slider#variants","type":"style","pricing":"free","tags":["React","Chakra UI"],"ct":["slider"],"vs":["soft","minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Chakra UI","kind":"slider","page":"https://chakra-ui.com/docs/components/slider","note":"Chakra UI 官方文档里的「滑块」公开演示（Variants）"},{"id":"cs2-lib-ui-nuxt-com--date--calendar--v3","name":"Date picker · Nuxt UI · Type","url":"https://ui.nuxt.com/docs/components/calendar#type","type":"style","pricing":"free","tags":["Vue","Nuxt UI"],"ct":["date"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Nuxt UI","kind":"date","page":"https://ui.nuxt.com/docs/components/calendar","note":"Nuxt UI 官方文档里的「日期」公开演示（Type）"},{"id":"cs2-lib-quasar-dev--pagination--pagination--v1","name":"Pagination · Quasar · Button design","url":"https://quasar.dev/vue-components/pagination/#example--btndesign--button-design","type":"style","pricing":"free","tags":["Vue","Quasar"],"ct":["pagination"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Quasar","kind":"pagination","page":"https://quasar.dev/vue-components/pagination","note":"Quasar 官方文档里的「分页」公开演示（Button design）"},{"id":"cs2-lib-ng-ant-design--data--statistic--v0","name":"Data display · NG-ZORRO · Active Users","url":"https://ng.ant.design/components/statistic/en","type":"style","pricing":"free","tags":["Angular","NG-ZORRO"],"ct":["data"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"NG-ZORRO","kind":"data","page":"https://ng.ant.design/components/statistic/en","note":"NG-ZORRO 官方文档里的「数据展示」公开演示（Active Users）"},{"id":"cs2-lib-element-plus-org--switch--switch--v1","name":"Switch · Element Plus · Sizes","url":"https://element-plus.org/en-US/component/switch.html#sizes","type":"style","pricing":"free","tags":["Vue","Element Plus"],"ct":["switch"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Element Plus","kind":"switch","page":"https://element-plus.org/en-US/component/switch.html","note":"Element Plus 官方文档里的「开关」公开演示（Sizes）"},{"id":"cs2-lib-arco-design--badge--badge--v1","name":"Badge & tag · Arco Design · 基础用法","url":"https://arco.design/react/components/badge#基础用法","type":"style","pricing":"free","tags":["React","Vue","Arco Design"],"ct":["badge"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Arco Design","kind":"badge","page":"https://arco.design/react/components/badge","note":"Arco Design 官方文档里的「徽标标签」公开演示（基础用法）"},{"id":"cs2-lib-www-naiveui-com--badge--badge--v3","name":"Badge & tag · Naive UI","url":"https://www.naiveui.com/en-US/os-theme/components/badge","type":"style","pricing":"free","tags":["Vue","Naive UI"],"ct":["badge"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Naive UI","kind":"badge","page":"https://www.naiveui.com/en-US/os-theme/components/badge","note":"Naive UI 官方文档里的「徽标标签」公开演示"},{"id":"cs2-lib-shoelace-style--avatar--avatar--v0","name":"Avatar · Shoelace","url":"https://shoelace.style/components/avatar","type":"style","pricing":"free","tags":["Web","Components","Shoelace"],"ct":["avatar"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Shoelace","kind":"avatar","page":"https://shoelace.style/components/avatar","note":"Shoelace 官方文档里的「头像」公开演示"},{"id":"cs2-lib-material-web-dev--select--select--v0","name":"Select · Material Web","url":"https://material-web.dev/components/select/","type":"style","pricing":"free","tags":["Web","Components","Material Web"],"ct":["select"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Material Web","kind":"select","page":"https://material-web.dev/components/select/","note":"Material Web 官方文档里的「选择器」公开演示"},{"id":"cs2-reactbits-dev--background--backgrounds-iridescence--v0","name":"Background · React Bits · Iridescence","url":"https://reactbits.dev/backgrounds/iridescence#root","type":"style","pricing":"unknown","tags":["React","React Bits"],"ct":["background"],"vs":["dark-tech","motion","3d"],"rt":["component-demo","motion"],"section":"组件样式","libName":"React Bits","kind":"background","page":"https://reactbits.dev/backgrounds/iridescence","note":"React Bits 官方文档里的「背景」公开演示（Iridescence）"},{"id":"cs2-lib-bulma-io--nav--components-navbar--v2","name":"Navigation · Bulma · Dropup","url":"https://bulma.io/documentation/components/navbar/#js-docs","type":"style","pricing":"free","tags":["CSS","Bulma"],"ct":["nav"],"vs":["minimal","utilitarian"],"rt":["component-demo"],"section":"组件样式","libName":"Bulma","kind":"nav","page":"https://bulma.io/documentation/components/navbar/","note":"Bulma 官方文档里的「导航」公开演示（Dropup）"},{"id":"cs2-ui-aceternity-com--motion--hero-highlight--v1","name":"Motion · Aceternity UI · Highlight Props","url":"https://ui.aceternity.com/components/hero-highlight#highlight-props","type":"style","pricing":"unknown","tags":["Aceternity UI"],"ct":["motion"],"vs":["dark-tech","gradient","3d","motion"],"rt":["component-demo","motion"],"section":"组件样式","libName":"Aceternity UI","kind":"motion","page":"https://ui.aceternity.com/components/hero-highlight","note":"Aceternity UI 官方文档里的「动效」公开演示（Highlight Props）"},{"id":"cs2-lib-flowbite-com--pagination--components-pagination--v3","name":"Pagination · Flowbite","url":"https://flowbite.com/docs/components/pagination/","type":"style","pricing":"freemium","tags":["CSS","React","Vue","Svelte","Flowbite"],"ct":["pagination"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Flowbite","kind":"pagination","page":"https://flowbite.com/docs/components/pagination/","note":"Flowbite 官方文档里的「分页」公开演示"},{"id":"cs2-lib-vuetifyjs-com--timeline--timelines--v2","name":"Timeline · Vuetify","url":"https://vuetifyjs.com/en/components/timelines/#icon-dots","type":"style","pricing":"free","tags":["Vue","Vuetify"],"ct":["timeline"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Vuetify","kind":"timeline","page":"https://vuetifyjs.com/en/components/timelines/","note":"Vuetify 官方文档里的「时间轴」公开演示"},{"id":"cs-lib-mui-com-material-ui-dialog","name":"Dialog · Material UI","url":"https://mui.com/material-ui/react-dialog/","type":"style","pricing":"free","tags":["React","Material UI"],"ct":["dialog"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Material UI","kind":"dialog","page":"https://mui.com/material-ui/react-dialog/","note":"Material UI 官方文档里的「弹窗」公开演示"},{"id":"cs2-lib-www-shadcn-vue-com--date--calendar-html--v3","name":"Date picker · shadcn-vue · Month and Year Selector","url":"https://www.shadcn-vue.com/docs/components/calendar#month-and-year-selector","type":"style","pricing":"free","tags":["Vue","shadcn-vue"],"ct":["date"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"shadcn-vue","kind":"date","page":"https://www.shadcn-vue.com/docs/components/calendar.html","note":"shadcn-vue 官方文档里的「日期」公开演示（Month and Year Selector）"},{"id":"cs2-lib-ark-ui-com--upload--file-upload--v0","name":"Upload · Ark UI","url":"https://ark-ui.com/docs/components/file-upload","type":"style","pricing":"free","tags":["React","Vue","Solid","Svelte","Ark UI"],"ct":["upload"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Ark UI","kind":"upload","page":"https://ark-ui.com/docs/components/file-upload","note":"Ark UI 官方文档里的「上传」公开演示"},{"id":"cs2-lib-material-angular-dev--table--table-overview--v0","name":"Table · Angular Material · Getting Started","url":"https://material.angular.dev/components/table/overview#getting-started","type":"style","pricing":"free","tags":["Angular","Angular Material"],"ct":["table"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Angular Material","kind":"table","page":"https://material.angular.dev/components/table/overview","note":"Angular Material 官方文档里的「表格」公开演示（Getting Started）"},{"id":"cs2-motion-primitives-com--nav--dock--v0","name":"Navigation · Motion Primitives · Apple style dock","url":"https://motion-primitives.com/docs/dock#apple-style-dock","type":"style","pricing":"unknown","tags":["动效","Motion Primitives"],"ct":["nav"],"vs":["minimal","motion"],"rt":["component-demo"],"section":"组件样式","libName":"Motion Primitives","kind":"nav","page":"https://motion-primitives.com/docs/dock","note":"Motion Primitives 官方文档里的「导航」公开演示（Apple style dock）"},{"id":"cs2-lib-getbootstrap-com--accordion--components-accordion--v1","name":"Accordion · Bootstrap · Flush","url":"https://getbootstrap.com/docs/5.3/components/accordion/#flush","type":"style","pricing":"free","tags":["CSS","Bootstrap"],"ct":["accordion"],"vs":["minimal","utilitarian"],"rt":["component-demo"],"section":"组件样式","libName":"Bootstrap","kind":"accordion","page":"https://getbootstrap.com/docs/5.3/components/accordion/","note":"Bootstrap 官方文档里的「折叠面板」公开演示（Flush）"},{"id":"cs-lib-mantine-dev-input","name":"Input · Mantine","url":"https://mantine.dev/core/pin-input/","type":"style","pricing":"free","tags":["React","Mantine"],"ct":["input"],"vs":["minimal","enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Mantine","kind":"input","page":"https://mantine.dev/core/pin-input/","note":"Mantine 官方文档里的「输入框」公开演示"},{"id":"cs2-lib-www-radix-ui-com-themes--checkbox--radio-cards--v3","name":"Checkbox & radio · Radix Themes · Color","url":"https://www.radix-ui.com/themes/docs/components/radio-cards#color","type":"style","pricing":"free","tags":["React","Radix Themes"],"ct":["checkbox"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Radix Themes","kind":"checkbox","page":"https://www.radix-ui.com/themes/docs/components/radio-cards","note":"Radix Themes 官方文档里的「复选单选」公开演示（Color）"},{"id":"cs2-lib-mui-com-x--date--react-date-pickers-date-range-picker--v1","name":"Date picker · MUI X · Uncontrolled vs. controlled value","url":"https://mui.com/x/react-date-pickers/date-range-picker/#uncontrolled-vs-controlled-value","type":"style","pricing":"freemium","tags":["React","MUI X"],"ct":["date"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"MUI X","kind":"date","page":"https://mui.com/x/react-date-pickers/date-range-picker/","note":"MUI X 官方文档里的「日期」公开演示（Uncontrolled vs. controlled value）"},{"id":"cs-lib-daisyui-com-date","name":"Date picker · daisyUI","url":"https://daisyui.com/components/calendar/","type":"style","pricing":"free","tags":["CSS","daisyUI"],"ct":["date"],"vs":["playful","soft"],"rt":["component-demo"],"section":"组件样式","libName":"daisyUI","kind":"date","page":"https://daisyui.com/components/calendar/","note":"daisyUI 官方文档里的「日期」公开演示"},{"id":"cs2-www-heroui-com--badge--badge--v3","name":"Badge & tag · HeroUI · Colors","url":"https://heroui.com/en/docs/react/components/badge#colors","type":"style","pricing":"unknown","tags":["HeroUI"],"ct":["badge"],"vs":["soft","playful"],"rt":["component-demo"],"section":"组件样式","libName":"HeroUI","kind":"badge","page":"https://www.heroui.com/docs/components/badge","note":"HeroUI 官方文档里的「徽标标签」公开演示（Colors）"},{"id":"cs2-lib-ionicframework-com--dialog--action-sheet--v0","name":"Dialog · Ionic · Inline Action Sheets (Recommended)","url":"https://ionicframework.com/docs/api/action-sheet#inline-action-sheets-recommended","type":"style","pricing":"free","tags":["React","Vue","Angular","Ionic"],"ct":["dialog"],"vs":["apple","minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Ionic","kind":"dialog","page":"https://ionicframework.com/docs/api/action-sheet","note":"Ionic 官方文档里的「弹窗」公开演示（Inline Action Sheets (Recommended)）"},{"id":"cs2-ui-shadcn-com--badge--docs-components-badge--v2","name":"Badge & tag · shadcn/ui · Link","url":"https://ui.shadcn.com/docs/components/base/badge#link","type":"style","pricing":"unknown","tags":["shadcn","shadcn/ui"],"ct":["badge"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"shadcn/ui","kind":"badge","page":"https://ui.shadcn.com/docs/components/badge","note":"shadcn/ui 官方文档里的「徽标标签」公开演示（Link）"},{"id":"cs2-magicui-design--motion--typing-animation--v1","name":"Motion · Magic UI · Basic Usage","url":"https://magicui.design/docs/components/typing-animation#basic-usage","type":"style","pricing":"unknown","tags":["Magic UI"],"ct":["motion"],"vs":["dark-tech","gradient","motion"],"rt":["component-demo","motion"],"section":"组件样式","libName":"Magic UI","kind":"motion","page":"https://magicui.design/docs/components/typing-animation","note":"Magic UI 官方文档里的「动效」公开演示（Basic Usage）"},{"id":"cs2-lib-www-spartan-ng--tabs--tabs--v0","name":"Tabs · Spartan","url":"https://www.spartan.ng/components/tabs","type":"style","pricing":"free","tags":["Angular","Spartan"],"ct":["tabs"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Spartan","kind":"tabs","page":"https://www.spartan.ng/components/tabs","note":"Spartan 官方文档里的「标签页」公开演示"},{"id":"cs2-lib-www-shadcn-svelte-com--card--card--v0","name":"Card · shadcn-svelte","url":"https://www.shadcn-svelte.com/docs/components/card","type":"style","pricing":"free","tags":["Svelte","shadcn-svelte"],"ct":["card"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"shadcn-svelte","kind":"card","page":"https://www.shadcn-svelte.com/docs/components/card","note":"shadcn-svelte 官方文档里的「卡片」公开演示"},{"id":"cs2-lib-primevue-org--color--colorpicker--v0","name":"Color picker · PrimeVue","url":"https://primevue.dev/colorpicker/","type":"style","pricing":"freemium","tags":["Vue","PrimeVue"],"ct":["color"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"PrimeVue","kind":"color","page":"https://primevue.org/colorpicker/","note":"PrimeVue 官方文档里的「取色器」公开演示"},{"id":"cs2-lib-www-skeleton-dev--avatar--avatar--v1","name":"Avatar · Skeleton · Filter","url":"https://www.skeleton.dev/docs/svelte/framework-components/avatar#filter","type":"style","pricing":"free","tags":["Svelte","React","Skeleton"],"ct":["avatar"],"vs":["playful","gradient"],"rt":["component-demo"],"section":"组件样式","libName":"Skeleton","kind":"avatar","page":"https://www.skeleton.dev/docs/svelte/framework-components/avatar","note":"Skeleton 官方文档里的「头像」公开演示（Filter）"},{"id":"cs2-lib-ant-design--badge--tag--v0","name":"Badge & tag · Ant Design · Tag","url":"https://ant.design/components/tag#tag-1","type":"style","pricing":"free","tags":["React","Ant Design"],"ct":["badge"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Ant Design","kind":"badge","page":"https://ant.design/components/tag","note":"Ant Design 官方文档里的「徽标标签」公开演示（Tag）"},{"id":"cs2-lib-primeng-org--date--datepicker--v0","name":"Date picker · PrimeNG","url":"https://primeng.dev/datepicker","type":"style","pricing":"freemium","tags":["Angular","PrimeNG"],"ct":["date"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"PrimeNG","kind":"date","page":"https://primeng.org/datepicker","note":"PrimeNG 官方文档里的「日期」公开演示"},{"id":"cs2-lib-tdesign-tencent-com--badge--badge--v3","name":"Badge & tag · TDesign · 不同尺寸的徽标","url":"https://tdesign.tencent.com/vue-next/components/badge#不同尺寸的徽标","type":"style","pricing":"free","tags":["React","Vue","TDesign"],"ct":["badge"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"TDesign","kind":"badge","page":"https://tdesign.tencent.com/vue-next/components/badge","note":"TDesign 官方文档里的「徽标标签」公开演示（不同尺寸的徽标）"},{"id":"cs2-lib-chakra-ui-com--slider--slider--v3","name":"Slider · Chakra UI · Colors","url":"https://chakra-ui.com/docs/components/slider#colors","type":"style","pricing":"free","tags":["React","Chakra UI"],"ct":["slider"],"vs":["soft","minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Chakra UI","kind":"slider","page":"https://chakra-ui.com/docs/components/slider","note":"Chakra UI 官方文档里的「滑块」公开演示（Colors）"},{"id":"cs2-lib-ui-nuxt-com--toast--toast--v3","name":"Toast · Nuxt UI · Avatar","url":"https://ui.nuxt.com/docs/components/toast#avatar","type":"style","pricing":"free","tags":["Vue","Nuxt UI"],"ct":["toast"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Nuxt UI","kind":"toast","page":"https://ui.nuxt.com/docs/components/toast","note":"Nuxt UI 官方文档里的「通知」公开演示（Avatar）"},{"id":"cs2-lib-quasar-dev--pagination--pagination--v2","name":"Pagination · Quasar · Gutter","url":"https://quasar.dev/vue-components/pagination/#example--btngutter--gutter","type":"style","pricing":"free","tags":["Vue","Quasar"],"ct":["pagination"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Quasar","kind":"pagination","page":"https://quasar.dev/vue-components/pagination","note":"Quasar 官方文档里的「分页」公开演示（Gutter）"},{"id":"cs2-lib-ng-ant-design--alert--alert--v0","name":"Alert · NG-ZORRO","url":"https://ng.ant.design/components/alert/en","type":"style","pricing":"free","tags":["Angular","NG-ZORRO"],"ct":["alert"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"NG-ZORRO","kind":"alert","page":"https://ng.ant.design/components/alert/en","note":"NG-ZORRO 官方文档里的「警告提示」公开演示"},{"id":"cs2-lib-element-plus-org--switch--switch--v2","name":"Switch · Element Plus · Text description","url":"https://element-plus.org/en-US/component/switch.html#text-description","type":"style","pricing":"free","tags":["Vue","Element Plus"],"ct":["switch"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Element Plus","kind":"switch","page":"https://element-plus.org/en-US/component/switch.html","note":"Element Plus 官方文档里的「开关」公开演示（Text description）"},{"id":"cs2-lib-arco-design--tree--tree--v3","name":"Tree · Arco Design · 节点占一行","url":"https://arco.design/react/components/tree#节点占一行","type":"style","pricing":"free","tags":["React","Vue","Arco Design"],"ct":["tree"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Arco Design","kind":"tree","page":"https://arco.design/react/components/tree","note":"Arco Design 官方文档里的「树形」公开演示（节点占一行）"},{"id":"cs2-lib-www-naiveui-com--progress--progress--v0","name":"Progress · Naive UI","url":"https://www.naiveui.com/en-US/os-theme/components/progress","type":"style","pricing":"free","tags":["Vue","Naive UI"],"ct":["progress"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Naive UI","kind":"progress","page":"https://www.naiveui.com/en-US/os-theme/components/progress","note":"Naive UI 官方文档里的「进度」公开演示"},{"id":"cs2-lib-shoelace-style--layout--split-panel--v0","name":"Layout · Shoelace","url":"https://shoelace.style/components/split-panel","type":"style","pricing":"free","tags":["Web","Components","Shoelace"],"ct":["layout"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Shoelace","kind":"layout","page":"https://shoelace.style/components/split-panel","note":"Shoelace 官方文档里的「区块」公开演示"},{"id":"cs2-lib-material-web-dev--menu--menu--v0","name":"Menu · Material Web","url":"https://material-web.dev/components/menu/","type":"style","pricing":"free","tags":["Web","Components","Material Web"],"ct":["menu"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Material Web","kind":"menu","page":"https://material-web.dev/components/menu/","note":"Material Web 官方文档里的「菜单」公开演示"},{"id":"cs2-reactbits-dev--motion--text-animations-split-text--v0","name":"Motion · React Bits · Split Text","url":"https://reactbits.dev/text-animations/split-text#root","type":"style","pricing":"unknown","tags":["React","React Bits"],"ct":["motion"],"vs":["dark-tech","motion","3d"],"rt":["component-demo","motion"],"section":"组件样式","libName":"React Bits","kind":"motion","page":"https://reactbits.dev/text-animations/split-text","note":"React Bits 官方文档里的「动效」公开演示（Split Text）"},{"id":"cs2-lib-bulma-io--nav--components-navbar--v3","name":"Navigation · Bulma · Colors","url":"https://bulma.io/documentation/components/navbar/#colors","type":"style","pricing":"free","tags":["CSS","Bulma"],"ct":["nav"],"vs":["minimal","utilitarian"],"rt":["component-demo"],"section":"组件样式","libName":"Bulma","kind":"nav","page":"https://bulma.io/documentation/components/navbar/","note":"Bulma 官方文档里的「导航」公开演示（Colors）"},{"id":"cs2-ui-aceternity-com--motion--direction-aware-hover--v0","name":"Motion · Aceternity UI","url":"https://ui.aceternity.com/components/direction-aware-hover","type":"style","pricing":"unknown","tags":["Aceternity UI"],"ct":["motion"],"vs":["dark-tech","gradient","3d","motion"],"rt":["component-demo","motion"],"section":"组件样式","libName":"Aceternity UI","kind":"motion","page":"https://ui.aceternity.com/components/direction-aware-hover","note":"Aceternity UI 官方文档里的「动效」公开演示"},{"id":"cs2-lib-flowbite-com--rating--components-rating--v1","name":"Rating · Flowbite · Rating with text","url":"https://flowbite.com/docs/components/rating/","type":"style","pricing":"freemium","tags":["CSS","React","Vue","Svelte","Flowbite"],"ct":["rating"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Flowbite","kind":"rating","page":"https://flowbite.com/docs/components/rating/","note":"Flowbite 官方文档里的「评分」公开演示（Rating with text）"},{"id":"cs2-lib-vuetifyjs-com--menu--menus--v1","name":"Menu · Vuetify","url":"https://vuetifyjs.com/en/components/menus/#popover-menu","type":"style","pricing":"free","tags":["Vue","Vuetify"],"ct":["menu"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Vuetify","kind":"menu","page":"https://vuetifyjs.com/en/components/menus/","note":"Vuetify 官方文档里的「菜单」公开演示"},{"id":"cs2-lib-mui-com-material-ui--breadcrumb--breadcrumbs--v0","name":"Breadcrumb · Material UI","url":"https://mui.com/material-ui/react-breadcrumbs/","type":"style","pricing":"free","tags":["React","Material UI"],"ct":["breadcrumb"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Material UI","kind":"breadcrumb","page":"https://mui.com/material-ui/react-breadcrumbs/","note":"Material UI 官方文档里的「面包屑」公开演示"},{"id":"cs2-lib-www-shadcn-vue-com--tabs--tabs-html--v0","name":"Tabs · shadcn-vue","url":"https://www.shadcn-vue.com/docs/components/tabs","type":"style","pricing":"free","tags":["Vue","shadcn-vue"],"ct":["tabs"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"shadcn-vue","kind":"tabs","page":"https://www.shadcn-vue.com/docs/components/tabs.html","note":"shadcn-vue 官方文档里的「标签页」公开演示"},{"id":"cs2-lib-ark-ui-com--select--select--v0","name":"Select · Ark UI","url":"https://ark-ui.com/docs/components/select","type":"style","pricing":"free","tags":["React","Vue","Solid","Svelte","Ark UI"],"ct":["select"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Ark UI","kind":"select","page":"https://ark-ui.com/docs/components/select","note":"Ark UI 官方文档里的「选择器」公开演示"},{"id":"cs2-lib-material-angular-dev--date--datepicker-overview--v0","name":"Date picker · Angular Material · Overview for datepicker","url":"https://material.angular.dev/components/datepicker/overview#mat-tab-nav-panel-0","type":"style","pricing":"free","tags":["Angular","Angular Material"],"ct":["date"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Angular Material","kind":"date","page":"https://material.angular.dev/components/datepicker/overview","note":"Angular Material 官方文档里的「日期」公开演示（Overview for datepicker）"},{"id":"cs2-lib-getbootstrap-com--checkbox--forms-checks-radios--v0","name":"Checkbox & radio · Bootstrap · Checks","url":"https://getbootstrap.com/docs/5.3/forms/checks-radios/#checks","type":"style","pricing":"free","tags":["CSS","Bootstrap"],"ct":["checkbox"],"vs":["minimal","utilitarian"],"rt":["component-demo"],"section":"组件样式","libName":"Bootstrap","kind":"checkbox","page":"https://getbootstrap.com/docs/5.3/forms/checks-radios/","note":"Bootstrap 官方文档里的「复选单选」公开演示（Checks）"},{"id":"cs-lib-mantine-dev-date","name":"Date picker · Mantine","url":"https://mantine.dev/dates/date-picker/","type":"style","pricing":"free","tags":["React","Mantine"],"ct":["date"],"vs":["minimal","enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Mantine","kind":"date","page":"https://mantine.dev/dates/date-picker/","note":"Mantine 官方文档里的「日期」公开演示"},{"id":"cs2-lib-www-radix-ui-com-themes--switch--switch--v0","name":"Switch · Radix Themes · Variant","url":"https://www.radix-ui.com/themes/docs/components/switch#variant","type":"style","pricing":"free","tags":["React","Radix Themes"],"ct":["switch"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Radix Themes","kind":"switch","page":"https://www.radix-ui.com/themes/docs/components/switch","note":"Radix Themes 官方文档里的「开关」公开演示（Variant）"},{"id":"cs2-lib-mui-com-x--date--react-date-pickers-date-range-picker--v3","name":"Date picker · MUI X","url":"https://mui.com/x/react-date-pickers/date-range-picker/#render-1-to-3-months","type":"style","pricing":"freemium","tags":["React","MUI X"],"ct":["date"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"MUI X","kind":"date","page":"https://mui.com/x/react-date-pickers/date-range-picker/","note":"MUI X 官方文档里的「日期」公开演示"},{"id":"cs-lib-daisyui-com-button","name":"Button · daisyUI","url":"https://daisyui.com/components/button/","type":"style","pricing":"free","tags":["CSS","daisyUI"],"ct":["button"],"vs":["playful","soft"],"rt":["component-demo"],"section":"组件样式","libName":"daisyUI","kind":"button","page":"https://daisyui.com/components/button/","note":"daisyUI 官方文档里的「按钮」公开演示"},{"id":"cs2-www-heroui-com--list--listbox--v0","name":"List · HeroUI","url":"https://heroui.com/en/docs/react/components/list-box#usage","type":"style","pricing":"unknown","tags":["HeroUI"],"ct":["list"],"vs":["soft","playful"],"rt":["component-demo"],"section":"组件样式","libName":"HeroUI","kind":"list","page":"https://www.heroui.com/docs/components/listbox","note":"HeroUI 官方文档里的「列表」公开演示"},{"id":"cs2-lib-ionicframework-com--avatar--avatar--v0","name":"Avatar · Ionic · Basic Usage","url":"https://ionicframework.com/docs/api/avatar#basic-usage","type":"style","pricing":"free","tags":["React","Vue","Angular","Ionic"],"ct":["avatar"],"vs":["apple","minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Ionic","kind":"avatar","page":"https://ionicframework.com/docs/api/avatar","note":"Ionic 官方文档里的「头像」公开演示（Basic Usage）"},{"id":"cs2-ui-shadcn-com--badge--docs-components-badge--v3","name":"Badge & tag · shadcn/ui · RTL","url":"https://ui.shadcn.com/docs/components/base/badge#rtl","type":"style","pricing":"unknown","tags":["shadcn","shadcn/ui"],"ct":["badge"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"shadcn/ui","kind":"badge","page":"https://ui.shadcn.com/docs/components/badge","note":"shadcn/ui 官方文档里的「徽标标签」公开演示（RTL）"},{"id":"cs2-magicui-design--dialog--hero-video-dialog--v1","name":"Dialog · Magic UI · Top-in-bottom-out","url":"https://magicui.design/docs/components/hero-video-dialog#top-in-bottom-out","type":"style","pricing":"unknown","tags":["Magic UI"],"ct":["dialog"],"vs":["dark-tech","gradient","motion"],"rt":["component-demo"],"section":"组件样式","libName":"Magic UI","kind":"dialog","page":"https://magicui.design/docs/components/hero-video-dialog","note":"Magic UI 官方文档里的「弹窗」公开演示（Top-in-bottom-out）"},{"id":"cs2-lib-www-spartan-ng--tabs--tabs--v1","name":"Tabs · Spartan · Vertical","url":"https://www.spartan.ng/components/tabs#examples__vertical","type":"style","pricing":"free","tags":["Angular","Spartan"],"ct":["tabs"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Spartan","kind":"tabs","page":"https://www.spartan.ng/components/tabs","note":"Spartan 官方文档里的「标签页」公开演示（Vertical）"},{"id":"cs2-lib-www-shadcn-svelte-com--card--card--v1","name":"Card · shadcn-svelte · Size","url":"https://www.shadcn-svelte.com/docs/components/card#size","type":"style","pricing":"free","tags":["Svelte","shadcn-svelte"],"ct":["card"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"shadcn-svelte","kind":"card","page":"https://www.shadcn-svelte.com/docs/components/card","note":"shadcn-svelte 官方文档里的「卡片」公开演示（Size）"},{"id":"cs2-lib-primevue-org--color--colorpicker--v2","name":"Color picker · PrimeVue · Inline","url":"https://primevue.dev/colorpicker/#__nuxt","type":"style","pricing":"freemium","tags":["Vue","PrimeVue"],"ct":["color"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"PrimeVue","kind":"color","page":"https://primevue.org/colorpicker/","note":"PrimeVue 官方文档里的「取色器」公开演示（Inline）"},{"id":"cs2-lib-www-skeleton-dev--avatar--avatar--v2","name":"Avatar · Skeleton · Root","url":"https://www.skeleton.dev/docs/svelte/framework-components/avatar","type":"style","pricing":"free","tags":["Svelte","React","Skeleton"],"ct":["avatar"],"vs":["playful","gradient"],"rt":["component-demo"],"section":"组件样式","libName":"Skeleton","kind":"avatar","page":"https://www.skeleton.dev/docs/svelte/framework-components/avatar","note":"Skeleton 官方文档里的「头像」公开演示（Root）"},{"id":"cs2-lib-ant-design--checkbox--radio--v1","name":"Checkbox & radio · Ant Design · Basic","url":"https://ant.design/components/radio#radio-demo-basic","type":"style","pricing":"free","tags":["React","Ant Design"],"ct":["checkbox"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Ant Design","kind":"checkbox","page":"https://ant.design/components/radio","note":"Ant Design 官方文档里的「复选单选」公开演示（Basic）"},{"id":"cs2-lib-primeng-org--table--table--v0","name":"Table · PrimeNG","url":"https://primeng.dev/table","type":"style","pricing":"freemium","tags":["Angular","PrimeNG"],"ct":["table"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"PrimeNG","kind":"table","page":"https://primeng.org/table","note":"PrimeNG 官方文档里的「表格」公开演示"},{"id":"cs2-lib-tdesign-tencent-com--slider--slider--v0","name":"Slider · TDesign · 横向滑块","url":"https://tdesign.tencent.com/vue-next/components/slider#横向滑块","type":"style","pricing":"free","tags":["React","Vue","TDesign"],"ct":["slider"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"TDesign","kind":"slider","page":"https://tdesign.tencent.com/vue-next/components/slider","note":"TDesign 官方文档里的「滑块」公开演示（横向滑块）"},{"id":"cs2-lib-chakra-ui-com--alert--alert--v0","name":"Alert · Chakra UI","url":"https://chakra-ui.com/docs/components/alert","type":"style","pricing":"free","tags":["React","Chakra UI"],"ct":["alert"],"vs":["soft","minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Chakra UI","kind":"alert","page":"https://chakra-ui.com/docs/components/alert","note":"Chakra UI 官方文档里的「警告提示」公开演示"},{"id":"cs2-lib-ui-nuxt-com--select--select--v2","name":"Select · Nuxt UI · Position","url":"https://ui.nuxt.com/docs/components/select#position","type":"style","pricing":"free","tags":["Vue","Nuxt UI"],"ct":["select"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Nuxt UI","kind":"select","page":"https://ui.nuxt.com/docs/components/select","note":"Nuxt UI 官方文档里的「选择器」公开演示（Position）"},{"id":"cs2-lib-quasar-dev--carousel--carousel--v0","name":"Carousel · Quasar · Basic","url":"https://quasar.dev/vue-components/carousel/#example--basic--basic","type":"style","pricing":"free","tags":["Vue","Quasar"],"ct":["carousel"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Quasar","kind":"carousel","page":"https://quasar.dev/vue-components/carousel","note":"Quasar 官方文档里的「轮播」公开演示（Basic）"},{"id":"cs2-lib-ng-ant-design--alert--alert--v1","name":"Alert · NG-ZORRO · Basic","url":"https://ng.ant.design/components/alert/en#components-alert-demo-basic","type":"style","pricing":"free","tags":["Angular","NG-ZORRO"],"ct":["alert"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"NG-ZORRO","kind":"alert","page":"https://ng.ant.design/components/alert/en","note":"NG-ZORRO 官方文档里的「警告提示」公开演示（Basic）"},{"id":"cs2-lib-element-plus-org--checkbox--checkbox--v2","name":"Checkbox & radio · Element Plus · Checkbox group","url":"https://element-plus.org/en-US/component/checkbox.html#checkbox-group","type":"style","pricing":"free","tags":["Vue","Element Plus"],"ct":["checkbox"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Element Plus","kind":"checkbox","page":"https://element-plus.org/en-US/component/checkbox.html","note":"Element Plus 官方文档里的「复选单选」公开演示（Checkbox group）"},{"id":"cs2-lib-arco-design--empty--result--v1","name":"Empty & result · Arco Design · Success","url":"https://arco.design/react/components/result#Success","type":"style","pricing":"free","tags":["React","Vue","Arco Design"],"ct":["empty"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Arco Design","kind":"empty","page":"https://arco.design/react/components/result","note":"Arco Design 官方文档里的「空状态结果」公开演示（Success）"},{"id":"cs2-lib-www-naiveui-com--progress--progress--v1","name":"Progress · Naive UI","url":"https://www.naiveui.com/en-US/os-theme/components/progress","type":"style","pricing":"free","tags":["Vue","Naive UI"],"ct":["progress"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Naive UI","kind":"progress","page":"https://www.naiveui.com/en-US/os-theme/components/progress","note":"Naive UI 官方文档里的「进度」公开演示"},{"id":"cs2-lib-shoelace-style--checkbox--radio-group--v0","name":"Checkbox & radio · Shoelace","url":"https://shoelace.style/components/radio-group","type":"style","pricing":"free","tags":["Web","Components","Shoelace"],"ct":["checkbox"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Shoelace","kind":"checkbox","page":"https://shoelace.style/components/radio-group","note":"Shoelace 官方文档里的「复选单选」公开演示"},{"id":"cs2-lib-material-web-dev--input--text-field--v0","name":"Input · Material Web","url":"https://material-web.dev/components/text-field/","type":"style","pricing":"free","tags":["Web","Components","Material Web"],"ct":["input"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Material Web","kind":"input","page":"https://material-web.dev/components/text-field/","note":"Material Web 官方文档里的「输入框」公开演示"},{"id":"cs2-reactbits-dev--carousel--components-carousel--v1","name":"Carousel · React Bits · Customize","url":"https://reactbits.dev/components/carousel#tabs:«r5»:content-preview","type":"style","pricing":"unknown","tags":["React","React Bits"],"ct":["carousel"],"vs":["dark-tech","motion","3d"],"rt":["component-demo"],"section":"组件样式","libName":"React Bits","kind":"carousel","page":"https://reactbits.dev/components/carousel","note":"React Bits 官方文档里的「轮播」公开演示（Customize）"},{"id":"cs2-ui-aceternity-com--carousel--compare--v0","name":"Carousel · Aceternity UI","url":"https://ui.aceternity.com/components/compare","type":"style","pricing":"unknown","tags":["Aceternity UI"],"ct":["carousel"],"vs":["dark-tech","gradient","3d","motion"],"rt":["component-demo"],"section":"组件样式","libName":"Aceternity UI","kind":"carousel","page":"https://ui.aceternity.com/components/compare","note":"Aceternity UI 官方文档里的「轮播」公开演示"},{"id":"cs2-lib-flowbite-com--rating--components-rating--v2","name":"Rating · Flowbite · Rating count","url":"https://flowbite.com/docs/components/rating/","type":"style","pricing":"freemium","tags":["CSS","React","Vue","Svelte","Flowbite"],"ct":["rating"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Flowbite","kind":"rating","page":"https://flowbite.com/docs/components/rating/","note":"Flowbite 官方文档里的「评分」公开演示（Rating count）"},{"id":"cs2-lib-vuetifyjs-com--list--lists--v2","name":"List · Vuetify","url":"https://vuetifyjs.com/en/components/lists/#density","type":"style","pricing":"free","tags":["Vue","Vuetify"],"ct":["list"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Vuetify","kind":"list","page":"https://vuetifyjs.com/en/components/lists/","note":"Vuetify 官方文档里的「列表」公开演示"},{"id":"cs2-lib-mui-com-material-ui--breadcrumb--breadcrumbs--v1","name":"Breadcrumb · Material UI · Active last breadcrumb","url":"https://mui.com/material-ui/react-breadcrumbs/#active-last-breadcrumb","type":"style","pricing":"free","tags":["React","Material UI"],"ct":["breadcrumb"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Material UI","kind":"breadcrumb","page":"https://mui.com/material-ui/react-breadcrumbs/","note":"Material UI 官方文档里的「面包屑」公开演示（Active last breadcrumb）"},{"id":"cs2-lib-ark-ui-com--tabs--tabs--v0","name":"Tabs · Ark UI","url":"https://ark-ui.com/docs/components/tabs","type":"style","pricing":"free","tags":["React","Vue","Solid","Svelte","Ark UI"],"ct":["tabs"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Ark UI","kind":"tabs","page":"https://ark-ui.com/docs/components/tabs","note":"Ark UI 官方文档里的「标签页」公开演示"},{"id":"cs2-lib-material-angular-dev--toast--snack-bar-overview--v0","name":"Toast · Angular Material · Overview for snack-bar","url":"https://material.angular.dev/components/snack-bar/overview#mat-tab-nav-panel-0","type":"style","pricing":"free","tags":["Angular","Angular Material"],"ct":["toast"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Angular Material","kind":"toast","page":"https://material.angular.dev/components/snack-bar/overview","note":"Angular Material 官方文档里的「通知」公开演示（Overview for snack-bar）"},{"id":"cs2-lib-getbootstrap-com--checkbox--forms-checks-radios--v1","name":"Checkbox & radio · Bootstrap · Indeterminate","url":"https://getbootstrap.com/docs/5.3/forms/checks-radios/#indeterminate","type":"style","pricing":"free","tags":["CSS","Bootstrap"],"ct":["checkbox"],"vs":["minimal","utilitarian"],"rt":["component-demo"],"section":"组件样式","libName":"Bootstrap","kind":"checkbox","page":"https://getbootstrap.com/docs/5.3/forms/checks-radios/","note":"Bootstrap 官方文档里的「复选单选」公开演示（Indeterminate）"},{"id":"cs-lib-mantine-dev-editor","name":"Editor · Mantine","url":"https://mantine.dev/x/tiptap/","type":"style","pricing":"free","tags":["React","Mantine"],"ct":["editor"],"vs":["minimal","enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Mantine","kind":"editor","page":"https://mantine.dev/x/tiptap/","note":"Mantine 官方文档里的「编辑器」公开演示"},{"id":"cs2-lib-www-radix-ui-com-themes--switch--switch--v1","name":"Switch · Radix Themes · High-contrast","url":"https://www.radix-ui.com/themes/docs/components/switch#high-contrast","type":"style","pricing":"free","tags":["React","Radix Themes"],"ct":["switch"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Radix Themes","kind":"switch","page":"https://www.radix-ui.com/themes/docs/components/switch","note":"Radix Themes 官方文档里的「开关」公开演示（High-contrast）"},{"id":"cs2-lib-mui-com-x--nav--react-tree-view--v0","name":"Navigation · MUI X","url":"https://mui.com/x/react-tree-view/","type":"style","pricing":"freemium","tags":["React","MUI X"],"ct":["nav"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"MUI X","kind":"nav","page":"https://mui.com/x/react-tree-view/","note":"MUI X 官方文档里的「导航」公开演示"},{"id":"cs-lib-daisyui-com-nav","name":"Navigation · daisyUI","url":"https://daisyui.com/components/navbar/","type":"style","pricing":"free","tags":["CSS","daisyUI"],"ct":["nav"],"vs":["playful","soft"],"rt":["component-demo"],"section":"组件样式","libName":"daisyUI","kind":"nav","page":"https://daisyui.com/components/navbar/","note":"daisyUI 官方文档里的「导航」公开演示"},{"id":"cs2-www-heroui-com--list--listbox--v2","name":"List · HeroUI · With Sections","url":"https://heroui.com/en/docs/react/components/list-box#with-sections","type":"style","pricing":"unknown","tags":["HeroUI"],"ct":["list"],"vs":["soft","playful"],"rt":["component-demo"],"section":"组件样式","libName":"HeroUI","kind":"list","page":"https://www.heroui.com/docs/components/listbox","note":"HeroUI 官方文档里的「列表」公开演示（With Sections）"},{"id":"cs2-lib-ionicframework-com--badge--badge--v0","name":"Badge & tag · Ionic · Basic Usage","url":"https://ionicframework.com/docs/api/badge#basic-usage","type":"style","pricing":"free","tags":["React","Vue","Angular","Ionic"],"ct":["badge"],"vs":["apple","minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Ionic","kind":"badge","page":"https://ionicframework.com/docs/api/badge","note":"Ionic 官方文档里的「徽标标签」公开演示（Basic Usage）"},{"id":"cs2-ui-shadcn-com--checkbox--docs-components-radio-group--v2","name":"Checkbox & radio · shadcn/ui · Choice Card","url":"https://ui.shadcn.com/docs/components/base/radio-group#choice-card","type":"style","pricing":"unknown","tags":["shadcn","shadcn/ui"],"ct":["checkbox"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"shadcn/ui","kind":"checkbox","page":"https://ui.shadcn.com/docs/components/radio-group","note":"shadcn/ui 官方文档里的「复选单选」公开演示（Choice Card）"},{"id":"cs2-magicui-design--card--tweet-card--v1","name":"Card · Magic UI","url":"https://magicui.design/docs/components/tweet-card#tweet-card-with-image-carousel","type":"style","pricing":"unknown","tags":["Magic UI"],"ct":["card"],"vs":["dark-tech","gradient","motion"],"rt":["component-demo"],"section":"组件样式","libName":"Magic UI","kind":"card","page":"https://magicui.design/docs/components/tweet-card","note":"Magic UI 官方文档里的「卡片」公开演示"},{"id":"cs2-lib-www-spartan-ng--dialog--dialog--v2","name":"Dialog · Spartan · Dismiss Options","url":"https://www.spartan.ng/components/dialog#dismiss-options","type":"style","pricing":"free","tags":["Angular","Spartan"],"ct":["dialog"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Spartan","kind":"dialog","page":"https://www.spartan.ng/components/dialog","note":"Spartan 官方文档里的「弹窗」公开演示（Dismiss Options）"},{"id":"cs2-lib-www-shadcn-svelte-com--card--card--v2","name":"Card · shadcn-svelte · Spacing","url":"https://www.shadcn-svelte.com/docs/components/card#spacing","type":"style","pricing":"free","tags":["Svelte","shadcn-svelte"],"ct":["card"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"shadcn-svelte","kind":"card","page":"https://www.shadcn-svelte.com/docs/components/card","note":"shadcn-svelte 官方文档里的「卡片」公开演示（Spacing）"},{"id":"cs2-lib-primevue-org--color--colorpicker--v3","name":"Color picker · PrimeVue · Format","url":"https://primevue.dev/colorpicker/#__nuxt","type":"style","pricing":"freemium","tags":["Vue","PrimeVue"],"ct":["color"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"PrimeVue","kind":"color","page":"https://primevue.org/colorpicker/","note":"PrimeVue 官方文档里的「取色器」公开演示（Format）"},{"id":"cs2-lib-www-skeleton-dev--tabs--tabs--v1","name":"Tabs · Skeleton · Controlled","url":"https://www.skeleton.dev/docs/svelte/framework-components/tabs#controlled","type":"style","pricing":"free","tags":["Svelte","React","Skeleton"],"ct":["tabs"],"vs":["playful","gradient"],"rt":["component-demo"],"section":"组件样式","libName":"Skeleton","kind":"tabs","page":"https://www.skeleton.dev/docs/svelte/framework-components/tabs","note":"Skeleton 官方文档里的「标签页」公开演示（Controlled）"},{"id":"cs2-lib-ant-design--checkbox--radio--v2","name":"Checkbox & radio · Ant Design · Basic","url":"https://ant.design/components/radio#radio-demo-basic","type":"style","pricing":"free","tags":["React","Ant Design"],"ct":["checkbox"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Ant Design","kind":"checkbox","page":"https://ant.design/components/radio","note":"Ant Design 官方文档里的「复选单选」公开演示（Basic）"},{"id":"cs2-lib-tdesign-tencent-com--slider--slider--v1","name":"Slider · TDesign · 纵向滑块：","url":"https://tdesign.tencent.com/vue-next/components/slider#纵向滑块：","type":"style","pricing":"free","tags":["React","Vue","TDesign"],"ct":["slider"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"TDesign","kind":"slider","page":"https://tdesign.tencent.com/vue-next/components/slider","note":"TDesign 官方文档里的「滑块」公开演示（纵向滑块：）"},{"id":"cs2-lib-chakra-ui-com--alert--alert--v2","name":"Alert · Chakra UI · Status","url":"https://chakra-ui.com/docs/components/alert#status","type":"style","pricing":"free","tags":["React","Chakra UI"],"ct":["alert"],"vs":["soft","minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Chakra UI","kind":"alert","page":"https://chakra-ui.com/docs/components/alert","note":"Chakra UI 官方文档里的「警告提示」公开演示（Status）"},{"id":"cs2-lib-ui-nuxt-com--input--input-menu--v0","name":"Input · Nuxt UI · Delete Icon","url":"https://ui.nuxt.com/docs/components/input-menu#delete-icon","type":"style","pricing":"free","tags":["Vue","Nuxt UI"],"ct":["input"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Nuxt UI","kind":"input","page":"https://ui.nuxt.com/docs/components/input-menu","note":"Nuxt UI 官方文档里的「输入框」公开演示（Delete Icon）"},{"id":"cs2-lib-quasar-dev--carousel--carousel--v1","name":"Carousel · Quasar","url":"https://quasar.dev/vue-components/carousel/#example--transitions--transitions-bottom-navigation-arrows-and-auto-padding","type":"style","pricing":"free","tags":["Vue","Quasar"],"ct":["carousel"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Quasar","kind":"carousel","page":"https://quasar.dev/vue-components/carousel","note":"Quasar 官方文档里的「轮播」公开演示"},{"id":"cs2-lib-ng-ant-design--dialog--drawer--v0","name":"Dialog · NG-ZORRO","url":"https://ng.ant.design/components/drawer/en","type":"style","pricing":"free","tags":["Angular","NG-ZORRO"],"ct":["dialog"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"NG-ZORRO","kind":"dialog","page":"https://ng.ant.design/components/drawer/en","note":"NG-ZORRO 官方文档里的「弹窗」公开演示"},{"id":"cs2-lib-element-plus-org--color--color-picker--v3","name":"Color picker · Element Plus · Sizes","url":"https://element-plus.org/en-US/component/color-picker.html#sizes","type":"style","pricing":"free","tags":["Vue","Element Plus"],"ct":["color"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Element Plus","kind":"color","page":"https://element-plus.org/en-US/component/color-picker.html","note":"Element Plus 官方文档里的「取色器」公开演示（Sizes）"},{"id":"cs2-lib-arco-design--empty--result--v3","name":"Empty & result · Arco Design · Info","url":"https://arco.design/react/components/result#Info","type":"style","pricing":"free","tags":["React","Vue","Arco Design"],"ct":["empty"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Arco Design","kind":"empty","page":"https://arco.design/react/components/result","note":"Arco Design 官方文档里的「空状态结果」公开演示（Info）"},{"id":"cs2-lib-www-naiveui-com--empty--empty--v0","name":"Empty & result · Naive UI","url":"https://www.naiveui.com/en-US/os-theme/components/empty","type":"style","pricing":"free","tags":["Vue","Naive UI"],"ct":["empty"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Naive UI","kind":"empty","page":"https://www.naiveui.com/en-US/os-theme/components/empty","note":"Naive UI 官方文档里的「空状态结果」公开演示"},{"id":"cs2-lib-shoelace-style--carousel--image-comparer--v0","name":"Carousel · Shoelace","url":"https://shoelace.style/components/image-comparer","type":"style","pricing":"free","tags":["Web","Components","Shoelace"],"ct":["carousel"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Shoelace","kind":"carousel","page":"https://shoelace.style/components/image-comparer","note":"Shoelace 官方文档里的「轮播」公开演示"},{"id":"cs2-lib-material-web-dev--loader--progress--v0","name":"Loader · Material Web","url":"https://material-web.dev/components/progress/","type":"style","pricing":"free","tags":["Web","Components","Material Web"],"ct":["loader"],"vs":["material"],"rt":["component-demo","motion"],"section":"组件样式","libName":"Material Web","kind":"loader","page":"https://material-web.dev/components/progress/","note":"Material Web 官方文档里的「加载」公开演示"},{"id":"cs2-reactbits-dev--layout--components-stack--v0","name":"Layout · React Bits · Stack","url":"https://reactbits.dev/components/stack#root","type":"style","pricing":"unknown","tags":["React","React Bits"],"ct":["layout"],"vs":["dark-tech","motion","3d"],"rt":["component-demo"],"section":"组件样式","libName":"React Bits","kind":"layout","page":"https://reactbits.dev/components/stack","note":"React Bits 官方文档里的「区块」公开演示（Stack）"},{"id":"cs2-ui-aceternity-com--card--3d-card-effect--v0","name":"Card · Aceternity UI","url":"https://ui.aceternity.com/components/3d-card-effect","type":"style","pricing":"unknown","tags":["Aceternity UI"],"ct":["card"],"vs":["dark-tech","gradient","3d","motion"],"rt":["component-demo"],"section":"组件样式","libName":"Aceternity UI","kind":"card","page":"https://ui.aceternity.com/components/3d-card-effect","note":"Aceternity UI 官方文档里的「卡片」公开演示"},{"id":"cs2-lib-flowbite-com--rating--components-rating--v3","name":"Rating · Flowbite · Star sizes","url":"https://flowbite.com/docs/components/rating/","type":"style","pricing":"freemium","tags":["CSS","React","Vue","Svelte","Flowbite"],"ct":["rating"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Flowbite","kind":"rating","page":"https://flowbite.com/docs/components/rating/","note":"Flowbite 官方文档里的「评分」公开演示（Star sizes）"},{"id":"cs2-lib-vuetifyjs-com--avatar--avatars--v0","name":"Avatar · Vuetify","url":"https://vuetifyjs.com/en/components/avatars/#advanced-usage","type":"style","pricing":"free","tags":["Vue","Vuetify"],"ct":["avatar"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Vuetify","kind":"avatar","page":"https://vuetifyjs.com/en/components/avatars/","note":"Vuetify 官方文档里的「头像」公开演示"},{"id":"cs2-lib-mui-com-material-ui--breadcrumb--breadcrumbs--v3","name":"Breadcrumb · Material UI · Breadcrumbs with icons","url":"https://mui.com/material-ui/react-breadcrumbs/#breadcrumbs-with-icons","type":"style","pricing":"free","tags":["React","Material UI"],"ct":["breadcrumb"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Material UI","kind":"breadcrumb","page":"https://mui.com/material-ui/react-breadcrumbs/","note":"Material UI 官方文档里的「面包屑」公开演示（Breadcrumbs with icons）"},{"id":"cs2-lib-ark-ui-com--carousel--carousel--v0","name":"Carousel · Ark UI","url":"https://ark-ui.com/docs/components/carousel","type":"style","pricing":"free","tags":["React","Vue","Solid","Svelte","Ark UI"],"ct":["carousel"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Ark UI","kind":"carousel","page":"https://ark-ui.com/docs/components/carousel","note":"Ark UI 官方文档里的「轮播」公开演示"},{"id":"cs2-lib-material-angular-dev--button--button-overview--v0","name":"Button · Angular Material · Overview for button","url":"https://material.angular.dev/components/button/overview#mat-tab-nav-panel-0","type":"style","pricing":"free","tags":["Angular","Angular Material"],"ct":["button"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Angular Material","kind":"button","page":"https://material.angular.dev/components/button/overview","note":"Angular Material 官方文档里的「按钮」公开演示（Overview for button）"},{"id":"cs2-lib-getbootstrap-com--checkbox--forms-checks-radios--v2","name":"Checkbox & radio · Bootstrap · Disabled","url":"https://getbootstrap.com/docs/5.3/forms/checks-radios/#disabled","type":"style","pricing":"free","tags":["CSS","Bootstrap"],"ct":["checkbox"],"vs":["minimal","utilitarian"],"rt":["component-demo"],"section":"组件样式","libName":"Bootstrap","kind":"checkbox","page":"https://getbootstrap.com/docs/5.3/forms/checks-radios/","note":"Bootstrap 官方文档里的「复选单选」公开演示（Disabled）"},{"id":"cs2-lib-mantine-dev--switch--core-switch--v0","name":"Switch · Mantine","url":"https://mantine.dev/core/switch/#mdx","type":"style","pricing":"free","tags":["React","Mantine"],"ct":["switch"],"vs":["minimal","enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Mantine","kind":"switch","page":"https://mantine.dev/core/switch/","note":"Mantine 官方文档里的「开关」公开演示"},{"id":"cs2-lib-www-radix-ui-com-themes--switch--switch--v2","name":"Switch · Radix Themes · Alignment","url":"https://www.radix-ui.com/themes/docs/components/switch#alignment","type":"style","pricing":"free","tags":["React","Radix Themes"],"ct":["switch"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Radix Themes","kind":"switch","page":"https://www.radix-ui.com/themes/docs/components/switch","note":"Radix Themes 官方文档里的「开关」公开演示（Alignment）"},{"id":"cs2-lib-mui-com-x--nav--react-tree-view--v1","name":"Navigation · MUI X","url":"https://mui.com/x/react-tree-view/#main-content","type":"style","pricing":"freemium","tags":["React","MUI X"],"ct":["nav"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"MUI X","kind":"nav","page":"https://mui.com/x/react-tree-view/","note":"MUI X 官方文档里的「导航」公开演示"},{"id":"cs-lib-daisyui-com-tabs","name":"Tabs · daisyUI","url":"https://daisyui.com/components/tab/","type":"style","pricing":"free","tags":["CSS","daisyUI"],"ct":["tabs"],"vs":["playful","soft"],"rt":["component-demo"],"section":"组件样式","libName":"daisyUI","kind":"tabs","page":"https://daisyui.com/components/tab/","note":"daisyUI 官方文档里的「标签页」公开演示"},{"id":"cs2-www-heroui-com--list--listbox--v3","name":"List · HeroUI · Multi Select","url":"https://heroui.com/en/docs/react/components/list-box#multi-select","type":"style","pricing":"unknown","tags":["HeroUI"],"ct":["list"],"vs":["soft","playful"],"rt":["component-demo"],"section":"组件样式","libName":"HeroUI","kind":"list","page":"https://www.heroui.com/docs/components/listbox","note":"HeroUI 官方文档里的「列表」公开演示（Multi Select）"},{"id":"cs2-lib-ionicframework-com--input--textarea--v0","name":"Input · Ionic · Basic Usage","url":"https://ionicframework.com/docs/api/textarea#basic-usage","type":"style","pricing":"free","tags":["React","Vue","Angular","Ionic"],"ct":["input"],"vs":["apple","minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Ionic","kind":"input","page":"https://ionicframework.com/docs/api/textarea","note":"Ionic 官方文档里的「输入框」公开演示（Basic Usage）"},{"id":"cs2-ui-shadcn-com--pagination--docs-components-pagination--v3","name":"Pagination · shadcn/ui · RTL","url":"https://ui.shadcn.com/docs/components/base/pagination#rtl","type":"style","pricing":"unknown","tags":["shadcn","shadcn/ui"],"ct":["pagination"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"shadcn/ui","kind":"pagination","page":"https://ui.shadcn.com/docs/components/pagination","note":"shadcn/ui 官方文档里的「分页」公开演示（RTL）"},{"id":"cs2-magicui-design--card--tweet-card--v2","name":"Card · Magic UI","url":"https://magicui.design/docs/components/tweet-card#tweet-card-with-meta-url-preview","type":"style","pricing":"unknown","tags":["Magic UI"],"ct":["card"],"vs":["dark-tech","gradient","motion"],"rt":["component-demo"],"section":"组件样式","libName":"Magic UI","kind":"card","page":"https://magicui.design/docs/components/tweet-card","note":"Magic UI 官方文档里的「卡片」公开演示"},{"id":"cs2-lib-www-shadcn-svelte-com--card--card--v3","name":"Card · shadcn-svelte · Spacing","url":"https://www.shadcn-svelte.com/docs/components/card#spacing","type":"style","pricing":"free","tags":["Svelte","shadcn-svelte"],"ct":["card"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"shadcn-svelte","kind":"card","page":"https://www.shadcn-svelte.com/docs/components/card","note":"shadcn-svelte 官方文档里的「卡片」公开演示（Spacing）"},{"id":"cs2-lib-primevue-org--input--inputtext--v0","name":"Input · PrimeVue","url":"https://primevue.dev/inputtext/","type":"style","pricing":"freemium","tags":["Vue","PrimeVue"],"ct":["input"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"PrimeVue","kind":"input","page":"https://primevue.org/inputtext/","note":"PrimeVue 官方文档里的「输入框」公开演示"},{"id":"cs2-lib-www-skeleton-dev--tabs--tabs--v2","name":"Tabs · Skeleton · Fluid Width","url":"https://www.skeleton.dev/docs/svelte/framework-components/tabs#fluid-width","type":"style","pricing":"free","tags":["Svelte","React","Skeleton"],"ct":["tabs"],"vs":["playful","gradient"],"rt":["component-demo"],"section":"组件样式","libName":"Skeleton","kind":"tabs","page":"https://www.skeleton.dev/docs/svelte/framework-components/tabs","note":"Skeleton 官方文档里的「标签页」公开演示（Fluid Width）"},{"id":"cs2-lib-ant-design--checkbox--radio--v3","name":"Checkbox & radio · Ant Design · Radio Group","url":"https://ant.design/components/radio#radio-demo-radiogroup","type":"style","pricing":"free","tags":["React","Ant Design"],"ct":["checkbox"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Ant Design","kind":"checkbox","page":"https://ant.design/components/radio","note":"Ant Design 官方文档里的「复选单选」公开演示（Radio Group）"},{"id":"cs2-lib-tdesign-tencent-com--slider--slider--v2","name":"Slider · TDesign · 禁用状态的滑块","url":"https://tdesign.tencent.com/vue-next/components/slider#禁用状态的滑块","type":"style","pricing":"free","tags":["React","Vue","TDesign"],"ct":["slider"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"TDesign","kind":"slider","page":"https://tdesign.tencent.com/vue-next/components/slider","note":"TDesign 官方文档里的「滑块」公开演示（禁用状态的滑块）"},{"id":"cs2-lib-chakra-ui-com--alert--alert--v3","name":"Alert · Chakra UI · Variants","url":"https://chakra-ui.com/docs/components/alert#variants","type":"style","pricing":"free","tags":["React","Chakra UI"],"ct":["alert"],"vs":["soft","minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Chakra UI","kind":"alert","page":"https://chakra-ui.com/docs/components/alert","note":"Chakra UI 官方文档里的「警告提示」公开演示（Variants）"},{"id":"cs2-lib-ui-nuxt-com--input--input-menu--v2","name":"Input · Nuxt UI · Content","url":"https://ui.nuxt.com/docs/components/input-menu#content","type":"style","pricing":"free","tags":["Vue","Nuxt UI"],"ct":["input"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Nuxt UI","kind":"input","page":"https://ui.nuxt.com/docs/components/input-menu","note":"Nuxt UI 官方文档里的「输入框」公开演示（Content）"},{"id":"cs2-lib-quasar-dev--carousel--carousel--v2","name":"Carousel · Quasar · Vertical mode","url":"https://quasar.dev/vue-components/carousel/#example--vertical--vertical-mode","type":"style","pricing":"free","tags":["Vue","Quasar"],"ct":["carousel"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Quasar","kind":"carousel","page":"https://quasar.dev/vue-components/carousel","note":"Quasar 官方文档里的「轮播」公开演示（Vertical mode）"},{"id":"cs2-lib-ng-ant-design--list--transfer--v0","name":"List · NG-ZORRO · Source","url":"https://ng.ant.design/components/transfer/en","type":"style","pricing":"free","tags":["Angular","NG-ZORRO"],"ct":["list"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"NG-ZORRO","kind":"list","page":"https://ng.ant.design/components/transfer/en","note":"NG-ZORRO 官方文档里的「列表」公开演示（Source）"},{"id":"cs2-lib-element-plus-org--badge--badge--v0","name":"Badge & tag · Element Plus · Basic Usage","url":"https://element-plus.org/en-US/component/badge.html#basic-usage","type":"style","pricing":"free","tags":["Vue","Element Plus"],"ct":["badge"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Element Plus","kind":"badge","page":"https://element-plus.org/en-US/component/badge.html","note":"Element Plus 官方文档里的「徽标标签」公开演示（Basic Usage）"},{"id":"cs2-lib-arco-design--dialog--drawer--v0","name":"Dialog · Arco Design · 基础用法","url":"https://arco.design/react/components/drawer#基础用法","type":"style","pricing":"free","tags":["React","Vue","Arco Design"],"ct":["dialog"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Arco Design","kind":"dialog","page":"https://arco.design/react/components/drawer","note":"Arco Design 官方文档里的「弹窗」公开演示（基础用法）"},{"id":"cs2-lib-www-naiveui-com--empty--empty--v1","name":"Empty & result · Naive UI","url":"https://www.naiveui.com/en-US/os-theme/components/empty","type":"style","pricing":"free","tags":["Vue","Naive UI"],"ct":["empty"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Naive UI","kind":"empty","page":"https://www.naiveui.com/en-US/os-theme/components/empty","note":"Naive UI 官方文档里的「空状态结果」公开演示"},{"id":"cs2-lib-shoelace-style--breadcrumb--breadcrumb--v0","name":"Breadcrumb · Shoelace","url":"https://shoelace.style/components/breadcrumb","type":"style","pricing":"free","tags":["Web","Components","Shoelace"],"ct":["breadcrumb"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Shoelace","kind":"breadcrumb","page":"https://shoelace.style/components/breadcrumb","note":"Shoelace 官方文档里的「面包屑」公开演示"},{"id":"cs2-reactbits-dev--background--backgrounds-threads--v0","name":"Background · React Bits · Threads","url":"https://reactbits.dev/backgrounds/threads#root","type":"style","pricing":"unknown","tags":["React","React Bits"],"ct":["background"],"vs":["dark-tech","motion","3d"],"rt":["component-demo","motion"],"section":"组件样式","libName":"React Bits","kind":"background","page":"https://reactbits.dev/backgrounds/threads","note":"React Bits 官方文档里的「背景」公开演示（Threads）"},{"id":"cs2-ui-aceternity-com--carousel--apple-cards-carousel--v0","name":"Carousel · Aceternity UI","url":"https://ui.aceternity.com/components/apple-cards-carousel","type":"style","pricing":"unknown","tags":["Aceternity UI"],"ct":["carousel"],"vs":["dark-tech","gradient","3d","motion"],"rt":["component-demo"],"section":"组件样式","libName":"Aceternity UI","kind":"carousel","page":"https://ui.aceternity.com/components/apple-cards-carousel","note":"Aceternity UI 官方文档里的「轮播」公开演示"},{"id":"cs2-lib-flowbite-com--steps--components-stepper--v0","name":"Steps · Flowbite · Default stepper","url":"https://flowbite.com/docs/components/stepper/","type":"style","pricing":"freemium","tags":["CSS","React","Vue","Svelte","Flowbite"],"ct":["steps"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Flowbite","kind":"steps","page":"https://flowbite.com/docs/components/stepper/","note":"Flowbite 官方文档里的「步骤条」公开演示（Default stepper）"},{"id":"cs2-lib-vuetifyjs-com--avatar--avatars--v1","name":"Avatar · Vuetify","url":"https://vuetifyjs.com/en/components/avatars/#advanced-usage","type":"style","pricing":"free","tags":["Vue","Vuetify"],"ct":["avatar"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Vuetify","kind":"avatar","page":"https://vuetifyjs.com/en/components/avatars/","note":"Vuetify 官方文档里的「头像」公开演示"},{"id":"cs2-lib-mui-com-material-ui--checkbox--checkbox--v0","name":"Checkbox & radio · Material UI","url":"https://mui.com/material-ui/react-checkbox/","type":"style","pricing":"free","tags":["React","Material UI"],"ct":["checkbox"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Material UI","kind":"checkbox","page":"https://mui.com/material-ui/react-checkbox/","note":"Material UI 官方文档里的「复选单选」公开演示"},{"id":"cs2-lib-ark-ui-com--carousel--carousel--v3","name":"Carousel · Ark UI · Autoplay","url":"https://ark-ui.com/docs/components/carousel#autoplay","type":"style","pricing":"free","tags":["React","Vue","Solid","Svelte","Ark UI"],"ct":["carousel"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Ark UI","kind":"carousel","page":"https://ark-ui.com/docs/components/carousel","note":"Ark UI 官方文档里的「轮播」公开演示（Autoplay）"},{"id":"cs2-lib-getbootstrap-com--badge--components-badge--v0","name":"Badge & tag · Bootstrap · Headings","url":"https://getbootstrap.com/docs/5.3/components/badge/#headings","type":"style","pricing":"free","tags":["CSS","Bootstrap"],"ct":["badge"],"vs":["minimal","utilitarian"],"rt":["component-demo"],"section":"组件样式","libName":"Bootstrap","kind":"badge","page":"https://getbootstrap.com/docs/5.3/components/badge/","note":"Bootstrap 官方文档里的「徽标标签」公开演示（Headings）"},{"id":"cs2-lib-mantine-dev--switch--core-switch--v1","name":"Switch · Mantine · Switch.Group","url":"https://mantine.dev/core/switch/#mdx","type":"style","pricing":"free","tags":["React","Mantine"],"ct":["switch"],"vs":["minimal","enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Mantine","kind":"switch","page":"https://mantine.dev/core/switch/","note":"Mantine 官方文档里的「开关」公开演示（Switch.Group）"},{"id":"cs2-lib-www-radix-ui-com-themes--dialog--alert-dialog--v0","name":"Dialog · Radix Themes · Layout","url":"https://www.radix-ui.com/themes/docs/components/alert-dialog","type":"style","pricing":"free","tags":["React","Radix Themes"],"ct":["dialog"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Radix Themes","kind":"dialog","page":"https://www.radix-ui.com/themes/docs/components/alert-dialog","note":"Radix Themes 官方文档里的「弹窗」公开演示（Layout）"},{"id":"cs2-lib-daisyui-com--checkbox--radio--v1","name":"Checkbox & radio · daisyUI · Radio sizes","url":"https://daisyui.com/components/radio/#radio-sizes","type":"style","pricing":"free","tags":["CSS","daisyUI"],"ct":["checkbox"],"vs":["playful","soft"],"rt":["component-demo"],"section":"组件样式","libName":"daisyUI","kind":"checkbox","page":"https://daisyui.com/components/radio/","note":"daisyUI 官方文档里的「复选单选」公开演示（Radio sizes）"},{"id":"cs2-www-heroui-com--dialog--drawer--v0","name":"Dialog · HeroUI","url":"https://heroui.com/en/docs/react/components/drawer#usage","type":"style","pricing":"unknown","tags":["HeroUI"],"ct":["dialog"],"vs":["soft","playful"],"rt":["component-demo"],"section":"组件样式","libName":"HeroUI","kind":"dialog","page":"https://www.heroui.com/docs/components/drawer","note":"HeroUI 官方文档里的「弹窗」公开演示"},{"id":"cs2-lib-ionicframework-com--accordion--accordion--v0","name":"Accordion · Ionic · Basic Usage","url":"https://ionicframework.com/docs/api/accordion#basic-usage","type":"style","pricing":"free","tags":["React","Vue","Angular","Ionic"],"ct":["accordion"],"vs":["apple","minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Ionic","kind":"accordion","page":"https://ionicframework.com/docs/api/accordion","note":"Ionic 官方文档里的「折叠面板」公开演示（Basic Usage）"},{"id":"cs2-ui-shadcn-com--input--docs-components-textarea--v1","name":"Input · shadcn/ui · Field","url":"https://ui.shadcn.com/docs/components/base/textarea#field","type":"style","pricing":"unknown","tags":["shadcn","shadcn/ui"],"ct":["input"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"shadcn/ui","kind":"input","page":"https://ui.shadcn.com/docs/components/textarea","note":"shadcn/ui 官方文档里的「输入框」公开演示（Field）"},{"id":"cs2-magicui-design--background--confetti--v1","name":"Background · Magic UI · Basic","url":"https://magicui.design/docs/components/confetti#basic","type":"style","pricing":"unknown","tags":["Magic UI"],"ct":["background"],"vs":["dark-tech","gradient","motion"],"rt":["component-demo","motion"],"section":"组件样式","libName":"Magic UI","kind":"background","page":"https://magicui.design/docs/components/confetti","note":"Magic UI 官方文档里的「背景」公开演示（Basic）"},{"id":"cs2-lib-www-shadcn-svelte-com--tabs--tabs--v1","name":"Tabs · shadcn-svelte · Line","url":"https://www.shadcn-svelte.com/docs/components/tabs#line","type":"style","pricing":"free","tags":["Svelte","shadcn-svelte"],"ct":["tabs"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"shadcn-svelte","kind":"tabs","page":"https://www.shadcn-svelte.com/docs/components/tabs","note":"shadcn-svelte 官方文档里的「标签页」公开演示（Line）"},{"id":"cs2-lib-primevue-org--input--inputtext--v3","name":"Input · PrimeVue · Sizes","url":"https://primevue.dev/inputtext/#__nuxt","type":"style","pricing":"freemium","tags":["Vue","PrimeVue"],"ct":["input"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"PrimeVue","kind":"input","page":"https://primevue.org/inputtext/","note":"PrimeVue 官方文档里的「输入框」公开演示（Sizes）"},{"id":"cs2-lib-ant-design--pagination--pagination--v0","name":"Pagination · Ant Design","url":"https://ant.design/components/pagination","type":"style","pricing":"free","tags":["React","Ant Design"],"ct":["pagination"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Ant Design","kind":"pagination","page":"https://ant.design/components/pagination","note":"Ant Design 官方文档里的「分页」公开演示"},{"id":"cs2-lib-tdesign-tencent-com--slider--slider--v3","name":"Slider · TDesign · 水平带刻度值的滑块","url":"https://tdesign.tencent.com/vue-next/components/slider#水平带刻度值的滑块","type":"style","pricing":"free","tags":["React","Vue","TDesign"],"ct":["slider"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"TDesign","kind":"slider","page":"https://tdesign.tencent.com/vue-next/components/slider","note":"TDesign 官方文档里的「滑块」公开演示（水平带刻度值的滑块）"},{"id":"cs2-lib-chakra-ui-com--progress--progress--v0","name":"Progress · Chakra UI","url":"https://chakra-ui.com/docs/components/progress","type":"style","pricing":"free","tags":["React","Chakra UI"],"ct":["progress"],"vs":["soft","minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Chakra UI","kind":"progress","page":"https://chakra-ui.com/docs/components/progress","note":"Chakra UI 官方文档里的「进度」公开演示"},{"id":"cs2-lib-ui-nuxt-com--table--table--v1","name":"Table · Nuxt UI · Columns","url":"https://ui.nuxt.com/docs/components/table#columns","type":"style","pricing":"free","tags":["Vue","Nuxt UI"],"ct":["table"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Nuxt UI","kind":"table","page":"https://ui.nuxt.com/docs/components/table","note":"Nuxt UI 官方文档里的「表格」公开演示（Columns）"},{"id":"cs2-lib-quasar-dev--carousel--carousel--v3","name":"Carousel · Quasar · Control Type","url":"https://quasar.dev/vue-components/carousel/#example--controltype--control-type","type":"style","pricing":"free","tags":["Vue","Quasar"],"ct":["carousel"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Quasar","kind":"carousel","page":"https://quasar.dev/vue-components/carousel","note":"Quasar 官方文档里的「轮播」公开演示（Control Type）"},{"id":"cs2-lib-ng-ant-design--steps--steps--v0","name":"Steps · NG-ZORRO · Finished","url":"https://ng.ant.design/components/steps/en","type":"style","pricing":"free","tags":["Angular","NG-ZORRO"],"ct":["steps"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"NG-ZORRO","kind":"steps","page":"https://ng.ant.design/components/steps/en","note":"NG-ZORRO 官方文档里的「步骤条」公开演示（Finished）"},{"id":"cs2-lib-element-plus-org--alert--alert--v0","name":"Alert · Element Plus · Basic Usage","url":"https://element-plus.org/en-US/component/alert.html#basic-usage","type":"style","pricing":"free","tags":["Vue","Element Plus"],"ct":["alert"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Element Plus","kind":"alert","page":"https://element-plus.org/en-US/component/alert.html","note":"Element Plus 官方文档里的「警告提示」公开演示（Basic Usage）"},{"id":"cs2-lib-arco-design--dialog--drawer--v1","name":"Dialog · Arco Design · 基础用法","url":"https://arco.design/react/components/drawer#基础用法","type":"style","pricing":"free","tags":["React","Vue","Arco Design"],"ct":["dialog"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Arco Design","kind":"dialog","page":"https://arco.design/react/components/drawer","note":"Arco Design 官方文档里的「弹窗」公开演示（基础用法）"},{"id":"cs2-lib-www-naiveui-com--accordion--collapse--v2","name":"Accordion · Naive UI","url":"https://www.naiveui.com/en-US/os-theme/components/collapse","type":"style","pricing":"free","tags":["Vue","Naive UI"],"ct":["accordion"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Naive UI","kind":"accordion","page":"https://www.naiveui.com/en-US/os-theme/components/collapse","note":"Naive UI 官方文档里的「折叠面板」公开演示"},{"id":"cs2-lib-shoelace-style--alert--alert--v0","name":"Alert · Shoelace","url":"https://shoelace.style/components/alert","type":"style","pricing":"free","tags":["Web","Components","Shoelace"],"ct":["alert"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Shoelace","kind":"alert","page":"https://shoelace.style/components/alert","note":"Shoelace 官方文档里的「警告提示」公开演示"},{"id":"cs2-reactbits-dev--background--backgrounds-lightning--v0","name":"Background · React Bits · Lightning","url":"https://reactbits.dev/backgrounds/lightning#root","type":"style","pricing":"unknown","tags":["React","React Bits"],"ct":["background"],"vs":["dark-tech","motion","3d"],"rt":["component-demo","motion"],"section":"组件样式","libName":"React Bits","kind":"background","page":"https://reactbits.dev/backgrounds/lightning","note":"React Bits 官方文档里的「背景」公开演示（Lightning）"},{"id":"cs2-lib-flowbite-com--steps--components-stepper--v2","name":"Steps · Flowbite · Detailed stepper","url":"https://flowbite.com/docs/components/stepper/","type":"style","pricing":"freemium","tags":["CSS","React","Vue","Svelte","Flowbite"],"ct":["steps"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Flowbite","kind":"steps","page":"https://flowbite.com/docs/components/stepper/","note":"Flowbite 官方文档里的「步骤条」公开演示（Detailed stepper）"},{"id":"cs2-lib-vuetifyjs-com--avatar--avatars--v2","name":"Avatar · Vuetify","url":"https://vuetifyjs.com/en/components/avatars/#advanced-usage","type":"style","pricing":"free","tags":["Vue","Vuetify"],"ct":["avatar"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Vuetify","kind":"avatar","page":"https://vuetifyjs.com/en/components/avatars/","note":"Vuetify 官方文档里的「头像」公开演示"},{"id":"cs2-lib-mui-com-material-ui--checkbox--checkbox--v1","name":"Checkbox & radio · Material UI · Label","url":"https://mui.com/material-ui/react-checkbox/#label","type":"style","pricing":"free","tags":["React","Material UI"],"ct":["checkbox"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Material UI","kind":"checkbox","page":"https://mui.com/material-ui/react-checkbox/","note":"Material UI 官方文档里的「复选单选」公开演示（Label）"},{"id":"cs2-lib-ark-ui-com--date--date-picker--v0","name":"Date picker · Ark UI","url":"https://ark-ui.com/docs/components/date-picker","type":"style","pricing":"free","tags":["React","Vue","Solid","Svelte","Ark UI"],"ct":["date"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Ark UI","kind":"date","page":"https://ark-ui.com/docs/components/date-picker","note":"Ark UI 官方文档里的「日期」公开演示"},{"id":"cs2-lib-getbootstrap-com--loader--components-placeholders--v0","name":"Loader · Bootstrap","url":"https://getbootstrap.com/docs/5.3/components/placeholders/#example","type":"style","pricing":"free","tags":["CSS","Bootstrap"],"ct":["loader"],"vs":["minimal","utilitarian"],"rt":["component-demo","motion"],"section":"组件样式","libName":"Bootstrap","kind":"loader","page":"https://getbootstrap.com/docs/5.3/components/placeholders/","note":"Bootstrap 官方文档里的「加载」公开演示"},{"id":"cs2-lib-mantine-dev--rating--core-rating--v0","name":"Rating · Mantine","url":"https://mantine.dev/core/rating/#mdx","type":"style","pricing":"free","tags":["React","Mantine"],"ct":["rating"],"vs":["minimal","enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Mantine","kind":"rating","page":"https://mantine.dev/core/rating/","note":"Mantine 官方文档里的「评分」公开演示"},{"id":"cs2-lib-www-radix-ui-com-themes--checkbox--radio-group--v3","name":"Checkbox & radio · Radix Themes · Alignment","url":"https://www.radix-ui.com/themes/docs/components/radio-group#alignment","type":"style","pricing":"free","tags":["React","Radix Themes"],"ct":["checkbox"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Radix Themes","kind":"checkbox","page":"https://www.radix-ui.com/themes/docs/components/radio-group","note":"Radix Themes 官方文档里的「复选单选」公开演示（Alignment）"},{"id":"cs2-lib-daisyui-com--checkbox--radio--v2","name":"Checkbox & radio · daisyUI · Neutral color","url":"https://daisyui.com/components/radio/#neutral-color","type":"style","pricing":"free","tags":["CSS","daisyUI"],"ct":["checkbox"],"vs":["playful","soft"],"rt":["component-demo"],"section":"组件样式","libName":"daisyUI","kind":"checkbox","page":"https://daisyui.com/components/radio/","note":"daisyUI 官方文档里的「复选单选」公开演示（Neutral color）"},{"id":"cs2-www-heroui-com--dialog--drawer--v1","name":"Dialog · HeroUI · Placement","url":"https://heroui.com/en/docs/react/components/drawer#placement","type":"style","pricing":"unknown","tags":["HeroUI"],"ct":["dialog"],"vs":["soft","playful"],"rt":["component-demo"],"section":"组件样式","libName":"HeroUI","kind":"dialog","page":"https://www.heroui.com/docs/components/drawer","note":"HeroUI 官方文档里的「弹窗」公开演示（Placement）"},{"id":"cs2-lib-ionicframework-com--progress--progress-bar--v0","name":"Progress · Ionic · Determinate","url":"https://ionicframework.com/docs/api/progress-bar#determinate","type":"style","pricing":"free","tags":["React","Vue","Angular","Ionic"],"ct":["progress"],"vs":["apple","minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Ionic","kind":"progress","page":"https://ionicframework.com/docs/api/progress-bar","note":"Ionic 官方文档里的「进度」公开演示（Determinate）"},{"id":"cs2-ui-shadcn-com--input--docs-components-textarea--v3","name":"Input · shadcn/ui · Invalid","url":"https://ui.shadcn.com/docs/components/base/textarea#invalid","type":"style","pricing":"unknown","tags":["shadcn","shadcn/ui"],"ct":["input"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"shadcn/ui","kind":"input","page":"https://ui.shadcn.com/docs/components/textarea","note":"shadcn/ui 官方文档里的「输入框」公开演示（Invalid）"},{"id":"cs2-magicui-design--background--shine-border--v1","name":"Background · Magic UI · Monotone","url":"https://magicui.design/docs/components/shine-border#monotone","type":"style","pricing":"unknown","tags":["Magic UI"],"ct":["background"],"vs":["dark-tech","gradient","motion"],"rt":["component-demo","motion"],"section":"组件样式","libName":"Magic UI","kind":"background","page":"https://magicui.design/docs/components/shine-border","note":"Magic UI 官方文档里的「背景」公开演示（Monotone）"},{"id":"cs2-lib-primevue-org--checkbox--radiobutton--v0","name":"Checkbox & radio · PrimeVue","url":"https://primevue.dev/radiobutton/","type":"style","pricing":"freemium","tags":["Vue","PrimeVue"],"ct":["checkbox"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"PrimeVue","kind":"checkbox","page":"https://primevue.org/radiobutton/","note":"PrimeVue 官方文档里的「复选单选」公开演示"},{"id":"cs2-lib-ant-design--pagination--pagination--v1","name":"Pagination · Ant Design · Basic","url":"https://ant.design/components/pagination#pagination-demo-basic","type":"style","pricing":"free","tags":["React","Ant Design"],"ct":["pagination"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Ant Design","kind":"pagination","page":"https://ant.design/components/pagination","note":"Ant Design 官方文档里的「分页」公开演示（Basic）"},{"id":"cs2-lib-tdesign-tencent-com--checkbox--checkbox--v0","name":"Checkbox & radio · TDesign · 基础多选框","url":"https://tdesign.tencent.com/vue-next/components/checkbox#基础多选框","type":"style","pricing":"free","tags":["React","Vue","TDesign"],"ct":["checkbox"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"TDesign","kind":"checkbox","page":"https://tdesign.tencent.com/vue-next/components/checkbox","note":"TDesign 官方文档里的「复选单选」公开演示（基础多选框）"},{"id":"cs2-lib-chakra-ui-com--progress--progress--v1","name":"Progress · Chakra UI · Sizes","url":"https://chakra-ui.com/docs/components/progress#sizes","type":"style","pricing":"free","tags":["React","Chakra UI"],"ct":["progress"],"vs":["soft","minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Chakra UI","kind":"progress","page":"https://chakra-ui.com/docs/components/progress","note":"Chakra UI 官方文档里的「进度」公开演示（Sizes）"},{"id":"cs2-lib-ui-nuxt-com--table--table--v2","name":"Table · Nuxt UI · Meta","url":"https://ui.nuxt.com/docs/components/table#meta","type":"style","pricing":"free","tags":["Vue","Nuxt UI"],"ct":["table"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Nuxt UI","kind":"table","page":"https://ui.nuxt.com/docs/components/table","note":"Nuxt UI 官方文档里的「表格」公开演示（Meta）"},{"id":"cs2-lib-quasar-dev--tree--tree--v1","name":"Tree · Quasar · No connectors","url":"https://quasar.dev/vue-components/tree/#example--noconnectors--no-connectors","type":"style","pricing":"free","tags":["Vue","Quasar"],"ct":["tree"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Quasar","kind":"tree","page":"https://quasar.dev/vue-components/tree","note":"Quasar 官方文档里的「树形」公开演示（No connectors）"},{"id":"cs2-lib-ng-ant-design--steps--steps--v1","name":"Steps · NG-ZORRO · Finished","url":"https://ng.ant.design/components/steps/en#components-steps-demo-simple","type":"style","pricing":"free","tags":["Angular","NG-ZORRO"],"ct":["steps"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"NG-ZORRO","kind":"steps","page":"https://ng.ant.design/components/steps/en","note":"NG-ZORRO 官方文档里的「步骤条」公开演示（Finished）"},{"id":"cs2-lib-element-plus-org--alert--alert--v1","name":"Alert · Element Plus · Theme","url":"https://element-plus.org/en-US/component/alert.html#theme","type":"style","pricing":"free","tags":["Vue","Element Plus"],"ct":["alert"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Element Plus","kind":"alert","page":"https://element-plus.org/en-US/component/alert.html","note":"Element Plus 官方文档里的「警告提示」公开演示（Theme）"},{"id":"cs2-lib-arco-design--dialog--drawer--v3","name":"Dialog · Arco Design · 自定义位置","url":"https://arco.design/react/components/drawer#自定义位置","type":"style","pricing":"free","tags":["React","Vue","Arco Design"],"ct":["dialog"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Arco Design","kind":"dialog","page":"https://arco.design/react/components/drawer","note":"Arco Design 官方文档里的「弹窗」公开演示（自定义位置）"},{"id":"cs2-lib-www-naiveui-com--checkbox--radio--v0","name":"Checkbox & radio · Naive UI","url":"https://www.naiveui.com/en-US/os-theme/components/radio","type":"style","pricing":"free","tags":["Vue","Naive UI"],"ct":["checkbox"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Naive UI","kind":"checkbox","page":"https://www.naiveui.com/en-US/os-theme/components/radio","note":"Naive UI 官方文档里的「复选单选」公开演示"},{"id":"cs2-lib-shoelace-style--carousel--carousel--v0","name":"Carousel · Shoelace","url":"https://shoelace.style/components/carousel","type":"style","pricing":"free","tags":["Web","Components","Shoelace"],"ct":["carousel"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Shoelace","kind":"carousel","page":"https://shoelace.style/components/carousel","note":"Shoelace 官方文档里的「轮播」公开演示"},{"id":"cs2-reactbits-dev--steps--components-stepper--v0","name":"Steps · React Bits · Stepper","url":"https://reactbits.dev/components/stepper#root","type":"style","pricing":"unknown","tags":["React","React Bits"],"ct":["steps"],"vs":["dark-tech","motion","3d"],"rt":["component-demo"],"section":"组件样式","libName":"React Bits","kind":"steps","page":"https://reactbits.dev/components/stepper","note":"React Bits 官方文档里的「步骤条」公开演示（Stepper）"},{"id":"cs2-lib-flowbite-com--steps--components-stepper--v3","name":"Steps · Flowbite · Vertical stepper","url":"https://flowbite.com/docs/components/stepper/","type":"style","pricing":"freemium","tags":["CSS","React","Vue","Svelte","Flowbite"],"ct":["steps"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Flowbite","kind":"steps","page":"https://flowbite.com/docs/components/stepper/","note":"Flowbite 官方文档里的「步骤条」公开演示（Vertical stepper）"},{"id":"cs2-lib-vuetifyjs-com--avatar--avatars--v3","name":"Avatar · Vuetify","url":"https://vuetifyjs.com/en/components/avatars/#advanced-usage","type":"style","pricing":"free","tags":["Vue","Vuetify"],"ct":["avatar"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Vuetify","kind":"avatar","page":"https://vuetifyjs.com/en/components/avatars/","note":"Vuetify 官方文档里的「头像」公开演示"},{"id":"cs2-lib-mui-com-material-ui--checkbox--checkbox--v3","name":"Checkbox & radio · Material UI · FormGroup","url":"https://mui.com/material-ui/react-checkbox/#formgroup","type":"style","pricing":"free","tags":["React","Material UI"],"ct":["checkbox"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Material UI","kind":"checkbox","page":"https://mui.com/material-ui/react-checkbox/","note":"Material UI 官方文档里的「复选单选」公开演示（FormGroup）"},{"id":"cs2-lib-getbootstrap-com--progress--components-progress--v0","name":"Progress · Bootstrap · How it works","url":"https://getbootstrap.com/docs/5.3/components/progress/#how-it-works","type":"style","pricing":"free","tags":["CSS","Bootstrap"],"ct":["progress"],"vs":["minimal","utilitarian"],"rt":["component-demo"],"section":"组件样式","libName":"Bootstrap","kind":"progress","page":"https://getbootstrap.com/docs/5.3/components/progress/","note":"Bootstrap 官方文档里的「进度」公开演示（How it works）"},{"id":"cs2-lib-mantine-dev--checkbox--core-checkbox--v0","name":"Checkbox & radio · Mantine","url":"https://mantine.dev/core/checkbox/#mdx","type":"style","pricing":"free","tags":["React","Mantine"],"ct":["checkbox"],"vs":["minimal","enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Mantine","kind":"checkbox","page":"https://mantine.dev/core/checkbox/","note":"Mantine 官方文档里的「复选单选」公开演示"},{"id":"cs2-lib-www-radix-ui-com-themes--data--data-list--v0","name":"Data display · Radix Themes · Typography","url":"https://www.radix-ui.com/themes/docs/components/data-list","type":"style","pricing":"free","tags":["React","Radix Themes"],"ct":["data"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Radix Themes","kind":"data","page":"https://www.radix-ui.com/themes/docs/components/data-list","note":"Radix Themes 官方文档里的「数据展示」公开演示（Typography）"},{"id":"cs2-lib-daisyui-com--badge--badge--v2","name":"Badge & tag · daisyUI · Badge sizes","url":"https://daisyui.com/components/badge/#badge-sizes","type":"style","pricing":"free","tags":["CSS","daisyUI"],"ct":["badge"],"vs":["playful","soft"],"rt":["component-demo"],"section":"组件样式","libName":"daisyUI","kind":"badge","page":"https://daisyui.com/components/badge/","note":"daisyUI 官方文档里的「徽标标签」公开演示（Badge sizes）"},{"id":"cs2-www-heroui-com--dialog--drawer--v3","name":"Dialog · HeroUI · Scrollable Content","url":"https://heroui.com/en/docs/react/components/drawer#scrollable-content","type":"style","pricing":"unknown","tags":["HeroUI"],"ct":["dialog"],"vs":["soft","playful"],"rt":["component-demo"],"section":"组件样式","libName":"HeroUI","kind":"dialog","page":"https://www.heroui.com/docs/components/drawer","note":"HeroUI 官方文档里的「弹窗」公开演示（Scrollable Content）"},{"id":"cs2-lib-ionicframework-com--list--list--v0","name":"List · Ionic · Basic Usage","url":"https://ionicframework.com/docs/api/list#basic-usage","type":"style","pricing":"free","tags":["React","Vue","Angular","Ionic"],"ct":["list"],"vs":["apple","minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Ionic","kind":"list","page":"https://ionicframework.com/docs/api/list","note":"Ionic 官方文档里的「列表」公开演示（Basic Usage）"},{"id":"cs2-ui-shadcn-com--progress--docs-components-progress--v1","name":"Progress · shadcn/ui · Label","url":"https://ui.shadcn.com/docs/components/base/progress#label","type":"style","pricing":"unknown","tags":["shadcn","shadcn/ui"],"ct":["progress"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"shadcn/ui","kind":"progress","page":"https://ui.shadcn.com/docs/components/progress","note":"shadcn/ui 官方文档里的「进度」公开演示（Label）"},{"id":"cs2-magicui-design--layout--safari--v2","name":"Layout · Magic UI · With Video","url":"https://magicui.design/docs/components/safari#with-video","type":"style","pricing":"unknown","tags":["Magic UI"],"ct":["layout"],"vs":["dark-tech","gradient","motion"],"rt":["component-demo"],"section":"组件样式","libName":"Magic UI","kind":"layout","page":"https://magicui.design/docs/components/safari","note":"Magic UI 官方文档里的「区块」公开演示（With Video）"},{"id":"cs2-lib-primevue-org--checkbox--radiobutton--v1","name":"Checkbox & radio · PrimeVue · Basic","url":"https://primevue.dev/radiobutton/#__nuxt","type":"style","pricing":"freemium","tags":["Vue","PrimeVue"],"ct":["checkbox"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"PrimeVue","kind":"checkbox","page":"https://primevue.org/radiobutton/","note":"PrimeVue 官方文档里的「复选单选」公开演示（Basic）"},{"id":"cs2-lib-ant-design--pagination--pagination--v2","name":"Pagination · Ant Design · Align","url":"https://ant.design/components/pagination#pagination-demo-align","type":"style","pricing":"free","tags":["React","Ant Design"],"ct":["pagination"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Ant Design","kind":"pagination","page":"https://ant.design/components/pagination","note":"Ant Design 官方文档里的「分页」公开演示（Align）"},{"id":"cs2-lib-tdesign-tencent-com--checkbox--checkbox--v1","name":"Checkbox & radio · TDesign · 联动多选框","url":"https://tdesign.tencent.com/vue-next/components/checkbox#联动多选框","type":"style","pricing":"free","tags":["React","Vue","TDesign"],"ct":["checkbox"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"TDesign","kind":"checkbox","page":"https://tdesign.tencent.com/vue-next/components/checkbox","note":"TDesign 官方文档里的「复选单选」公开演示（联动多选框）"},{"id":"cs2-lib-chakra-ui-com--progress--progress--v2","name":"Progress · Chakra UI · Variants","url":"https://chakra-ui.com/docs/components/progress#variants","type":"style","pricing":"free","tags":["React","Chakra UI"],"ct":["progress"],"vs":["soft","minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Chakra UI","kind":"progress","page":"https://chakra-ui.com/docs/components/progress","note":"Chakra UI 官方文档里的「进度」公开演示（Variants）"},{"id":"cs2-lib-quasar-dev--tree--tree--v2","name":"Tree · Quasar · Dense","url":"https://quasar.dev/vue-components/tree/#example--densetree--dense","type":"style","pricing":"free","tags":["Vue","Quasar"],"ct":["tree"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Quasar","kind":"tree","page":"https://quasar.dev/vue-components/tree","note":"Quasar 官方文档里的「树形」公开演示（Dense）"},{"id":"cs2-lib-ng-ant-design--progress--progress--v0","name":"Progress · NG-ZORRO","url":"https://ng.ant.design/components/progress/en","type":"style","pricing":"free","tags":["Angular","NG-ZORRO"],"ct":["progress"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"NG-ZORRO","kind":"progress","page":"https://ng.ant.design/components/progress/en","note":"NG-ZORRO 官方文档里的「进度」公开演示"},{"id":"cs2-lib-element-plus-org--alert--alert--v2","name":"Alert · Element Plus · Customizable Close Button","url":"https://element-plus.org/en-US/component/alert.html#customizable-close-button","type":"style","pricing":"free","tags":["Vue","Element Plus"],"ct":["alert"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Element Plus","kind":"alert","page":"https://element-plus.org/en-US/component/alert.html","note":"Element Plus 官方文档里的「警告提示」公开演示（Customizable Close Button）"},{"id":"cs2-lib-arco-design--list--transfer--v1","name":"List · Arco Design · 基础用法","url":"https://arco.design/react/components/transfer#基础用法","type":"style","pricing":"free","tags":["React","Vue","Arco Design"],"ct":["list"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Arco Design","kind":"list","page":"https://arco.design/react/components/transfer","note":"Arco Design 官方文档里的「列表」公开演示（基础用法）"},{"id":"cs2-lib-www-naiveui-com--timeline--timeline--v0","name":"Timeline · Naive UI","url":"https://www.naiveui.com/en-US/os-theme/components/timeline","type":"style","pricing":"free","tags":["Vue","Naive UI"],"ct":["timeline"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Naive UI","kind":"timeline","page":"https://www.naiveui.com/en-US/os-theme/components/timeline","note":"Naive UI 官方文档里的「时间轴」公开演示"},{"id":"cs2-lib-shoelace-style--card--qr-code--v0","name":"Card · Shoelace","url":"https://shoelace.style/components/qr-code","type":"style","pricing":"free","tags":["Web","Components","Shoelace"],"ct":["card"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Shoelace","kind":"card","page":"https://shoelace.style/components/qr-code","note":"Shoelace 官方文档里的「卡片」公开演示"},{"id":"cs2-reactbits-dev--background--backgrounds-galaxy--v0","name":"Background · React Bits · Galaxy","url":"https://reactbits.dev/backgrounds/galaxy#root","type":"style","pricing":"unknown","tags":["React","React Bits"],"ct":["background"],"vs":["dark-tech","motion","3d"],"rt":["component-demo","motion"],"section":"组件样式","libName":"React Bits","kind":"background","page":"https://reactbits.dev/backgrounds/galaxy","note":"React Bits 官方文档里的「背景」公开演示（Galaxy）"},{"id":"cs2-lib-flowbite-com--loader--components-skeleton--v1","name":"Loader · Flowbite · Image placeholder","url":"https://flowbite.com/docs/components/skeleton/","type":"style","pricing":"freemium","tags":["CSS","React","Vue","Svelte","Flowbite"],"ct":["loader"],"vs":["minimal"],"rt":["component-demo","motion"],"section":"组件样式","libName":"Flowbite","kind":"loader","page":"https://flowbite.com/docs/components/skeleton/","note":"Flowbite 官方文档里的「加载」公开演示（Image placeholder）"},{"id":"cs2-lib-vuetifyjs-com--accordion--expansion-panels--v1","name":"Accordion · Vuetify","url":"https://vuetifyjs.com/en/components/expansion-panels/#model","type":"style","pricing":"free","tags":["Vue","Vuetify"],"ct":["accordion"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Vuetify","kind":"accordion","page":"https://vuetifyjs.com/en/components/expansion-panels/","note":"Vuetify 官方文档里的「折叠面板」公开演示"},{"id":"cs2-lib-mui-com-material-ui--switch--switch--v0","name":"Switch · Material UI","url":"https://mui.com/material-ui/react-switch/","type":"style","pricing":"free","tags":["React","Material UI"],"ct":["switch"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Material UI","kind":"switch","page":"https://mui.com/material-ui/react-switch/","note":"Material UI 官方文档里的「开关」公开演示"},{"id":"cs2-lib-getbootstrap-com--progress--components-progress--v1","name":"Progress · Bootstrap · Width","url":"https://getbootstrap.com/docs/5.3/components/progress/#width","type":"style","pricing":"free","tags":["CSS","Bootstrap"],"ct":["progress"],"vs":["minimal","utilitarian"],"rt":["component-demo"],"section":"组件样式","libName":"Bootstrap","kind":"progress","page":"https://getbootstrap.com/docs/5.3/components/progress/","note":"Bootstrap 官方文档里的「进度」公开演示（Width）"},{"id":"cs2-lib-mantine-dev--checkbox--core-checkbox--v1","name":"Checkbox & radio · Mantine · Checkbox with @mantine/form","url":"https://mantine.dev/core/checkbox/#mdx","type":"style","pricing":"free","tags":["React","Mantine"],"ct":["checkbox"],"vs":["minimal","enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Mantine","kind":"checkbox","page":"https://mantine.dev/core/checkbox/","note":"Mantine 官方文档里的「复选单选」公开演示（Checkbox with @mantine/form）"},{"id":"cs2-lib-www-radix-ui-com-themes--slider--slider--v1","name":"Slider · Radix Themes · Variant","url":"https://www.radix-ui.com/themes/docs/components/slider#variant","type":"style","pricing":"free","tags":["React","Radix Themes"],"ct":["slider"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Radix Themes","kind":"slider","page":"https://www.radix-ui.com/themes/docs/components/slider","note":"Radix Themes 官方文档里的「滑块」公开演示（Variant）"},{"id":"cs2-lib-daisyui-com--badge--badge--v3","name":"Badge & tag · daisyUI · Badge with colors","url":"https://daisyui.com/components/badge/#badge-with-colors","type":"style","pricing":"free","tags":["CSS","daisyUI"],"ct":["badge"],"vs":["playful","soft"],"rt":["component-demo"],"section":"组件样式","libName":"daisyUI","kind":"badge","page":"https://daisyui.com/components/badge/","note":"daisyUI 官方文档里的「徽标标签」公开演示（Badge with colors）"},{"id":"cs2-www-heroui-com--badge--chip--v0","name":"Badge & tag · HeroUI","url":"https://heroui.com/en/docs/react/components/chip#usage","type":"style","pricing":"unknown","tags":["HeroUI"],"ct":["badge"],"vs":["soft","playful"],"rt":["component-demo"],"section":"组件样式","libName":"HeroUI","kind":"badge","page":"https://www.heroui.com/docs/components/chip","note":"HeroUI 官方文档里的「徽标标签」公开演示"},{"id":"cs2-lib-ionicframework-com--badge--chip--v0","name":"Badge & tag · Ionic · Basic Usage","url":"https://ionicframework.com/docs/api/chip#basic-usage","type":"style","pricing":"free","tags":["React","Vue","Angular","Ionic"],"ct":["badge"],"vs":["apple","minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Ionic","kind":"badge","page":"https://ionicframework.com/docs/api/chip","note":"Ionic 官方文档里的「徽标标签」公开演示（Basic Usage）"},{"id":"cs2-ui-shadcn-com--progress--docs-components-progress--v2","name":"Progress · shadcn/ui · Controlled","url":"https://ui.shadcn.com/docs/components/base/progress#controlled","type":"style","pricing":"unknown","tags":["shadcn","shadcn/ui"],"ct":["progress"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"shadcn/ui","kind":"progress","page":"https://ui.shadcn.com/docs/components/progress","note":"shadcn/ui 官方文档里的「进度」公开演示（Controlled）"},{"id":"cs2-magicui-design--motion--lens--v1","name":"Motion · Magic UI · Static Lens","url":"https://magicui.design/docs/components/lens#static-lens","type":"style","pricing":"unknown","tags":["Magic UI"],"ct":["motion"],"vs":["dark-tech","gradient","motion"],"rt":["component-demo","motion"],"section":"组件样式","libName":"Magic UI","kind":"motion","page":"https://magicui.design/docs/components/lens","note":"Magic UI 官方文档里的「动效」公开演示（Static Lens）"},{"id":"cs2-lib-primevue-org--checkbox--radiobutton--v3","name":"Checkbox & radio · PrimeVue · Dynamic","url":"https://primevue.dev/radiobutton/#__nuxt","type":"style","pricing":"freemium","tags":["Vue","PrimeVue"],"ct":["checkbox"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"PrimeVue","kind":"checkbox","page":"https://primevue.org/radiobutton/","note":"PrimeVue 官方文档里的「复选单选」公开演示（Dynamic）"},{"id":"cs2-lib-ant-design--pagination--pagination--v3","name":"Pagination · Ant Design · More","url":"https://ant.design/components/pagination#pagination-demo-more","type":"style","pricing":"free","tags":["React","Ant Design"],"ct":["pagination"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Ant Design","kind":"pagination","page":"https://ant.design/components/pagination","note":"Ant Design 官方文档里的「分页」公开演示（More）"},{"id":"cs2-lib-tdesign-tencent-com--checkbox--checkbox--v2","name":"Checkbox & radio · TDesign · 成组的多选框组","url":"https://tdesign.tencent.com/vue-next/components/checkbox#成组的多选框组","type":"style","pricing":"free","tags":["React","Vue","TDesign"],"ct":["checkbox"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"TDesign","kind":"checkbox","page":"https://tdesign.tencent.com/vue-next/components/checkbox","note":"TDesign 官方文档里的「复选单选」公开演示（成组的多选框组）"},{"id":"cs2-lib-chakra-ui-com--progress--progress--v3","name":"Progress · Chakra UI · Colors","url":"https://chakra-ui.com/docs/components/progress#colors","type":"style","pricing":"free","tags":["React","Chakra UI"],"ct":["progress"],"vs":["soft","minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Chakra UI","kind":"progress","page":"https://chakra-ui.com/docs/components/progress","note":"Chakra UI 官方文档里的「进度」公开演示（Colors）"},{"id":"cs2-lib-quasar-dev--tree--tree--v3","name":"Tree · Quasar · Force dark mode","url":"https://quasar.dev/vue-components/tree/#example--dark--force-dark-mode","type":"style","pricing":"free","tags":["Vue","Quasar"],"ct":["tree"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Quasar","kind":"tree","page":"https://quasar.dev/vue-components/tree","note":"Quasar 官方文档里的「树形」公开演示（Force dark mode）"},{"id":"cs2-lib-ng-ant-design--slider--slider--v0","name":"Slider · NG-ZORRO","url":"https://ng.ant.design/components/slider/en","type":"style","pricing":"free","tags":["Angular","NG-ZORRO"],"ct":["slider"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"NG-ZORRO","kind":"slider","page":"https://ng.ant.design/components/slider/en","note":"NG-ZORRO 官方文档里的「滑块」公开演示"},{"id":"cs2-lib-element-plus-org--alert--alert--v3","name":"Alert · Element Plus · With Icon","url":"https://element-plus.org/en-US/component/alert.html#with-icon","type":"style","pricing":"free","tags":["Vue","Element Plus"],"ct":["alert"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Element Plus","kind":"alert","page":"https://element-plus.org/en-US/component/alert.html","note":"Element Plus 官方文档里的「警告提示」公开演示（With Icon）"},{"id":"cs2-lib-arco-design--list--transfer--v3","name":"List · Arco Design · 带搜索框","url":"https://arco.design/react/components/transfer#带搜索框","type":"style","pricing":"free","tags":["React","Vue","Arco Design"],"ct":["list"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Arco Design","kind":"list","page":"https://arco.design/react/components/transfer","note":"Arco Design 官方文档里的「列表」公开演示（带搜索框）"},{"id":"cs2-lib-www-naiveui-com--timeline--timeline--v1","name":"Timeline · Naive UI","url":"https://www.naiveui.com/en-US/os-theme/components/timeline","type":"style","pricing":"free","tags":["Vue","Naive UI"],"ct":["timeline"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Naive UI","kind":"timeline","page":"https://www.naiveui.com/en-US/os-theme/components/timeline","note":"Naive UI 官方文档里的「时间轴」公开演示"},{"id":"cs2-lib-shoelace-style--form--range--v0","name":"Form · Shoelace","url":"https://shoelace.style/components/range","type":"style","pricing":"free","tags":["Web","Components","Shoelace"],"ct":["form"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Shoelace","kind":"form","page":"https://shoelace.style/components/range","note":"Shoelace 官方文档里的「表单」公开演示"},{"id":"cs2-reactbits-dev--card--components-profile-card--v0","name":"Card · React Bits · Profile Card","url":"https://reactbits.dev/components/profile-card#root","type":"style","pricing":"unknown","tags":["React","React Bits"],"ct":["card"],"vs":["dark-tech","motion","3d"],"rt":["component-demo"],"section":"组件样式","libName":"React Bits","kind":"card","page":"https://reactbits.dev/components/profile-card","note":"React Bits 官方文档里的「卡片」公开演示（Profile Card）"},{"id":"cs2-lib-flowbite-com--alert--components-alerts--v0","name":"Alert · Flowbite · Default alert","url":"https://flowbite.com/docs/components/alerts/","type":"style","pricing":"freemium","tags":["CSS","React","Vue","Svelte","Flowbite"],"ct":["alert"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Flowbite","kind":"alert","page":"https://flowbite.com/docs/components/alerts/","note":"Flowbite 官方文档里的「警告提示」公开演示（Default alert）"},{"id":"cs2-lib-vuetifyjs-com--accordion--expansion-panels--v2","name":"Accordion · Vuetify","url":"https://vuetifyjs.com/en/components/expansion-panels/#model","type":"style","pricing":"free","tags":["Vue","Vuetify"],"ct":["accordion"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Vuetify","kind":"accordion","page":"https://vuetifyjs.com/en/components/expansion-panels/","note":"Vuetify 官方文档里的「折叠面板」公开演示"},{"id":"cs2-lib-mui-com-material-ui--switch--switch--v1","name":"Switch · Material UI · Label","url":"https://mui.com/material-ui/react-switch/#label","type":"style","pricing":"free","tags":["React","Material UI"],"ct":["switch"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Material UI","kind":"switch","page":"https://mui.com/material-ui/react-switch/","note":"Material UI 官方文档里的「开关」公开演示（Label）"},{"id":"cs2-lib-getbootstrap-com--progress--components-progress--v2","name":"Progress · Bootstrap · Height","url":"https://getbootstrap.com/docs/5.3/components/progress/#height","type":"style","pricing":"free","tags":["CSS","Bootstrap"],"ct":["progress"],"vs":["minimal","utilitarian"],"rt":["component-demo"],"section":"组件样式","libName":"Bootstrap","kind":"progress","page":"https://getbootstrap.com/docs/5.3/components/progress/","note":"Bootstrap 官方文档里的「进度」公开演示（Height）"},{"id":"cs2-lib-mantine-dev--checkbox--core-checkbox--v2","name":"Checkbox & radio · Mantine · States","url":"https://mantine.dev/core/checkbox/#mdx","type":"style","pricing":"free","tags":["React","Mantine"],"ct":["checkbox"],"vs":["minimal","enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Mantine","kind":"checkbox","page":"https://mantine.dev/core/checkbox/","note":"Mantine 官方文档里的「复选单选」公开演示（States）"},{"id":"cs2-lib-www-radix-ui-com-themes--slider--slider--v2","name":"Slider · Radix Themes · Color","url":"https://www.radix-ui.com/themes/docs/components/slider#color","type":"style","pricing":"free","tags":["React","Radix Themes"],"ct":["slider"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Radix Themes","kind":"slider","page":"https://www.radix-ui.com/themes/docs/components/slider","note":"Radix Themes 官方文档里的「滑块」公开演示（Color）"},{"id":"cs2-lib-daisyui-com--accordion--collapse--v2","name":"Accordion · daisyUI","url":"https://daisyui.com/components/collapse/#collapse-with-checkbox-and-close-on-click-outside","type":"style","pricing":"free","tags":["CSS","daisyUI"],"ct":["accordion"],"vs":["playful","soft"],"rt":["component-demo"],"section":"组件样式","libName":"daisyUI","kind":"accordion","page":"https://daisyui.com/components/collapse/","note":"daisyUI 官方文档里的「折叠面板」公开演示"},{"id":"cs2-www-heroui-com--badge--chip--v1","name":"Badge & tag · HeroUI · Statuses","url":"https://heroui.com/en/docs/react/components/chip#statuses","type":"style","pricing":"unknown","tags":["HeroUI"],"ct":["badge"],"vs":["soft","playful"],"rt":["component-demo"],"section":"组件样式","libName":"HeroUI","kind":"badge","page":"https://www.heroui.com/docs/components/chip","note":"HeroUI 官方文档里的「徽标标签」公开演示（Statuses）"},{"id":"cs2-lib-ionicframework-com--loader--skeleton-text--v0","name":"Loader · Ionic · Basic Usage","url":"https://ionicframework.com/docs/api/skeleton-text#basic-usage","type":"style","pricing":"free","tags":["React","Vue","Angular","Ionic"],"ct":["loader"],"vs":["apple","minimal"],"rt":["component-demo","motion"],"section":"组件样式","libName":"Ionic","kind":"loader","page":"https://ionicframework.com/docs/api/skeleton-text","note":"Ionic 官方文档里的「加载」公开演示（Basic Usage）"},{"id":"cs2-ui-shadcn-com--progress--docs-components-progress--v3","name":"Progress · shadcn/ui · RTL","url":"https://ui.shadcn.com/docs/components/base/progress#rtl","type":"style","pricing":"unknown","tags":["shadcn","shadcn/ui"],"ct":["progress"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"shadcn/ui","kind":"progress","page":"https://ui.shadcn.com/docs/components/progress","note":"shadcn/ui 官方文档里的「进度」公开演示（RTL）"},{"id":"cs2-magicui-design--effect--border-beam--v1","name":"Background · Magic UI","url":"https://magicui.design/docs/components/border-beam#2-border-beams","type":"style","pricing":"unknown","tags":["Magic UI"],"ct":["background"],"vs":["dark-tech","gradient","motion"],"rt":["component-demo","motion"],"section":"组件样式","libName":"Magic UI","kind":"background","page":"https://magicui.design/docs/components/border-beam","note":"Magic UI 官方文档里的「背景」公开演示"},{"id":"cs2-lib-primevue-org--input--autocomplete--v1","name":"Input · PrimeVue · Basic","url":"https://primevue.dev/autocomplete/#__nuxt","type":"style","pricing":"freemium","tags":["Vue","PrimeVue"],"ct":["input"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"PrimeVue","kind":"input","page":"https://primevue.org/autocomplete/","note":"PrimeVue 官方文档里的「输入框」公开演示（Basic）"},{"id":"cs2-lib-ant-design--checkbox--checkbox--v1","name":"Checkbox & radio · Ant Design · Basic","url":"https://ant.design/components/checkbox#checkbox-demo-basic","type":"style","pricing":"free","tags":["React","Ant Design"],"ct":["checkbox"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Ant Design","kind":"checkbox","page":"https://ant.design/components/checkbox","note":"Ant Design 官方文档里的「复选单选」公开演示（Basic）"},{"id":"cs2-lib-tdesign-tencent-com--checkbox--checkbox--v3","name":"Checkbox & radio · TDesign · 受控类多选框","url":"https://tdesign.tencent.com/vue-next/components/checkbox#受控类多选框","type":"style","pricing":"free","tags":["React","Vue","TDesign"],"ct":["checkbox"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"TDesign","kind":"checkbox","page":"https://tdesign.tencent.com/vue-next/components/checkbox","note":"TDesign 官方文档里的「复选单选」公开演示（受控类多选框）"},{"id":"cs2-lib-chakra-ui-com--color--color-picker--v0","name":"Color picker · Chakra UI","url":"https://chakra-ui.com/docs/components/color-picker","type":"style","pricing":"free","tags":["React","Chakra UI"],"ct":["color"],"vs":["soft","minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Chakra UI","kind":"color","page":"https://chakra-ui.com/docs/components/color-picker","note":"Chakra UI 官方文档里的「取色器」公开演示"},{"id":"cs2-lib-quasar-dev--checkbox--checkbox--v2","name":"Checkbox & radio · Quasar · Label","url":"https://quasar.dev/vue-components/checkbox/#example--label--label","type":"style","pricing":"free","tags":["Vue","Quasar"],"ct":["checkbox"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Quasar","kind":"checkbox","page":"https://quasar.dev/vue-components/checkbox","note":"Quasar 官方文档里的「复选单选」公开演示（Label）"},{"id":"cs2-lib-ng-ant-design--badge--tag--v0","name":"Badge & tag · NG-ZORRO","url":"https://ng.ant.design/components/tag/en","type":"style","pricing":"free","tags":["Angular","NG-ZORRO"],"ct":["badge"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"NG-ZORRO","kind":"badge","page":"https://ng.ant.design/components/tag/en","note":"NG-ZORRO 官方文档里的「徽标标签」公开演示"},{"id":"cs2-lib-element-plus-org--progress--progress--v0","name":"Progress · Element Plus · Linear progress bar","url":"https://element-plus.org/en-US/component/progress.html#linear-progress-bar","type":"style","pricing":"free","tags":["Vue","Element Plus"],"ct":["progress"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Element Plus","kind":"progress","page":"https://element-plus.org/en-US/component/progress.html","note":"Element Plus 官方文档里的「进度」公开演示（Linear progress bar）"},{"id":"cs2-lib-arco-design--empty--empty--v3","name":"Empty & result · Arco Design · 自定义图标和文案","url":"https://arco.design/react/components/empty#自定义图标和文案","type":"style","pricing":"free","tags":["React","Vue","Arco Design"],"ct":["empty"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Arco Design","kind":"empty","page":"https://arco.design/react/components/empty","note":"Arco Design 官方文档里的「空状态结果」公开演示（自定义图标和文案）"},{"id":"cs2-lib-www-naiveui-com--data--statistic--v0","name":"Data display · Naive UI","url":"https://www.naiveui.com/en-US/os-theme/components/statistic","type":"style","pricing":"free","tags":["Vue","Naive UI"],"ct":["data"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Naive UI","kind":"data","page":"https://www.naiveui.com/en-US/os-theme/components/statistic","note":"Naive UI 官方文档里的「数据展示」公开演示"},{"id":"cs2-reactbits-dev--background--backgrounds-dot-grid--v0","name":"Background · React Bits · Dot Grid","url":"https://reactbits.dev/backgrounds/dot-grid#root","type":"style","pricing":"unknown","tags":["React","React Bits"],"ct":["background"],"vs":["dark-tech","motion","3d"],"rt":["component-demo","motion"],"section":"组件样式","libName":"React Bits","kind":"background","page":"https://reactbits.dev/backgrounds/dot-grid","note":"React Bits 官方文档里的「背景」公开演示（Dot Grid）"},{"id":"cs2-lib-flowbite-com--alert--components-alerts--v1","name":"Alert · Flowbite · Alerts with icon","url":"https://flowbite.com/docs/components/alerts/","type":"style","pricing":"freemium","tags":["CSS","React","Vue","Svelte","Flowbite"],"ct":["alert"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Flowbite","kind":"alert","page":"https://flowbite.com/docs/components/alerts/","note":"Flowbite 官方文档里的「警告提示」公开演示（Alerts with icon）"},{"id":"cs2-lib-vuetifyjs-com--switch--switches--v0","name":"Switch · Vuetify","url":"https://vuetifyjs.com/en/components/switches/#states","type":"style","pricing":"free","tags":["Vue","Vuetify"],"ct":["switch"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Vuetify","kind":"switch","page":"https://vuetifyjs.com/en/components/switches/","note":"Vuetify 官方文档里的「开关」公开演示"},{"id":"cs2-lib-mui-com-material-ui--switch--switch--v2","name":"Switch · Material UI · Switches with FormGroup","url":"https://mui.com/material-ui/react-switch/#switches-with-formgroup","type":"style","pricing":"free","tags":["React","Material UI"],"ct":["switch"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Material UI","kind":"switch","page":"https://mui.com/material-ui/react-switch/","note":"Material UI 官方文档里的「开关」公开演示（Switches with FormGroup）"},{"id":"cs2-lib-getbootstrap-com--accordion--components-collapse--v0","name":"Accordion · Bootstrap","url":"https://getbootstrap.com/docs/5.3/components/collapse/#example","type":"style","pricing":"free","tags":["CSS","Bootstrap"],"ct":["accordion"],"vs":["minimal","utilitarian"],"rt":["component-demo"],"section":"组件样式","libName":"Bootstrap","kind":"accordion","page":"https://getbootstrap.com/docs/5.3/components/collapse/","note":"Bootstrap 官方文档里的「折叠面板」公开演示"},{"id":"cs2-lib-mantine-dev--checkbox--core-checkbox--v3","name":"Checkbox & radio · Mantine · Light variant","url":"https://mantine.dev/core/checkbox/#mdx","type":"style","pricing":"free","tags":["React","Mantine"],"ct":["checkbox"],"vs":["minimal","enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Mantine","kind":"checkbox","page":"https://mantine.dev/core/checkbox/","note":"Mantine 官方文档里的「复选单选」公开演示（Light variant）"},{"id":"cs2-lib-www-radix-ui-com-themes--slider--slider--v3","name":"Slider · Radix Themes · High-contrast","url":"https://www.radix-ui.com/themes/docs/components/slider#high-contrast","type":"style","pricing":"free","tags":["React","Radix Themes"],"ct":["slider"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Radix Themes","kind":"slider","page":"https://www.radix-ui.com/themes/docs/components/slider","note":"Radix Themes 官方文档里的「滑块」公开演示（High-contrast）"},{"id":"cs2-lib-daisyui-com--rating--rating--v3","name":"Rating · daisyUI · mask-heart with multiple colors","url":"https://daisyui.com/components/rating/#mask-heart-with-multiple-colors","type":"style","pricing":"free","tags":["CSS","daisyUI"],"ct":["rating"],"vs":["playful","soft"],"rt":["component-demo"],"section":"组件样式","libName":"daisyUI","kind":"rating","page":"https://daisyui.com/components/rating/","note":"daisyUI 官方文档里的「评分」公开演示（mask-heart with multiple colors）"},{"id":"cs2-www-heroui-com--badge--chip--v2","name":"Badge & tag · HeroUI · With Icons","url":"https://heroui.com/en/docs/react/components/chip#with-icons","type":"style","pricing":"unknown","tags":["HeroUI"],"ct":["badge"],"vs":["soft","playful"],"rt":["component-demo"],"section":"组件样式","libName":"HeroUI","kind":"badge","page":"https://www.heroui.com/docs/components/chip","note":"HeroUI 官方文档里的「徽标标签」公开演示（With Icons）"},{"id":"cs2-lib-ionicframework-com--alert--alert--v0","name":"Alert · Ionic · Inline Alerts (Recommended)","url":"https://ionicframework.com/docs/api/alert#inline-alerts-recommended","type":"style","pricing":"free","tags":["React","Vue","Angular","Ionic"],"ct":["alert"],"vs":["apple","minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Ionic","kind":"alert","page":"https://ionicframework.com/docs/api/alert","note":"Ionic 官方文档里的「警告提示」公开演示（Inline Alerts (Recommended)）"},{"id":"cs2-ui-shadcn-com--menu--docs-components-context-menu--v1","name":"Menu · shadcn/ui · Basic","url":"https://ui.shadcn.com/docs/components/base/context-menu#basic","type":"style","pricing":"unknown","tags":["shadcn","shadcn/ui"],"ct":["menu"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"shadcn/ui","kind":"menu","page":"https://ui.shadcn.com/docs/components/context-menu","note":"shadcn/ui 官方文档里的「菜单」公开演示（Basic）"},{"id":"cs2-magicui-design--effect--border-beam--v2","name":"Background · Magic UI · Reverse","url":"https://magicui.design/docs/components/border-beam#reverse","type":"style","pricing":"unknown","tags":["Magic UI"],"ct":["background"],"vs":["dark-tech","gradient","motion"],"rt":["component-demo","motion"],"section":"组件样式","libName":"Magic UI","kind":"background","page":"https://magicui.design/docs/components/border-beam","note":"Magic UI 官方文档里的「背景」公开演示（Reverse）"},{"id":"cs2-lib-primevue-org--menu--menu--v3","name":"Menu · PrimeVue · Toggleable","url":"https://primevue.dev/menu/#__nuxt","type":"style","pricing":"freemium","tags":["Vue","PrimeVue"],"ct":["menu"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"PrimeVue","kind":"menu","page":"https://primevue.org/menu/","note":"PrimeVue 官方文档里的「菜单」公开演示（Toggleable）"},{"id":"cs2-lib-ant-design--checkbox--checkbox--v2","name":"Checkbox & radio · Ant Design · Basic","url":"https://ant.design/components/checkbox#checkbox-demo-basic","type":"style","pricing":"free","tags":["React","Ant Design"],"ct":["checkbox"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Ant Design","kind":"checkbox","page":"https://ant.design/components/checkbox","note":"Ant Design 官方文档里的「复选单选」公开演示（Basic）"},{"id":"cs2-lib-tdesign-tencent-com--checkbox--radio--v1","name":"Checkbox & radio · TDesign · 按钮单选框","url":"https://tdesign.tencent.com/vue-next/components/radio#按钮单选框","type":"style","pricing":"free","tags":["React","Vue","TDesign"],"ct":["checkbox"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"TDesign","kind":"checkbox","page":"https://tdesign.tencent.com/vue-next/components/radio","note":"TDesign 官方文档里的「复选单选」公开演示（按钮单选框）"},{"id":"cs2-lib-chakra-ui-com--color--color-picker--v1","name":"Color picker · Chakra UI · Variants","url":"https://chakra-ui.com/docs/components/color-picker#variants","type":"style","pricing":"free","tags":["React","Chakra UI"],"ct":["color"],"vs":["soft","minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Chakra UI","kind":"color","page":"https://chakra-ui.com/docs/components/color-picker","note":"Chakra UI 官方文档里的「取色器」公开演示（Variants）"},{"id":"cs2-lib-quasar-dev--checkbox--checkbox--v3","name":"Checkbox & radio · Quasar · Coloring","url":"https://quasar.dev/vue-components/checkbox/#example--coloring--coloring","type":"style","pricing":"free","tags":["Vue","Quasar"],"ct":["checkbox"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Quasar","kind":"checkbox","page":"https://quasar.dev/vue-components/checkbox","note":"Quasar 官方文档里的「复选单选」公开演示（Coloring）"},{"id":"cs2-lib-ng-ant-design--card--card--v0","name":"Card · NG-ZORRO · Card title","url":"https://ng.ant.design/components/card/en","type":"style","pricing":"free","tags":["Angular","NG-ZORRO"],"ct":["card"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"NG-ZORRO","kind":"card","page":"https://ng.ant.design/components/card/en","note":"NG-ZORRO 官方文档里的「卡片」公开演示（Card title）"},{"id":"cs2-lib-element-plus-org--progress--progress--v1","name":"Progress · Element Plus · Internal percentage","url":"https://element-plus.org/en-US/component/progress.html#internal-percentage","type":"style","pricing":"free","tags":["Vue","Element Plus"],"ct":["progress"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Element Plus","kind":"progress","page":"https://element-plus.org/en-US/component/progress.html","note":"Element Plus 官方文档里的「进度」公开演示（Internal percentage）"},{"id":"cs2-lib-arco-design--timeline--timeline--v3","name":"Timeline · Arco Design · 自定义节点内容","url":"https://arco.design/react/components/timeline#自定义节点内容","type":"style","pricing":"free","tags":["React","Vue","Arco Design"],"ct":["timeline"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Arco Design","kind":"timeline","page":"https://arco.design/react/components/timeline","note":"Arco Design 官方文档里的「时间轴」公开演示（自定义节点内容）"},{"id":"cs2-lib-www-naiveui-com--empty--result--v0","name":"Empty & result · Naive UI","url":"https://www.naiveui.com/en-US/os-theme/components/result","type":"style","pricing":"free","tags":["Vue","Naive UI"],"ct":["empty"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Naive UI","kind":"empty","page":"https://www.naiveui.com/en-US/os-theme/components/result","note":"Naive UI 官方文档里的「空状态结果」公开演示"},{"id":"cs2-reactbits-dev--background--backgrounds-waves--v0","name":"Background · React Bits · Waves","url":"https://reactbits.dev/backgrounds/waves#root","type":"style","pricing":"unknown","tags":["React","React Bits"],"ct":["background"],"vs":["dark-tech","motion","3d"],"rt":["component-demo","motion"],"section":"组件样式","libName":"React Bits","kind":"background","page":"https://reactbits.dev/backgrounds/waves","note":"React Bits 官方文档里的「背景」公开演示（Waves）"},{"id":"cs2-lib-flowbite-com--alert--components-alerts--v2","name":"Alert · Flowbite · Bordered alerts","url":"https://flowbite.com/docs/components/alerts/","type":"style","pricing":"freemium","tags":["CSS","React","Vue","Svelte","Flowbite"],"ct":["alert"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Flowbite","kind":"alert","page":"https://flowbite.com/docs/components/alerts/","note":"Flowbite 官方文档里的「警告提示」公开演示（Bordered alerts）"},{"id":"cs2-lib-vuetifyjs-com--switch--switches--v1","name":"Switch · Vuetify","url":"https://vuetifyjs.com/en/components/switches/#states","type":"style","pricing":"free","tags":["Vue","Vuetify"],"ct":["switch"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Vuetify","kind":"switch","page":"https://vuetifyjs.com/en/components/switches/","note":"Vuetify 官方文档里的「开关」公开演示"},{"id":"cs2-lib-mui-com-material-ui--switch--switch--v3","name":"Switch · Material UI · Customization","url":"https://mui.com/material-ui/react-switch/#customization","type":"style","pricing":"free","tags":["React","Material UI"],"ct":["switch"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Material UI","kind":"switch","page":"https://mui.com/material-ui/react-switch/","note":"Material UI 官方文档里的「开关」公开演示（Customization）"},{"id":"cs2-lib-getbootstrap-com--accordion--components-collapse--v1","name":"Accordion · Bootstrap · Horizontal","url":"https://getbootstrap.com/docs/5.3/components/collapse/#horizontal","type":"style","pricing":"free","tags":["CSS","Bootstrap"],"ct":["accordion"],"vs":["minimal","utilitarian"],"rt":["component-demo"],"section":"组件样式","libName":"Bootstrap","kind":"accordion","page":"https://getbootstrap.com/docs/5.3/components/collapse/","note":"Bootstrap 官方文档里的「折叠面板」公开演示（Horizontal）"},{"id":"cs2-lib-mantine-dev--checkbox--core-radio--v0","name":"Checkbox & radio · Mantine","url":"https://mantine.dev/core/radio/#mdx","type":"style","pricing":"free","tags":["React","Mantine"],"ct":["checkbox"],"vs":["minimal","enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Mantine","kind":"checkbox","page":"https://mantine.dev/core/radio/","note":"Mantine 官方文档里的「复选单选」公开演示"},{"id":"cs2-lib-www-radix-ui-com-themes--progress--progress--v3","name":"Progress · Radix Themes · High-contrast","url":"https://www.radix-ui.com/themes/docs/components/progress#high-contrast","type":"style","pricing":"free","tags":["React","Radix Themes"],"ct":["progress"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Radix Themes","kind":"progress","page":"https://www.radix-ui.com/themes/docs/components/progress","note":"Radix Themes 官方文档里的「进度」公开演示（High-contrast）"},{"id":"cs2-lib-daisyui-com--progress--radial-progress--v0","name":"Progress · daisyUI","url":"https://daisyui.com/components/radial-progress/#radial-progress","type":"style","pricing":"free","tags":["CSS","daisyUI"],"ct":["progress"],"vs":["playful","soft"],"rt":["component-demo"],"section":"组件样式","libName":"daisyUI","kind":"progress","page":"https://daisyui.com/components/radial-progress/","note":"daisyUI 官方文档里的「进度」公开演示"},{"id":"cs2-www-heroui-com--badge--chip--v3","name":"Badge & tag · HeroUI · Tailwind CSS","url":"https://heroui.com/en/docs/react/components/chip#tailwind-css","type":"style","pricing":"unknown","tags":["HeroUI"],"ct":["badge"],"vs":["soft","playful"],"rt":["component-demo"],"section":"组件样式","libName":"HeroUI","kind":"badge","page":"https://www.heroui.com/docs/components/chip","note":"HeroUI 官方文档里的「徽标标签」公开演示（Tailwind CSS）"},{"id":"cs2-lib-ionicframework-com--loader--spinner--v0","name":"Loader · Ionic · Basic Usage","url":"https://ionicframework.com/docs/api/spinner#basic-usage","type":"style","pricing":"free","tags":["React","Vue","Angular","Ionic"],"ct":["loader"],"vs":["apple","minimal"],"rt":["component-demo","motion"],"section":"组件样式","libName":"Ionic","kind":"loader","page":"https://ionicframework.com/docs/api/spinner","note":"Ionic 官方文档里的「加载」公开演示（Basic Usage）"},{"id":"cs2-ui-shadcn-com--accordion--docs-components-accordion--v3","name":"Accordion · shadcn/ui · Disabled","url":"https://ui.shadcn.com/docs/components/base/accordion#disabled","type":"style","pricing":"unknown","tags":["shadcn","shadcn/ui"],"ct":["accordion"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"shadcn/ui","kind":"accordion","page":"https://ui.shadcn.com/docs/components/accordion","note":"shadcn/ui 官方文档里的「折叠面板」公开演示（Disabled）"},{"id":"cs2-magicui-design--chart--number-ticker--v1","name":"Chart · Magic UI · Decimal","url":"https://magicui.design/docs/components/number-ticker#decimal","type":"style","pricing":"unknown","tags":["Magic UI"],"ct":["chart"],"vs":["dark-tech","gradient","motion"],"rt":["component-demo"],"section":"组件样式","libName":"Magic UI","kind":"chart","page":"https://magicui.design/docs/components/number-ticker","note":"Magic UI 官方文档里的「图表」公开演示（Decimal）"},{"id":"cs2-lib-primevue-org--tree--organizationchart--v0","name":"Tree · PrimeVue","url":"https://primevue.dev/organizationchart/","type":"style","pricing":"freemium","tags":["Vue","PrimeVue"],"ct":["tree"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"PrimeVue","kind":"tree","page":"https://primevue.org/organizationchart/","note":"PrimeVue 官方文档里的「树形」公开演示"},{"id":"cs2-lib-ant-design--checkbox--checkbox--v3","name":"Checkbox & radio · Ant Design · Controlled Checkbox","url":"https://ant.design/components/checkbox#checkbox-demo-controller","type":"style","pricing":"free","tags":["React","Ant Design"],"ct":["checkbox"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Ant Design","kind":"checkbox","page":"https://ant.design/components/checkbox","note":"Ant Design 官方文档里的「复选单选」公开演示（Controlled Checkbox）"},{"id":"cs2-lib-tdesign-tencent-com--checkbox--radio--v2","name":"Checkbox & radio · TDesign · 不同尺寸的按钮单选框","url":"https://tdesign.tencent.com/vue-next/components/radio#不同尺寸的按钮单选框","type":"style","pricing":"free","tags":["React","Vue","TDesign"],"ct":["checkbox"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"TDesign","kind":"checkbox","page":"https://tdesign.tencent.com/vue-next/components/radio","note":"TDesign 官方文档里的「复选单选」公开演示（不同尺寸的按钮单选框）"},{"id":"cs2-lib-chakra-ui-com--color--color-picker--v3","name":"Color picker · Chakra UI · Swatch Only","url":"https://chakra-ui.com/docs/components/color-picker#swatch-only","type":"style","pricing":"free","tags":["React","Chakra UI"],"ct":["color"],"vs":["soft","minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Chakra UI","kind":"color","page":"https://chakra-ui.com/docs/components/color-picker","note":"Chakra UI 官方文档里的「取色器」公开演示（Swatch Only）"},{"id":"cs2-lib-quasar-dev--slider--range--v3","name":"Slider · Quasar · Minimum width","url":"https://quasar.dev/vue-components/range/#example--minimumrange--minimum-width","type":"style","pricing":"free","tags":["Vue","Quasar"],"ct":["slider"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Quasar","kind":"slider","page":"https://quasar.dev/vue-components/range","note":"Quasar 官方文档里的「滑块」公开演示（Minimum width）"},{"id":"cs2-lib-ng-ant-design--checkbox--checkbox--v0","name":"Checkbox & radio · NG-ZORRO","url":"https://ng.ant.design/components/checkbox/en","type":"style","pricing":"free","tags":["Angular","NG-ZORRO"],"ct":["checkbox"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"NG-ZORRO","kind":"checkbox","page":"https://ng.ant.design/components/checkbox/en","note":"NG-ZORRO 官方文档里的「复选单选」公开演示"},{"id":"cs2-lib-element-plus-org--progress--progress--v2","name":"Progress · Element Plus · Custom color","url":"https://element-plus.org/en-US/component/progress.html#custom-color","type":"style","pricing":"free","tags":["Vue","Element Plus"],"ct":["progress"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Element Plus","kind":"progress","page":"https://element-plus.org/en-US/component/progress.html","note":"Element Plus 官方文档里的「进度」公开演示（Custom color）"},{"id":"cs2-lib-arco-design--carousel--image--v1","name":"Carousel · Arco Design · 基础用法","url":"https://arco.design/react/components/image#基础用法","type":"style","pricing":"free","tags":["React","Vue","Arco Design"],"ct":["carousel"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Arco Design","kind":"carousel","page":"https://arco.design/react/components/image","note":"Arco Design 官方文档里的「轮播」公开演示（基础用法）"},{"id":"cs2-lib-www-naiveui-com--empty--result--v1","name":"Empty & result · Naive UI","url":"https://www.naiveui.com/en-US/os-theme/components/result","type":"style","pricing":"free","tags":["Vue","Naive UI"],"ct":["empty"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Naive UI","kind":"empty","page":"https://www.naiveui.com/en-US/os-theme/components/result","note":"Naive UI 官方文档里的「空状态结果」公开演示"},{"id":"cs2-reactbits-dev--background--backgrounds-waves--v1","name":"Background · React Bits · Customize","url":"https://reactbits.dev/backgrounds/waves#tabs:«r5»:content-preview","type":"style","pricing":"unknown","tags":["React","React Bits"],"ct":["background"],"vs":["dark-tech","motion","3d"],"rt":["component-demo","motion"],"section":"组件样式","libName":"React Bits","kind":"background","page":"https://reactbits.dev/backgrounds/waves","note":"React Bits 官方文档里的「背景」公开演示（Customize）"},{"id":"cs2-lib-flowbite-com--alert--components-alerts--v3","name":"Alert · Flowbite · Alerts with list","url":"https://flowbite.com/docs/components/alerts/","type":"style","pricing":"freemium","tags":["CSS","React","Vue","Svelte","Flowbite"],"ct":["alert"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Flowbite","kind":"alert","page":"https://flowbite.com/docs/components/alerts/","note":"Flowbite 官方文档里的「警告提示」公开演示（Alerts with list）"},{"id":"cs2-lib-vuetifyjs-com--checkbox--checkboxes--v0","name":"Checkbox & radio · Vuetify","url":"https://vuetifyjs.com/en/components/checkboxes/#inline-text-field","type":"style","pricing":"free","tags":["Vue","Vuetify"],"ct":["checkbox"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Vuetify","kind":"checkbox","page":"https://vuetifyjs.com/en/components/checkboxes/","note":"Vuetify 官方文档里的「复选单选」公开演示"},{"id":"cs2-lib-mui-com-material-ui--nav--app-bar--v0","name":"Navigation · Material UI · Basic App bar","url":"https://mui.com/material-ui/react-app-bar/#basic-app-bar","type":"style","pricing":"free","tags":["React","Material UI"],"ct":["nav"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Material UI","kind":"nav","page":"https://mui.com/material-ui/react-app-bar/","note":"Material UI 官方文档里的「导航」公开演示（Basic App bar）"},{"id":"cs2-lib-getbootstrap-com--accordion--components-collapse--v2","name":"Accordion · Bootstrap · Multiple toggles and targets","url":"https://getbootstrap.com/docs/5.3/components/collapse/#multiple-toggles-and-targets","type":"style","pricing":"free","tags":["CSS","Bootstrap"],"ct":["accordion"],"vs":["minimal","utilitarian"],"rt":["component-demo"],"section":"组件样式","libName":"Bootstrap","kind":"accordion","page":"https://getbootstrap.com/docs/5.3/components/collapse/","note":"Bootstrap 官方文档里的「折叠面板」公开演示（Multiple toggles and targets）"},{"id":"cs2-lib-mantine-dev--checkbox--core-radio--v1","name":"Checkbox & radio · Mantine · States","url":"https://mantine.dev/core/radio/#mdx","type":"style","pricing":"free","tags":["React","Mantine"],"ct":["checkbox"],"vs":["minimal","enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Mantine","kind":"checkbox","page":"https://mantine.dev/core/radio/","note":"Mantine 官方文档里的「复选单选」公开演示（States）"},{"id":"cs2-lib-www-radix-ui-com-themes--checkbox--checkbox-cards--v0","name":"Checkbox & radio · Radix Themes · Typography","url":"https://www.radix-ui.com/themes/docs/components/checkbox-cards","type":"style","pricing":"free","tags":["React","Radix Themes"],"ct":["checkbox"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Radix Themes","kind":"checkbox","page":"https://www.radix-ui.com/themes/docs/components/checkbox-cards","note":"Radix Themes 官方文档里的「复选单选」公开演示（Typography）"},{"id":"cs2-lib-daisyui-com--progress--radial-progress--v1","name":"Progress · daisyUI · Different values","url":"https://daisyui.com/components/radial-progress/#different-values","type":"style","pricing":"free","tags":["CSS","daisyUI"],"ct":["progress"],"vs":["playful","soft"],"rt":["component-demo"],"section":"组件样式","libName":"daisyUI","kind":"progress","page":"https://daisyui.com/components/radial-progress/","note":"daisyUI 官方文档里的「进度」公开演示（Different values）"},{"id":"cs2-www-heroui-com--loader--skeleton--v2","name":"Loader · HeroUI · User Profile","url":"https://heroui.com/en/docs/react/components/skeleton#user-profile","type":"style","pricing":"unknown","tags":["HeroUI"],"ct":["loader"],"vs":["soft","playful"],"rt":["component-demo","motion"],"section":"组件样式","libName":"HeroUI","kind":"loader","page":"https://www.heroui.com/docs/components/skeleton","note":"HeroUI 官方文档里的「加载」公开演示（User Profile）"},{"id":"cs2-lib-ionicframework-com--list--item-sliding--v0","name":"List · Ionic · Basic Usage","url":"https://ionicframework.com/docs/api/item-sliding#basic-usage","type":"style","pricing":"free","tags":["React","Vue","Angular","Ionic"],"ct":["list"],"vs":["apple","minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Ionic","kind":"list","page":"https://ionicframework.com/docs/api/item-sliding","note":"Ionic 官方文档里的「列表」公开演示（Basic Usage）"},{"id":"cs2-ui-shadcn-com--checkbox--docs-components-checkbox--v1","name":"Checkbox & radio · shadcn/ui · Invalid State","url":"https://ui.shadcn.com/docs/components/base/checkbox#invalid-state","type":"style","pricing":"unknown","tags":["shadcn","shadcn/ui"],"ct":["checkbox"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"shadcn/ui","kind":"checkbox","page":"https://ui.shadcn.com/docs/components/checkbox","note":"shadcn/ui 官方文档里的「复选单选」公开演示（Invalid State）"},{"id":"cs2-magicui-design--loader--animated-beam--v2","name":"Loader · Magic UI · Animated Beam Bi-Directional","url":"https://magicui.design/docs/components/animated-beam#animated-beam-bi-directional","type":"style","pricing":"unknown","tags":["Magic UI"],"ct":["loader"],"vs":["dark-tech","gradient","motion"],"rt":["component-demo","motion"],"section":"组件样式","libName":"Magic UI","kind":"loader","page":"https://magicui.design/docs/components/animated-beam","note":"Magic UI 官方文档里的「加载」公开演示（Animated Beam Bi-Directional）"},{"id":"cs2-lib-primevue-org--tree--organizationchart--v2","name":"Tree · PrimeVue · Collapsible","url":"https://primevue.dev/organizationchart/#__nuxt","type":"style","pricing":"freemium","tags":["Vue","PrimeVue"],"ct":["tree"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"PrimeVue","kind":"tree","page":"https://primevue.org/organizationchart/","note":"PrimeVue 官方文档里的「树形」公开演示（Collapsible）"},{"id":"cs2-lib-ant-design--accordion--collapse--v2","name":"Accordion · Ant Design","url":"https://ant.design/components/collapse#collapse-demo-size","type":"style","pricing":"free","tags":["React","Ant Design"],"ct":["accordion"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Ant Design","kind":"accordion","page":"https://ant.design/components/collapse","note":"Ant Design 官方文档里的「折叠面板」公开演示"},{"id":"cs2-lib-tdesign-tencent-com--checkbox--radio--v3","name":"Checkbox & radio · TDesign · 成组的单选框","url":"https://tdesign.tencent.com/vue-next/components/radio#成组的单选框","type":"style","pricing":"free","tags":["React","Vue","TDesign"],"ct":["checkbox"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"TDesign","kind":"checkbox","page":"https://tdesign.tencent.com/vue-next/components/radio","note":"TDesign 官方文档里的「复选单选」公开演示（成组的单选框）"},{"id":"cs2-lib-chakra-ui-com--badge--tag--v0","name":"Badge & tag · Chakra UI","url":"https://chakra-ui.com/docs/components/tag","type":"style","pricing":"free","tags":["React","Chakra UI"],"ct":["badge"],"vs":["soft","minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Chakra UI","kind":"badge","page":"https://chakra-ui.com/docs/components/tag","note":"Chakra UI 官方文档里的「徽标标签」公开演示"},{"id":"cs2-lib-quasar-dev--menu--menu--v0","name":"Menu · Quasar · Basic","url":"https://quasar.dev/vue-components/menu/#example--basic--basic","type":"style","pricing":"free","tags":["Vue","Quasar"],"ct":["menu"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Quasar","kind":"menu","page":"https://quasar.dev/vue-components/menu","note":"Quasar 官方文档里的「菜单」公开演示（Basic）"},{"id":"cs2-lib-ng-ant-design--empty--result--v0","name":"Empty & result · NG-ZORRO","url":"https://ng.ant.design/components/result/en","type":"style","pricing":"free","tags":["Angular","NG-ZORRO"],"ct":["empty"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"NG-ZORRO","kind":"empty","page":"https://ng.ant.design/components/result/en","note":"NG-ZORRO 官方文档里的「空状态结果」公开演示"},{"id":"cs2-lib-element-plus-org--progress--progress--v3","name":"Progress · Element Plus · Circular progress bar","url":"https://element-plus.org/en-US/component/progress.html#circular-progress-bar","type":"style","pricing":"free","tags":["Vue","Element Plus"],"ct":["progress"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Element Plus","kind":"progress","page":"https://element-plus.org/en-US/component/progress.html","note":"Element Plus 官方文档里的「进度」公开演示（Circular progress bar）"},{"id":"cs2-lib-arco-design--carousel--image--v3","name":"Carousel · Arco Design · 显示 Caption","url":"https://arco.design/react/components/image#显示-Caption","type":"style","pricing":"free","tags":["React","Vue","Arco Design"],"ct":["carousel"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Arco Design","kind":"carousel","page":"https://arco.design/react/components/image","note":"Arco Design 官方文档里的「轮播」公开演示（显示 Caption）"},{"id":"cs2-lib-www-naiveui-com--pagination--pagination--v2","name":"Pagination · Naive UI","url":"https://www.naiveui.com/en-US/os-theme/components/pagination","type":"style","pricing":"free","tags":["Vue","Naive UI"],"ct":["pagination"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Naive UI","kind":"pagination","page":"https://www.naiveui.com/en-US/os-theme/components/pagination","note":"Naive UI 官方文档里的「分页」公开演示"},{"id":"cs2-reactbits-dev--background--backgrounds-liquid-chrome--v0","name":"Background · React Bits · Liquid Chrome","url":"https://reactbits.dev/backgrounds/liquid-chrome#root","type":"style","pricing":"unknown","tags":["React","React Bits"],"ct":["background"],"vs":["dark-tech","motion","3d"],"rt":["component-demo","motion"],"section":"组件样式","libName":"React Bits","kind":"background","page":"https://reactbits.dev/backgrounds/liquid-chrome","note":"React Bits 官方文档里的「背景」公开演示（Liquid Chrome）"},{"id":"cs2-lib-flowbite-com--breadcrumb--components-breadcrumb--v3","name":"Breadcrumb · Flowbite · Breadcrumb with dropdown","url":"https://flowbite.com/docs/components/breadcrumb/","type":"style","pricing":"freemium","tags":["CSS","React","Vue","Svelte","Flowbite"],"ct":["breadcrumb"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Flowbite","kind":"breadcrumb","page":"https://flowbite.com/docs/components/breadcrumb/","note":"Flowbite 官方文档里的「面包屑」公开演示（Breadcrumb with dropdown）"},{"id":"cs2-lib-vuetifyjs-com--input--autocompletes--v0","name":"Input · Vuetify","url":"https://vuetifyjs.com/en/components/autocompletes/#subheaders-and-dividers","type":"style","pricing":"free","tags":["Vue","Vuetify"],"ct":["input"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Vuetify","kind":"input","page":"https://vuetifyjs.com/en/components/autocompletes/","note":"Vuetify 官方文档里的「输入框」公开演示"},{"id":"cs2-lib-mui-com-material-ui--nav--app-bar--v1","name":"Navigation · Material UI · App bar with menu","url":"https://mui.com/material-ui/react-app-bar/#app-bar-with-menu","type":"style","pricing":"free","tags":["React","Material UI"],"ct":["nav"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Material UI","kind":"nav","page":"https://mui.com/material-ui/react-app-bar/","note":"Material UI 官方文档里的「导航」公开演示（App bar with menu）"},{"id":"cs2-lib-getbootstrap-com--button--components-button-group--v2","name":"Button · Bootstrap · Outlined styles","url":"https://getbootstrap.com/docs/5.3/components/button-group/#outlined-styles","type":"style","pricing":"free","tags":["CSS","Bootstrap"],"ct":["button"],"vs":["minimal","utilitarian"],"rt":["component-demo"],"section":"组件样式","libName":"Bootstrap","kind":"button","page":"https://getbootstrap.com/docs/5.3/components/button-group/","note":"Bootstrap 官方文档里的「按钮」公开演示（Outlined styles）"},{"id":"cs2-lib-mantine-dev--checkbox--core-radio--v2","name":"Checkbox & radio · Mantine · Light variant","url":"https://mantine.dev/core/radio/#mdx","type":"style","pricing":"free","tags":["React","Mantine"],"ct":["checkbox"],"vs":["minimal","enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Mantine","kind":"checkbox","page":"https://mantine.dev/core/radio/","note":"Mantine 官方文档里的「复选单选」公开演示（Light variant）"},{"id":"cs2-lib-www-radix-ui-com-themes--checkbox--checkbox-cards--v2","name":"Checkbox & radio · Radix Themes · Variant","url":"https://www.radix-ui.com/themes/docs/components/checkbox-cards#variant","type":"style","pricing":"free","tags":["React","Radix Themes"],"ct":["checkbox"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Radix Themes","kind":"checkbox","page":"https://www.radix-ui.com/themes/docs/components/checkbox-cards","note":"Radix Themes 官方文档里的「复选单选」公开演示（Variant）"},{"id":"cs2-lib-daisyui-com--progress--radial-progress--v3","name":"Progress · daisyUI","url":"https://daisyui.com/components/radial-progress/#with-background-color-and-border","type":"style","pricing":"free","tags":["CSS","daisyUI"],"ct":["progress"],"vs":["playful","soft"],"rt":["component-demo"],"section":"组件样式","libName":"daisyUI","kind":"progress","page":"https://daisyui.com/components/radial-progress/","note":"daisyUI 官方文档里的「进度」公开演示"},{"id":"cs2-www-heroui-com--switch--switch--v2","name":"Switch · HeroUI · With Icons","url":"https://heroui.com/en/docs/react/components/switch#with-icons","type":"style","pricing":"unknown","tags":["HeroUI"],"ct":["switch"],"vs":["soft","playful"],"rt":["component-demo"],"section":"组件样式","libName":"HeroUI","kind":"switch","page":"https://www.heroui.com/docs/components/switch","note":"HeroUI 官方文档里的「开关」公开演示（With Icons）"},{"id":"cs2-lib-ionicframework-com--menu--menu--v0","name":"Menu · Ionic · Basic Usage","url":"https://ionicframework.com/docs/api/menu#basic-usage","type":"style","pricing":"free","tags":["React","Vue","Angular","Ionic"],"ct":["menu"],"vs":["apple","minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Ionic","kind":"menu","page":"https://ionicframework.com/docs/api/menu","note":"Ionic 官方文档里的「菜单」公开演示（Basic Usage）"},{"id":"cs2-ui-shadcn-com--slider--docs-components-slider--v3","name":"Slider · shadcn/ui · Vertical","url":"https://ui.shadcn.com/docs/components/base/slider#vertical","type":"style","pricing":"unknown","tags":["shadcn","shadcn/ui"],"ct":["slider"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"shadcn/ui","kind":"slider","page":"https://ui.shadcn.com/docs/components/slider","note":"shadcn/ui 官方文档里的「滑块」公开演示（Vertical）"},{"id":"cs2-magicui-design--loader--animated-beam--v3","name":"Loader · Magic UI · Animated Beam Multiple Inputs","url":"https://magicui.design/docs/components/animated-beam#animated-beam-multiple-inputs","type":"style","pricing":"unknown","tags":["Magic UI"],"ct":["loader"],"vs":["dark-tech","gradient","motion"],"rt":["component-demo","motion"],"section":"组件样式","libName":"Magic UI","kind":"loader","page":"https://magicui.design/docs/components/animated-beam","note":"Magic UI 官方文档里的「加载」公开演示（Animated Beam Multiple Inputs）"},{"id":"cs2-lib-primevue-org--rating--rating--v0","name":"Rating · PrimeVue","url":"https://primevue.dev/rating/","type":"style","pricing":"freemium","tags":["Vue","PrimeVue"],"ct":["rating"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"PrimeVue","kind":"rating","page":"https://primevue.org/rating/","note":"PrimeVue 官方文档里的「评分」公开演示"},{"id":"cs2-lib-ant-design--progress--progress--v0","name":"Progress · Ant Design","url":"https://ant.design/components/progress","type":"style","pricing":"free","tags":["React","Ant Design"],"ct":["progress"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Ant Design","kind":"progress","page":"https://ant.design/components/progress","note":"Ant Design 官方文档里的「进度」公开演示"},{"id":"cs2-lib-tdesign-tencent-com--badge--tag--v0","name":"Badge & tag · TDesign · 基础标签","url":"https://tdesign.tencent.com/vue-next/components/tag#基础标签","type":"style","pricing":"free","tags":["React","Vue","TDesign"],"ct":["badge"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"TDesign","kind":"badge","page":"https://tdesign.tencent.com/vue-next/components/tag","note":"TDesign 官方文档里的「徽标标签」公开演示（基础标签）"},{"id":"cs2-lib-chakra-ui-com--badge--tag--v2","name":"Badge & tag · Chakra UI · Variants","url":"https://chakra-ui.com/docs/components/tag#variants","type":"style","pricing":"free","tags":["React","Chakra UI"],"ct":["badge"],"vs":["soft","minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Chakra UI","kind":"badge","page":"https://chakra-ui.com/docs/components/tag","note":"Chakra UI 官方文档里的「徽标标签」公开演示（Variants）"},{"id":"cs2-lib-quasar-dev--menu--menu--v1","name":"Menu · Quasar · Idea for content","url":"https://quasar.dev/vue-components/menu/#example--variouscontent--idea-for-content","type":"style","pricing":"free","tags":["Vue","Quasar"],"ct":["menu"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Quasar","kind":"menu","page":"https://quasar.dev/vue-components/menu","note":"Quasar 官方文档里的「菜单」公开演示（Idea for content）"},{"id":"cs2-lib-ng-ant-design--tree--tree--v0","name":"Tree · NG-ZORRO","url":"https://ng.ant.design/components/tree/en","type":"style","pricing":"free","tags":["Angular","NG-ZORRO"],"ct":["tree"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"NG-ZORRO","kind":"tree","page":"https://ng.ant.design/components/tree/en","note":"NG-ZORRO 官方文档里的「树形」公开演示"},{"id":"cs2-lib-element-plus-org--timeline--timeline--v0","name":"Timeline · Element Plus · Basic usage","url":"https://element-plus.org/en-US/component/timeline.html#basic-usage","type":"style","pricing":"free","tags":["Vue","Element Plus"],"ct":["timeline"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Element Plus","kind":"timeline","page":"https://element-plus.org/en-US/component/timeline.html","note":"Element Plus 官方文档里的「时间轴」公开演示（Basic usage）"},{"id":"cs2-lib-arco-design--data--descriptions--v2","name":"Data display · Arco Design · 单列样式","url":"https://arco.design/react/components/descriptions#单列样式","type":"style","pricing":"free","tags":["React","Vue","Arco Design"],"ct":["data"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Arco Design","kind":"data","page":"https://arco.design/react/components/descriptions","note":"Arco Design 官方文档里的「数据展示」公开演示（单列样式）"},{"id":"cs2-lib-www-naiveui-com--dialog--drawer--v0","name":"Dialog · Naive UI","url":"https://www.naiveui.com/en-US/os-theme/components/drawer","type":"style","pricing":"free","tags":["Vue","Naive UI"],"ct":["dialog"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Naive UI","kind":"dialog","page":"https://www.naiveui.com/en-US/os-theme/components/drawer","note":"Naive UI 官方文档里的「弹窗」公开演示"},{"id":"cs2-reactbits-dev--carousel--components-circular-gallery--v0","name":"Carousel · React Bits · Circular Gallery","url":"https://reactbits.dev/components/circular-gallery#root","type":"style","pricing":"unknown","tags":["React","React Bits"],"ct":["carousel"],"vs":["dark-tech","motion","3d"],"rt":["component-demo"],"section":"组件样式","libName":"React Bits","kind":"carousel","page":"https://reactbits.dev/components/circular-gallery","note":"React Bits 官方文档里的「轮播」公开演示（Circular Gallery）"},{"id":"cs2-lib-flowbite-com--badge--components-badge--v0","name":"Badge & tag · Flowbite · Default badges","url":"https://flowbite.com/docs/components/badge/","type":"style","pricing":"freemium","tags":["CSS","React","Vue","Svelte","Flowbite"],"ct":["badge"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Flowbite","kind":"badge","page":"https://flowbite.com/docs/components/badge/","note":"Flowbite 官方文档里的「徽标标签」公开演示（Default badges）"},{"id":"cs2-lib-vuetifyjs-com--input--autocompletes--v1","name":"Input · Vuetify","url":"https://vuetifyjs.com/en/components/autocompletes/#subheaders-and-dividers","type":"style","pricing":"free","tags":["Vue","Vuetify"],"ct":["input"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Vuetify","kind":"input","page":"https://vuetifyjs.com/en/components/autocompletes/","note":"Vuetify 官方文档里的「输入框」公开演示"},{"id":"cs2-lib-mui-com-material-ui--nav--app-bar--v2","name":"Navigation · Material UI","url":"https://mui.com/material-ui/react-app-bar/#app-bar-with-responsive-menu","type":"style","pricing":"free","tags":["React","Material UI"],"ct":["nav"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Material UI","kind":"nav","page":"https://mui.com/material-ui/react-app-bar/","note":"Material UI 官方文档里的「导航」公开演示"},{"id":"cs2-lib-getbootstrap-com--button--components-button-group--v3","name":"Button · Bootstrap","url":"https://getbootstrap.com/docs/5.3/components/button-group/#checkbox-and-radio-button-groups","type":"style","pricing":"free","tags":["CSS","Bootstrap"],"ct":["button"],"vs":["minimal","utilitarian"],"rt":["component-demo"],"section":"组件样式","libName":"Bootstrap","kind":"button","page":"https://getbootstrap.com/docs/5.3/components/button-group/","note":"Bootstrap 官方文档里的「按钮」公开演示"},{"id":"cs2-lib-mantine-dev--checkbox--core-radio--v3","name":"Checkbox & radio · Mantine · Radio.Group component","url":"https://mantine.dev/core/radio/#mdx","type":"style","pricing":"free","tags":["React","Mantine"],"ct":["checkbox"],"vs":["minimal","enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Mantine","kind":"checkbox","page":"https://mantine.dev/core/radio/","note":"Mantine 官方文档里的「复选单选」公开演示（Radio.Group component）"},{"id":"cs2-lib-www-radix-ui-com-themes--checkbox--checkbox-cards--v3","name":"Checkbox & radio · Radix Themes · Color","url":"https://www.radix-ui.com/themes/docs/components/checkbox-cards#color","type":"style","pricing":"free","tags":["React","Radix Themes"],"ct":["checkbox"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Radix Themes","kind":"checkbox","page":"https://www.radix-ui.com/themes/docs/components/checkbox-cards","note":"Radix Themes 官方文档里的「复选单选」公开演示（Color）"},{"id":"cs2-lib-daisyui-com--progress--progress--v0","name":"Progress · daisyUI","url":"https://daisyui.com/components/progress/#progress","type":"style","pricing":"free","tags":["CSS","daisyUI"],"ct":["progress"],"vs":["playful","soft"],"rt":["component-demo"],"section":"组件样式","libName":"daisyUI","kind":"progress","page":"https://daisyui.com/components/progress/","note":"daisyUI 官方文档里的「进度」公开演示"},{"id":"cs2-www-heroui-com--checkbox--radio-group--v0","name":"Checkbox & radio · HeroUI","url":"https://heroui.com/en/docs/react/components/radio-group#usage","type":"style","pricing":"unknown","tags":["HeroUI"],"ct":["checkbox"],"vs":["soft","playful"],"rt":["component-demo"],"section":"组件样式","libName":"HeroUI","kind":"checkbox","page":"https://www.heroui.com/docs/components/radio-group","note":"HeroUI 官方文档里的「复选单选」公开演示"},{"id":"cs2-lib-ionicframework-com--toast--toast--v0","name":"Toast · Ionic · Inline Toasts (Recommended)","url":"https://ionicframework.com/docs/api/toast#inline-toasts-recommended","type":"style","pricing":"free","tags":["React","Vue","Angular","Ionic"],"ct":["toast"],"vs":["apple","minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Ionic","kind":"toast","page":"https://ionicframework.com/docs/api/toast","note":"Ionic 官方文档里的「通知」公开演示（Inline Toasts (Recommended)）"},{"id":"cs2-ui-shadcn-com--accordion--docs-components-collapsible--v2","name":"Accordion · shadcn/ui · Settings Panel","url":"https://ui.shadcn.com/docs/components/base/collapsible#settings-panel","type":"style","pricing":"unknown","tags":["shadcn","shadcn/ui"],"ct":["accordion"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"shadcn/ui","kind":"accordion","page":"https://ui.shadcn.com/docs/components/collapsible","note":"shadcn/ui 官方文档里的「折叠面板」公开演示（Settings Panel）"},{"id":"cs2-magicui-design--motion--marquee--v0","name":"Motion · Magic UI · Vertical","url":"https://magicui.design/docs/components/marquee#vertical","type":"style","pricing":"unknown","tags":["Magic UI"],"ct":["motion"],"vs":["dark-tech","gradient","motion"],"rt":["component-demo","motion"],"section":"组件样式","libName":"Magic UI","kind":"motion","page":"https://magicui.design/docs/components/marquee","note":"Magic UI 官方文档里的「动效」公开演示（Vertical）"},{"id":"cs2-lib-primevue-org--rating--rating--v2","name":"Rating · PrimeVue · Half Stars","url":"https://primevue.dev/rating/#__nuxt","type":"style","pricing":"freemium","tags":["Vue","PrimeVue"],"ct":["rating"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"PrimeVue","kind":"rating","page":"https://primevue.org/rating/","note":"PrimeVue 官方文档里的「评分」公开演示（Half Stars）"},{"id":"cs2-lib-ant-design--progress--progress--v1","name":"Progress · Ant Design · Progress bar","url":"https://ant.design/components/progress#progress-demo-line","type":"style","pricing":"free","tags":["React","Ant Design"],"ct":["progress"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Ant Design","kind":"progress","page":"https://ant.design/components/progress","note":"Ant Design 官方文档里的「进度」公开演示（Progress bar）"},{"id":"cs2-lib-tdesign-tencent-com--badge--tag--v1","name":"Badge & tag · TDesign · 带图标的标签","url":"https://tdesign.tencent.com/vue-next/components/tag#带图标的标签","type":"style","pricing":"free","tags":["React","Vue","TDesign"],"ct":["badge"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"TDesign","kind":"badge","page":"https://tdesign.tencent.com/vue-next/components/tag","note":"TDesign 官方文档里的「徽标标签」公开演示（带图标的标签）"},{"id":"cs2-lib-chakra-ui-com--badge--tag--v3","name":"Badge & tag · Chakra UI · Sizes","url":"https://chakra-ui.com/docs/components/tag#sizes","type":"style","pricing":"free","tags":["React","Chakra UI"],"ct":["badge"],"vs":["soft","minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Chakra UI","kind":"badge","page":"https://chakra-ui.com/docs/components/tag","note":"Chakra UI 官方文档里的「徽标标签」公开演示（Sizes）"},{"id":"cs2-lib-quasar-dev--menu--menu--v2","name":"Menu · Quasar · Toggle through v-model","url":"https://quasar.dev/vue-components/menu/#example--vmodel--toggle-through-v-model","type":"style","pricing":"free","tags":["Vue","Quasar"],"ct":["menu"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Quasar","kind":"menu","page":"https://quasar.dev/vue-components/menu","note":"Quasar 官方文档里的「菜单」公开演示（Toggle through v-model）"},{"id":"cs2-lib-ng-ant-design--empty--empty--v0","name":"Empty & result · NG-ZORRO","url":"https://ng.ant.design/components/empty/en","type":"style","pricing":"free","tags":["Angular","NG-ZORRO"],"ct":["empty"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"NG-ZORRO","kind":"empty","page":"https://ng.ant.design/components/empty/en","note":"NG-ZORRO 官方文档里的「空状态结果」公开演示"},{"id":"cs2-lib-element-plus-org--timeline--timeline--v1","name":"Timeline · Element Plus · Mode","url":"https://element-plus.org/en-US/component/timeline.html#mode","type":"style","pricing":"free","tags":["Vue","Element Plus"],"ct":["timeline"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Element Plus","kind":"timeline","page":"https://element-plus.org/en-US/component/timeline.html","note":"Element Plus 官方文档里的「时间轴」公开演示（Mode）"},{"id":"cs2-lib-arco-design--list--list--v3","name":"List · Arco Design · 不同尺寸","url":"https://arco.design/react/components/list#不同尺寸","type":"style","pricing":"free","tags":["React","Vue","Arco Design"],"ct":["list"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Arco Design","kind":"list","page":"https://arco.design/react/components/list","note":"Arco Design 官方文档里的「列表」公开演示（不同尺寸）"},{"id":"cs2-lib-www-naiveui-com--dialog--drawer--v3","name":"Dialog · Naive UI","url":"https://www.naiveui.com/en-US/os-theme/components/drawer","type":"style","pricing":"free","tags":["Vue","Naive UI"],"ct":["dialog"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Naive UI","kind":"dialog","page":"https://www.naiveui.com/en-US/os-theme/components/drawer","note":"Naive UI 官方文档里的「弹窗」公开演示"},{"id":"cs2-reactbits-dev--background--backgrounds-hyperspeed--v0","name":"Background · React Bits · Hyperspeed","url":"https://reactbits.dev/backgrounds/hyperspeed#root","type":"style","pricing":"unknown","tags":["React","React Bits"],"ct":["background"],"vs":["dark-tech","motion","3d"],"rt":["component-demo","motion"],"section":"组件样式","libName":"React Bits","kind":"background","page":"https://reactbits.dev/backgrounds/hyperspeed","note":"React Bits 官方文档里的「背景」公开演示（Hyperspeed）"},{"id":"cs2-lib-flowbite-com--badge--components-badge--v2","name":"Badge & tag · Flowbite · Large badges","url":"https://flowbite.com/docs/components/badge/","type":"style","pricing":"freemium","tags":["CSS","React","Vue","Svelte","Flowbite"],"ct":["badge"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Flowbite","kind":"badge","page":"https://flowbite.com/docs/components/badge/","note":"Flowbite 官方文档里的「徽标标签」公开演示（Large badges）"},{"id":"cs2-lib-vuetifyjs-com--input--text-fields--v1","name":"Input · Vuetify","url":"https://vuetifyjs.com/en/components/text-fields/#hints-26-messages","type":"style","pricing":"free","tags":["Vue","Vuetify"],"ct":["input"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Vuetify","kind":"input","page":"https://vuetifyjs.com/en/components/text-fields/","note":"Vuetify 官方文档里的「输入框」公开演示"},{"id":"cs2-lib-mui-com-material-ui--nav--app-bar--v3","name":"Navigation · Material UI","url":"https://mui.com/material-ui/react-app-bar/#app-bar-with-search-field","type":"style","pricing":"free","tags":["React","Material UI"],"ct":["nav"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Material UI","kind":"nav","page":"https://mui.com/material-ui/react-app-bar/","note":"Material UI 官方文档里的「导航」公开演示"},{"id":"cs2-lib-getbootstrap-com--dialog--components-offcanvas--v0","name":"Dialog · Bootstrap · Offcanvas components","url":"https://getbootstrap.com/docs/5.3/components/offcanvas/#offcanvas-components","type":"style","pricing":"free","tags":["CSS","Bootstrap"],"ct":["dialog"],"vs":["minimal","utilitarian"],"rt":["component-demo"],"section":"组件样式","libName":"Bootstrap","kind":"dialog","page":"https://getbootstrap.com/docs/5.3/components/offcanvas/","note":"Bootstrap 官方文档里的「弹窗」公开演示（Offcanvas components）"},{"id":"cs2-lib-mantine-dev--input--core-autocomplete--v0","name":"Input · Mantine · Scrollable dropdown","url":"https://mantine.dev/core/autocomplete/#mdx","type":"style","pricing":"free","tags":["React","Mantine"],"ct":["input"],"vs":["minimal","enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Mantine","kind":"input","page":"https://mantine.dev/core/autocomplete/","note":"Mantine 官方文档里的「输入框」公开演示（Scrollable dropdown）"},{"id":"cs2-lib-www-radix-ui-com-themes--card--card--v1","name":"Card · Radix Themes · With inset content","url":"https://www.radix-ui.com/themes/docs/components/card#with-inset-content","type":"style","pricing":"free","tags":["React","Radix Themes"],"ct":["card"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Radix Themes","kind":"card","page":"https://www.radix-ui.com/themes/docs/components/card","note":"Radix Themes 官方文档里的「卡片」公开演示（With inset content）"},{"id":"cs2-lib-daisyui-com--progress--progress--v3","name":"Progress · daisyUI · Accent color","url":"https://daisyui.com/components/progress/#accent-color","type":"style","pricing":"free","tags":["CSS","daisyUI"],"ct":["progress"],"vs":["playful","soft"],"rt":["component-demo"],"section":"组件样式","libName":"daisyUI","kind":"progress","page":"https://daisyui.com/components/progress/","note":"daisyUI 官方文档里的「进度」公开演示（Accent color）"},{"id":"cs2-www-heroui-com--checkbox--radio-group--v1","name":"Checkbox & radio · HeroUI · Horizontal Orientation","url":"https://heroui.com/en/docs/react/components/radio-group#horizontal-orientation","type":"style","pricing":"unknown","tags":["HeroUI"],"ct":["checkbox"],"vs":["soft","playful"],"rt":["component-demo"],"section":"组件样式","libName":"HeroUI","kind":"checkbox","page":"https://www.heroui.com/docs/components/radio-group","note":"HeroUI 官方文档里的「复选单选」公开演示（Horizontal Orientation）"},{"id":"cs2-lib-ionicframework-com--button--button--v0","name":"Button · Ionic · Basic Usage","url":"https://ionicframework.com/docs/api/button#basic-usage","type":"style","pricing":"free","tags":["React","Vue","Angular","Ionic"],"ct":["button"],"vs":["apple","minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Ionic","kind":"button","page":"https://ionicframework.com/docs/api/button","note":"Ionic 官方文档里的「按钮」公开演示（Basic Usage）"},{"id":"cs2-ui-shadcn-com--switch--docs-components-switch--v2","name":"Switch · shadcn/ui · Choice Card","url":"https://ui.shadcn.com/docs/components/base/switch#choice-card","type":"style","pricing":"unknown","tags":["shadcn","shadcn/ui"],"ct":["switch"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"shadcn/ui","kind":"switch","page":"https://ui.shadcn.com/docs/components/switch","note":"shadcn/ui 官方文档里的「开关」公开演示（Choice Card）"},{"id":"cs2-magicui-design--icon--icon-cloud--v1","name":"Icons · Magic UI · With Images","url":"https://magicui.design/docs/components/icon-cloud#with-images","type":"style","pricing":"unknown","tags":["Magic UI"],"ct":["icon"],"vs":["dark-tech","gradient","motion"],"rt":["component-demo"],"section":"组件样式","libName":"Magic UI","kind":"icon","page":"https://magicui.design/docs/components/icon-cloud","note":"Magic UI 官方文档里的「图标」公开演示（With Images）"},{"id":"cs2-lib-primevue-org--badge--badge--v0","name":"Badge & tag · PrimeVue","url":"https://primevue.dev/badge/","type":"style","pricing":"freemium","tags":["Vue","PrimeVue"],"ct":["badge"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"PrimeVue","kind":"badge","page":"https://primevue.org/badge/","note":"PrimeVue 官方文档里的「徽标标签」公开演示"},{"id":"cs2-lib-ant-design--progress--progress--v2","name":"Progress · Ant Design · Mini size progress bar","url":"https://ant.design/components/progress#progress-demo-line-mini","type":"style","pricing":"free","tags":["React","Ant Design"],"ct":["progress"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Ant Design","kind":"progress","page":"https://ant.design/components/progress","note":"Ant Design 官方文档里的「进度」公开演示（Mini size progress bar）"},{"id":"cs2-lib-tdesign-tencent-com--badge--tag--v2","name":"Badge & tag · TDesign · 可删除和添加标签","url":"https://tdesign.tencent.com/vue-next/components/tag#可删除和添加标签","type":"style","pricing":"free","tags":["React","Vue","TDesign"],"ct":["badge"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"TDesign","kind":"badge","page":"https://tdesign.tencent.com/vue-next/components/tag","note":"TDesign 官方文档里的「徽标标签」公开演示（可删除和添加标签）"},{"id":"cs2-lib-chakra-ui-com--badge--badge--v0","name":"Badge & tag · Chakra UI","url":"https://chakra-ui.com/docs/components/badge","type":"style","pricing":"free","tags":["React","Chakra UI"],"ct":["badge"],"vs":["soft","minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Chakra UI","kind":"badge","page":"https://chakra-ui.com/docs/components/badge","note":"Chakra UI 官方文档里的「徽标标签」公开演示"},{"id":"cs2-lib-quasar-dev--menu--menu--v3","name":"Menu · Quasar · Hover","url":"https://quasar.dev/vue-components/menu/#example--hover--hover","type":"style","pricing":"free","tags":["Vue","Quasar"],"ct":["menu"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Quasar","kind":"menu","page":"https://quasar.dev/vue-components/menu","note":"Quasar 官方文档里的「菜单」公开演示（Hover）"},{"id":"cs2-lib-ng-ant-design--rating--rate--v0","name":"Rating · NG-ZORRO","url":"https://ng.ant.design/components/rate/en","type":"style","pricing":"free","tags":["Angular","NG-ZORRO"],"ct":["rating"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"NG-ZORRO","kind":"rating","page":"https://ng.ant.design/components/rate/en","note":"NG-ZORRO 官方文档里的「评分」公开演示"},{"id":"cs2-lib-element-plus-org--timeline--timeline--v2","name":"Timeline · Element Plus · Custom node","url":"https://element-plus.org/en-US/component/timeline.html#custom-node","type":"style","pricing":"free","tags":["Vue","Element Plus"],"ct":["timeline"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Element Plus","kind":"timeline","page":"https://element-plus.org/en-US/component/timeline.html","note":"Element Plus 官方文档里的「时间轴」公开演示（Custom node）"},{"id":"cs2-lib-arco-design--date--calendar--v3","name":"Date picker · Arco Design · 卡片日历","url":"https://arco.design/react/components/calendar#卡片日历","type":"style","pricing":"free","tags":["React","Vue","Arco Design"],"ct":["date"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Arco Design","kind":"date","page":"https://arco.design/react/components/calendar","note":"Arco Design 官方文档里的「日期」公开演示（卡片日历）"},{"id":"cs2-lib-www-naiveui-com--breadcrumb--breadcrumb--v1","name":"Breadcrumb · Naive UI","url":"https://www.naiveui.com/en-US/os-theme/components/breadcrumb","type":"style","pricing":"free","tags":["Vue","Naive UI"],"ct":["breadcrumb"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Naive UI","kind":"breadcrumb","page":"https://www.naiveui.com/en-US/os-theme/components/breadcrumb","note":"Naive UI 官方文档里的「面包屑」公开演示"},{"id":"cs2-reactbits-dev--nav--components-dock--v0","name":"Navigation · React Bits · Dock","url":"https://reactbits.dev/components/dock#root","type":"style","pricing":"unknown","tags":["React","React Bits"],"ct":["nav"],"vs":["dark-tech","motion","3d"],"rt":["component-demo"],"section":"组件样式","libName":"React Bits","kind":"nav","page":"https://reactbits.dev/components/dock","note":"React Bits 官方文档里的「导航」公开演示（Dock）"},{"id":"cs2-lib-flowbite-com--accordion--components-accordion--v0","name":"Accordion · Flowbite · Default accordion","url":"https://flowbite.com/docs/components/accordion/","type":"style","pricing":"freemium","tags":["CSS","React","Vue","Svelte","Flowbite"],"ct":["accordion"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Flowbite","kind":"accordion","page":"https://flowbite.com/docs/components/accordion/","note":"Flowbite 官方文档里的「折叠面板」公开演示（Default accordion）"},{"id":"cs2-lib-vuetifyjs-com--input--text-fields--v2","name":"Input · Vuetify","url":"https://vuetifyjs.com/en/components/text-fields/#hints-26-messages","type":"style","pricing":"free","tags":["Vue","Vuetify"],"ct":["input"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Vuetify","kind":"input","page":"https://vuetifyjs.com/en/components/text-fields/","note":"Vuetify 官方文档里的「输入框」公开演示"},{"id":"cs2-lib-mui-com-material-ui--button--speed-dial--v0","name":"Button · Material UI","url":"https://mui.com/material-ui/react-speed-dial/","type":"style","pricing":"free","tags":["React","Material UI"],"ct":["button"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Material UI","kind":"button","page":"https://mui.com/material-ui/react-speed-dial/","note":"Material UI 官方文档里的「按钮」公开演示"},{"id":"cs2-lib-getbootstrap-com--dialog--components-offcanvas--v1","name":"Dialog · Bootstrap · Live demo","url":"https://getbootstrap.com/docs/5.3/components/offcanvas/#live-demo","type":"style","pricing":"free","tags":["CSS","Bootstrap"],"ct":["dialog"],"vs":["minimal","utilitarian"],"rt":["component-demo"],"section":"组件样式","libName":"Bootstrap","kind":"dialog","page":"https://getbootstrap.com/docs/5.3/components/offcanvas/","note":"Bootstrap 官方文档里的「弹窗」公开演示（Live demo）"},{"id":"cs2-lib-mantine-dev--input--core-autocomplete--v2","name":"Input · Mantine · Control dropdown opened state","url":"https://mantine.dev/core/autocomplete/#mdx","type":"style","pricing":"free","tags":["React","Mantine"],"ct":["input"],"vs":["minimal","enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Mantine","kind":"input","page":"https://mantine.dev/core/autocomplete/","note":"Mantine 官方文档里的「输入框」公开演示（Control dropdown opened state）"},{"id":"cs2-lib-www-radix-ui-com-themes--button--button--v3","name":"Button · Radix Themes · Color","url":"https://www.radix-ui.com/themes/docs/components/button#color","type":"style","pricing":"free","tags":["React","Radix Themes"],"ct":["button"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Radix Themes","kind":"button","page":"https://www.radix-ui.com/themes/docs/components/button","note":"Radix Themes 官方文档里的「按钮」公开演示（Color）"},{"id":"cs2-lib-daisyui-com--checkbox--checkbox--v3","name":"Checkbox & radio · daisyUI · Colors","url":"https://daisyui.com/components/checkbox/#colors","type":"style","pricing":"free","tags":["CSS","daisyUI"],"ct":["checkbox"],"vs":["playful","soft"],"rt":["component-demo"],"section":"组件样式","libName":"daisyUI","kind":"checkbox","page":"https://daisyui.com/components/checkbox/","note":"daisyUI 官方文档里的「复选单选」公开演示（Colors）"},{"id":"cs2-www-heroui-com--checkbox--radio-group--v2","name":"Checkbox & radio · HeroUI · Variants","url":"https://heroui.com/en/docs/react/components/radio-group#variants","type":"style","pricing":"unknown","tags":["HeroUI"],"ct":["checkbox"],"vs":["soft","playful"],"rt":["component-demo"],"section":"组件样式","libName":"HeroUI","kind":"checkbox","page":"https://www.heroui.com/docs/components/radio-group","note":"HeroUI 官方文档里的「复选单选」公开演示（Variants）"},{"id":"cs2-lib-ionicframework-com--tabs--segment--v0","name":"Tabs · Ionic · Basic Usage","url":"https://ionicframework.com/docs/api/segment#basic-usage","type":"style","pricing":"free","tags":["React","Vue","Angular","Ionic"],"ct":["tabs"],"vs":["apple","minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Ionic","kind":"tabs","page":"https://ionicframework.com/docs/api/segment","note":"Ionic 官方文档里的「标签页」公开演示（Basic Usage）"},{"id":"cs2-ui-shadcn-com--select--docs-components-combobox--v2","name":"Select · shadcn/ui · Multiple","url":"https://ui.shadcn.com/docs/components/base/combobox#multiple","type":"style","pricing":"unknown","tags":["shadcn","shadcn/ui"],"ct":["select"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"shadcn/ui","kind":"select","page":"https://ui.shadcn.com/docs/components/combobox","note":"shadcn/ui 官方文档里的「选择器」公开演示（Multiple）"},{"id":"cs2-magicui-design--icon--icon-cloud--v2","name":"Icons · Magic UI · With SVG Icons","url":"https://magicui.design/docs/components/icon-cloud#with-svg-icons","type":"style","pricing":"unknown","tags":["Magic UI"],"ct":["icon"],"vs":["dark-tech","gradient","motion"],"rt":["component-demo"],"section":"组件样式","libName":"Magic UI","kind":"icon","page":"https://magicui.design/docs/components/icon-cloud","note":"Magic UI 官方文档里的「图标」公开演示（With SVG Icons）"},{"id":"cs2-lib-primevue-org--badge--badge--v1","name":"Badge & tag · PrimeVue · Basic","url":"https://primevue.dev/badge/#__nuxt","type":"style","pricing":"freemium","tags":["Vue","PrimeVue"],"ct":["badge"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"PrimeVue","kind":"badge","page":"https://primevue.org/badge/","note":"PrimeVue 官方文档里的「徽标标签」公开演示（Basic）"},{"id":"cs2-lib-ant-design--progress--progress--v3","name":"Progress · Ant Design · Mini size progress bar","url":"https://ant.design/components/progress#progress-demo-line-mini","type":"style","pricing":"free","tags":["React","Ant Design"],"ct":["progress"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Ant Design","kind":"progress","page":"https://ant.design/components/progress","note":"Ant Design 官方文档里的「进度」公开演示（Mini size progress bar）"},{"id":"cs2-lib-tdesign-tencent-com--badge--tag--v3","name":"Badge & tag · TDesign · 可选择标签","url":"https://tdesign.tencent.com/vue-next/components/tag#可选择标签","type":"style","pricing":"free","tags":["React","Vue","TDesign"],"ct":["badge"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"TDesign","kind":"badge","page":"https://tdesign.tencent.com/vue-next/components/tag","note":"TDesign 官方文档里的「徽标标签」公开演示（可选择标签）"},{"id":"cs2-lib-chakra-ui-com--badge--badge--v1","name":"Badge & tag · Chakra UI · Icon","url":"https://chakra-ui.com/docs/components/badge#icon","type":"style","pricing":"free","tags":["React","Chakra UI"],"ct":["badge"],"vs":["soft","minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Chakra UI","kind":"badge","page":"https://chakra-ui.com/docs/components/badge","note":"Chakra UI 官方文档里的「徽标标签」公开演示（Icon）"},{"id":"cs2-lib-quasar-dev--slider--slider--v1","name":"Slider · Quasar · Vertical orientation","url":"https://quasar.dev/vue-components/slider/#example--vertical--vertical-orientation","type":"style","pricing":"free","tags":["Vue","Quasar"],"ct":["slider"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Quasar","kind":"slider","page":"https://quasar.dev/vue-components/slider","note":"Quasar 官方文档里的「滑块」公开演示（Vertical orientation）"},{"id":"cs2-lib-ng-ant-design--rating--rate--v1","name":"Rating · NG-ZORRO · Basic","url":"https://ng.ant.design/components/rate/en#components-rate-demo-basic","type":"style","pricing":"free","tags":["Angular","NG-ZORRO"],"ct":["rating"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"NG-ZORRO","kind":"rating","page":"https://ng.ant.design/components/rate/en","note":"NG-ZORRO 官方文档里的「评分」公开演示（Basic）"},{"id":"cs2-lib-element-plus-org--timeline--timeline--v3","name":"Timeline · Element Plus · Custom timestamp","url":"https://element-plus.org/en-US/component/timeline.html#custom-timestamp","type":"style","pricing":"free","tags":["Vue","Element Plus"],"ct":["timeline"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Element Plus","kind":"timeline","page":"https://element-plus.org/en-US/component/timeline.html","note":"Element Plus 官方文档里的「时间轴」公开演示（Custom timestamp）"},{"id":"cs2-lib-arco-design--data--statistic--v2","name":"Data display · Arco Design · 前缀后缀/自定义样式","url":"https://arco.design/react/components/statistic#前缀后缀-自定义样式","type":"style","pricing":"free","tags":["React","Vue","Arco Design"],"ct":["data"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Arco Design","kind":"data","page":"https://arco.design/react/components/statistic","note":"Arco Design 官方文档里的「数据展示」公开演示（前缀后缀/自定义样式）"},{"id":"cs2-lib-www-naiveui-com--breadcrumb--breadcrumb--v2","name":"Breadcrumb · Naive UI","url":"https://www.naiveui.com/en-US/os-theme/components/breadcrumb","type":"style","pricing":"free","tags":["Vue","Naive UI"],"ct":["breadcrumb"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Naive UI","kind":"breadcrumb","page":"https://www.naiveui.com/en-US/os-theme/components/breadcrumb","note":"Naive UI 官方文档里的「面包屑」公开演示"},{"id":"cs2-reactbits-dev--background--backgrounds-beams--v1","name":"Background · React Bits · Customize","url":"https://reactbits.dev/backgrounds/beams#tabs:«r5»:content-preview","type":"style","pricing":"unknown","tags":["React","React Bits"],"ct":["background"],"vs":["dark-tech","motion","3d"],"rt":["component-demo","motion"],"section":"组件样式","libName":"React Bits","kind":"background","page":"https://reactbits.dev/backgrounds/beams","note":"React Bits 官方文档里的「背景」公开演示（Customize）"},{"id":"cs2-lib-flowbite-com--accordion--components-accordion--v1","name":"Accordion · Flowbite · Separated cards","url":"https://flowbite.com/docs/components/accordion/","type":"style","pricing":"freemium","tags":["CSS","React","Vue","Svelte","Flowbite"],"ct":["accordion"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Flowbite","kind":"accordion","page":"https://flowbite.com/docs/components/accordion/","note":"Flowbite 官方文档里的「折叠面板」公开演示（Separated cards）"},{"id":"cs2-lib-vuetifyjs-com--alert--alerts--v0","name":"Alert · Vuetify","url":"https://vuetifyjs.com/en/components/alerts/#color-and-icon","type":"style","pricing":"free","tags":["Vue","Vuetify"],"ct":["alert"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Vuetify","kind":"alert","page":"https://vuetifyjs.com/en/components/alerts/","note":"Vuetify 官方文档里的「警告提示」公开演示"},{"id":"cs2-lib-mui-com-material-ui--button--speed-dial--v1","name":"Button · Material UI · Basic speed dial","url":"https://mui.com/material-ui/react-speed-dial/#basic-speed-dial","type":"style","pricing":"free","tags":["React","Material UI"],"ct":["button"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Material UI","kind":"button","page":"https://mui.com/material-ui/react-speed-dial/","note":"Material UI 官方文档里的「按钮」公开演示（Basic speed dial）"},{"id":"cs2-lib-getbootstrap-com--dialog--components-offcanvas--v3","name":"Dialog · Bootstrap · Body scrolling and backdrop","url":"https://getbootstrap.com/docs/5.3/components/offcanvas/#body-scrolling-and-backdrop","type":"style","pricing":"free","tags":["CSS","Bootstrap"],"ct":["dialog"],"vs":["minimal","utilitarian"],"rt":["component-demo"],"section":"组件样式","libName":"Bootstrap","kind":"dialog","page":"https://getbootstrap.com/docs/5.3/components/offcanvas/","note":"Bootstrap 官方文档里的「弹窗」公开演示（Body scrolling and backdrop）"},{"id":"cs2-lib-mantine-dev--input--core-autocomplete--v3","name":"Input · Mantine · Dropdown padding","url":"https://mantine.dev/core/autocomplete/#mdx","type":"style","pricing":"free","tags":["React","Mantine"],"ct":["input"],"vs":["minimal","enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Mantine","kind":"input","page":"https://mantine.dev/core/autocomplete/","note":"Mantine 官方文档里的「输入框」公开演示（Dropdown padding）"},{"id":"cs2-lib-www-radix-ui-com-themes--form--checkbox--v1","name":"Form · Radix Themes · Alignment","url":"https://www.radix-ui.com/themes/docs/components/checkbox#alignment","type":"style","pricing":"free","tags":["React","Radix Themes"],"ct":["form"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Radix Themes","kind":"form","page":"https://www.radix-ui.com/themes/docs/components/checkbox","note":"Radix Themes 官方文档里的「表单」公开演示（Alignment）"},{"id":"cs2-lib-daisyui-com--loader--skeleton--v1","name":"Loader · daisyUI","url":"https://daisyui.com/components/skeleton/#skeleton","type":"style","pricing":"free","tags":["CSS","daisyUI"],"ct":["loader"],"vs":["playful","soft"],"rt":["component-demo","motion"],"section":"组件样式","libName":"daisyUI","kind":"loader","page":"https://daisyui.com/components/skeleton/","note":"daisyUI 官方文档里的「加载」公开演示"},{"id":"cs2-www-heroui-com--checkbox--radio-group--v3","name":"Checkbox & radio · HeroUI · In Surface","url":"https://heroui.com/en/docs/react/components/radio-group#in-surface","type":"style","pricing":"unknown","tags":["HeroUI"],"ct":["checkbox"],"vs":["soft","playful"],"rt":["component-demo"],"section":"组件样式","libName":"HeroUI","kind":"checkbox","page":"https://www.heroui.com/docs/components/radio-group","note":"HeroUI 官方文档里的「复选单选」公开演示（In Surface）"},{"id":"cs2-lib-ionicframework-com--card--card--v0","name":"Card · Ionic · Basic Usage","url":"https://ionicframework.com/docs/api/card#basic-usage","type":"style","pricing":"free","tags":["React","Vue","Angular","Ionic"],"ct":["card"],"vs":["apple","minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Ionic","kind":"card","page":"https://ionicframework.com/docs/api/card","note":"Ionic 官方文档里的「卡片」公开演示（Basic Usage）"},{"id":"cs2-ui-shadcn-com--tooltip--docs-components-popover--v2","name":"Tooltip · shadcn/ui · Align","url":"https://ui.shadcn.com/docs/components/base/popover#align","type":"style","pricing":"unknown","tags":["shadcn","shadcn/ui"],"ct":["tooltip"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"shadcn/ui","kind":"tooltip","page":"https://ui.shadcn.com/docs/components/popover","note":"shadcn/ui 官方文档里的「气泡」公开演示（Align）"},{"id":"cs2-magicui-design--card--magic-card--v1","name":"Card · Magic UI · Orb","url":"https://magicui.design/docs/components/magic-card#orb","type":"style","pricing":"unknown","tags":["Magic UI"],"ct":["card"],"vs":["dark-tech","gradient","motion"],"rt":["component-demo"],"section":"组件样式","libName":"Magic UI","kind":"card","page":"https://magicui.design/docs/components/magic-card","note":"Magic UI 官方文档里的「卡片」公开演示（Orb）"},{"id":"cs2-lib-primevue-org--badge--badge--v2","name":"Badge & tag · PrimeVue · Severity","url":"https://primevue.dev/badge/#__nuxt","type":"style","pricing":"freemium","tags":["Vue","PrimeVue"],"ct":["badge"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"PrimeVue","kind":"badge","page":"https://primevue.org/badge/","note":"PrimeVue 官方文档里的「徽标标签」公开演示（Severity）"},{"id":"cs2-lib-ant-design--slider--slider--v0","name":"Slider · Ant Design","url":"https://ant.design/components/slider","type":"style","pricing":"free","tags":["React","Ant Design"],"ct":["slider"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Ant Design","kind":"slider","page":"https://ant.design/components/slider","note":"Ant Design 官方文档里的「滑块」公开演示"},{"id":"cs2-lib-tdesign-tencent-com--progress--progress--v0","name":"Progress · TDesign · 默认在线形外展示进度和状态","url":"https://tdesign.tencent.com/vue-next/components/progress#app","type":"style","pricing":"free","tags":["React","Vue","TDesign"],"ct":["progress"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"TDesign","kind":"progress","page":"https://tdesign.tencent.com/vue-next/components/progress","note":"TDesign 官方文档里的「进度」公开演示（默认在线形外展示进度和状态）"},{"id":"cs2-lib-chakra-ui-com--input--number-input--v2","name":"Input · Chakra UI · Formatting","url":"https://chakra-ui.com/docs/components/number-input#formatting","type":"style","pricing":"free","tags":["React","Chakra UI"],"ct":["input"],"vs":["soft","minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Chakra UI","kind":"input","page":"https://chakra-ui.com/docs/components/number-input","note":"Chakra UI 官方文档里的「输入框」公开演示（Formatting）"},{"id":"cs2-lib-quasar-dev--slider--slider--v2","name":"Slider · Quasar · Inner min/max","url":"https://quasar.dev/vue-components/slider/#example--innerminmax--inner-min-max","type":"style","pricing":"free","tags":["Vue","Quasar"],"ct":["slider"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Quasar","kind":"slider","page":"https://quasar.dev/vue-components/slider","note":"Quasar 官方文档里的「滑块」公开演示（Inner min/max）"},{"id":"cs2-lib-ng-ant-design--toast--notification--v0","name":"Toast · NG-ZORRO","url":"https://ng.ant.design/components/notification/en","type":"style","pricing":"free","tags":["Angular","NG-ZORRO"],"ct":["toast"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"NG-ZORRO","kind":"toast","page":"https://ng.ant.design/components/notification/en","note":"NG-ZORRO 官方文档里的「通知」公开演示"},{"id":"cs2-lib-element-plus-org--list--transfer--v0","name":"List · Element Plus · Basic usage","url":"https://element-plus.org/en-US/component/transfer.html#basic-usage","type":"style","pricing":"free","tags":["Vue","Element Plus"],"ct":["list"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Element Plus","kind":"list","page":"https://element-plus.org/en-US/component/transfer.html","note":"Element Plus 官方文档里的「列表」公开演示（Basic usage）"},{"id":"cs2-lib-arco-design--loader--skeleton--v3","name":"Loader · Arco Design · 动画","url":"https://arco.design/react/components/skeleton#动画","type":"style","pricing":"free","tags":["React","Vue","Arco Design"],"ct":["loader"],"vs":["enterprise"],"rt":["component-demo","motion"],"section":"组件样式","libName":"Arco Design","kind":"loader","page":"https://arco.design/react/components/skeleton","note":"Arco Design 官方文档里的「加载」公开演示（动画）"},{"id":"cs2-lib-www-naiveui-com--color--color-picker--v1","name":"Color picker · Naive UI","url":"https://www.naiveui.com/en-US/os-theme/components/color-picker","type":"style","pricing":"free","tags":["Vue","Naive UI"],"ct":["color"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Naive UI","kind":"color","page":"https://www.naiveui.com/en-US/os-theme/components/color-picker","note":"Naive UI 官方文档里的「取色器」公开演示"},{"id":"cs2-reactbits-dev--background--backgrounds-orb--v0","name":"Background · React Bits · Orb","url":"https://reactbits.dev/backgrounds/orb#root","type":"style","pricing":"unknown","tags":["React","React Bits"],"ct":["background"],"vs":["dark-tech","motion","3d"],"rt":["component-demo","motion"],"section":"组件样式","libName":"React Bits","kind":"background","page":"https://reactbits.dev/backgrounds/orb","note":"React Bits 官方文档里的「背景」公开演示（Orb）"},{"id":"cs2-lib-flowbite-com--layout--components-jumbotron--v0","name":"Layout · Flowbite · Default jumbotron","url":"https://flowbite.com/docs/components/jumbotron/","type":"style","pricing":"freemium","tags":["CSS","React","Vue","Svelte","Flowbite"],"ct":["layout"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Flowbite","kind":"layout","page":"https://flowbite.com/docs/components/jumbotron/","note":"Flowbite 官方文档里的「区块」公开演示（Default jumbotron）"},{"id":"cs2-lib-vuetifyjs-com--alert--alerts--v1","name":"Alert · Vuetify","url":"https://vuetifyjs.com/en/components/alerts/#color-and-icon","type":"style","pricing":"free","tags":["Vue","Vuetify"],"ct":["alert"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Vuetify","kind":"alert","page":"https://vuetifyjs.com/en/components/alerts/","note":"Vuetify 官方文档里的「警告提示」公开演示"},{"id":"cs2-lib-mui-com-material-ui--button--speed-dial--v3","name":"Button · Material UI · Controlled speed dial","url":"https://mui.com/material-ui/react-speed-dial/#controlled-speed-dial","type":"style","pricing":"free","tags":["React","Material UI"],"ct":["button"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Material UI","kind":"button","page":"https://mui.com/material-ui/react-speed-dial/","note":"Material UI 官方文档里的「按钮」公开演示（Controlled speed dial）"},{"id":"cs2-lib-getbootstrap-com--slider--forms-range--v0","name":"Slider · Bootstrap","url":"https://getbootstrap.com/docs/5.3/forms/range/#overview","type":"style","pricing":"free","tags":["CSS","Bootstrap"],"ct":["slider"],"vs":["minimal","utilitarian"],"rt":["component-demo"],"section":"组件样式","libName":"Bootstrap","kind":"slider","page":"https://getbootstrap.com/docs/5.3/forms/range/","note":"Bootstrap 官方文档里的「滑块」公开演示"},{"id":"cs2-lib-mantine-dev--slider--core-range-slider--v0","name":"Slider · Mantine","url":"https://mantine.dev/core/range-slider/#mdx","type":"style","pricing":"free","tags":["React","Mantine"],"ct":["slider"],"vs":["minimal","enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Mantine","kind":"slider","page":"https://mantine.dev/core/range-slider/","note":"Mantine 官方文档里的「滑块」公开演示"},{"id":"cs2-lib-www-radix-ui-com-themes--form--checkbox--v2","name":"Form · Radix Themes · Alignment","url":"https://www.radix-ui.com/themes/docs/components/checkbox#alignment","type":"style","pricing":"free","tags":["React","Radix Themes"],"ct":["form"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Radix Themes","kind":"form","page":"https://www.radix-ui.com/themes/docs/components/checkbox","note":"Radix Themes 官方文档里的「表单」公开演示（Alignment）"},{"id":"cs2-lib-daisyui-com--slider--range--v0","name":"Slider · daisyUI · Range","url":"https://daisyui.com/components/range/#range","type":"style","pricing":"free","tags":["CSS","daisyUI"],"ct":["slider"],"vs":["playful","soft"],"rt":["component-demo"],"section":"组件样式","libName":"daisyUI","kind":"slider","page":"https://daisyui.com/components/range/","note":"daisyUI 官方文档里的「滑块」公开演示（Range）"},{"id":"cs2-www-heroui-com--input--autocomplete--v3","name":"Input · HeroUI · With Description","url":"https://heroui.com/en/docs/react/components/autocomplete#with-description","type":"style","pricing":"unknown","tags":["HeroUI"],"ct":["input"],"vs":["soft","playful"],"rt":["component-demo"],"section":"组件样式","libName":"HeroUI","kind":"input","page":"https://www.heroui.com/docs/components/autocomplete","note":"HeroUI 官方文档里的「输入框」公开演示（With Description）"},{"id":"cs2-ui-shadcn-com--alert--docs-components-alert--v1","name":"Alert · shadcn/ui · Basic","url":"https://ui.shadcn.com/docs/components/base/alert#basic","type":"style","pricing":"unknown","tags":["shadcn","shadcn/ui"],"ct":["alert"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"shadcn/ui","kind":"alert","page":"https://ui.shadcn.com/docs/components/alert","note":"shadcn/ui 官方文档里的「警告提示」公开演示（Basic）"},{"id":"cs2-lib-primevue-org--badge--badge--v3","name":"Badge & tag · PrimeVue · Size","url":"https://primevue.dev/badge/#__nuxt","type":"style","pricing":"freemium","tags":["Vue","PrimeVue"],"ct":["badge"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"PrimeVue","kind":"badge","page":"https://primevue.org/badge/","note":"PrimeVue 官方文档里的「徽标标签」公开演示（Size）"},{"id":"cs2-lib-ant-design--slider--slider--v2","name":"Slider · Ant Design · Basic","url":"https://ant.design/components/slider#slider-demo-basic","type":"style","pricing":"free","tags":["React","Ant Design"],"ct":["slider"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Ant Design","kind":"slider","page":"https://ant.design/components/slider","note":"Ant Design 官方文档里的「滑块」公开演示（Basic）"},{"id":"cs2-lib-tdesign-tencent-com--progress--progress--v1","name":"Progress · TDesign · 环形进度条","url":"https://tdesign.tencent.com/vue-next/components/progress#环形进度条","type":"style","pricing":"free","tags":["React","Vue","TDesign"],"ct":["progress"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"TDesign","kind":"progress","page":"https://tdesign.tencent.com/vue-next/components/progress","note":"TDesign 官方文档里的「进度」公开演示（环形进度条）"},{"id":"cs2-lib-chakra-ui-com--input--number-input--v3","name":"Input · Chakra UI · Min and Max","url":"https://chakra-ui.com/docs/components/number-input#min-and-max","type":"style","pricing":"free","tags":["React","Chakra UI"],"ct":["input"],"vs":["soft","minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Chakra UI","kind":"input","page":"https://chakra-ui.com/docs/components/number-input","note":"Chakra UI 官方文档里的「输入框」公开演示（Min and Max）"},{"id":"cs2-lib-quasar-dev--slider--slider--v3","name":"Slider · Quasar · With step","url":"https://quasar.dev/vue-components/slider/#example--step--with-step","type":"style","pricing":"free","tags":["Vue","Quasar"],"ct":["slider"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Quasar","kind":"slider","page":"https://quasar.dev/vue-components/slider","note":"Quasar 官方文档里的「滑块」公开演示（With step）"},{"id":"cs2-lib-ng-ant-design--input--input-number--v1","name":"Input · NG-ZORRO · Basic","url":"https://ng.ant.design/components/input-number/en#components-input-number-demo-basic","type":"style","pricing":"free","tags":["Angular","NG-ZORRO"],"ct":["input"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"NG-ZORRO","kind":"input","page":"https://ng.ant.design/components/input-number/en","note":"NG-ZORRO 官方文档里的「输入框」公开演示（Basic）"},{"id":"cs2-lib-element-plus-org--list--transfer--v2","name":"List · Element Plus · Custom empty content","url":"https://element-plus.org/en-US/component/transfer.html#custom-empty-content","type":"style","pricing":"free","tags":["Vue","Element Plus"],"ct":["list"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Element Plus","kind":"list","page":"https://element-plus.org/en-US/component/transfer.html","note":"Element Plus 官方文档里的「列表」公开演示（Custom empty content）"},{"id":"cs2-lib-arco-design--avatar--avatar--v0","name":"Avatar · Arco Design · 基础用法","url":"https://arco.design/react/components/avatar#基础用法","type":"style","pricing":"free","tags":["React","Vue","Arco Design"],"ct":["avatar"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Arco Design","kind":"avatar","page":"https://arco.design/react/components/avatar","note":"Arco Design 官方文档里的「头像」公开演示（基础用法）"},{"id":"cs2-lib-www-naiveui-com--color--color-picker--v2","name":"Color picker · Naive UI","url":"https://www.naiveui.com/en-US/os-theme/components/color-picker","type":"style","pricing":"free","tags":["Vue","Naive UI"],"ct":["color"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Naive UI","kind":"color","page":"https://www.naiveui.com/en-US/os-theme/components/color-picker","note":"Naive UI 官方文档里的「取色器」公开演示"},{"id":"cs2-reactbits-dev--background--backgrounds-orb--v1","name":"Background · React Bits · Customize","url":"https://reactbits.dev/backgrounds/orb#tabs:«r1v»:content-preview","type":"style","pricing":"unknown","tags":["React","React Bits"],"ct":["background"],"vs":["dark-tech","motion","3d"],"rt":["component-demo","motion"],"section":"组件样式","libName":"React Bits","kind":"background","page":"https://reactbits.dev/backgrounds/orb","note":"React Bits 官方文档里的「背景」公开演示（Customize）"},{"id":"cs2-lib-flowbite-com--layout--components-jumbotron--v1","name":"Layout · Flowbite · Background image","url":"https://flowbite.com/docs/components/jumbotron/","type":"style","pricing":"freemium","tags":["CSS","React","Vue","Svelte","Flowbite"],"ct":["layout"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Flowbite","kind":"layout","page":"https://flowbite.com/docs/components/jumbotron/","note":"Flowbite 官方文档里的「区块」公开演示（Background image）"},{"id":"cs2-lib-vuetifyjs-com--slider--range-sliders--v1","name":"Slider · Vuetify","url":"https://vuetifyjs.com/en/components/range-sliders/#thumb-label","type":"style","pricing":"free","tags":["Vue","Vuetify"],"ct":["slider"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Vuetify","kind":"slider","page":"https://vuetifyjs.com/en/components/range-sliders/","note":"Vuetify 官方文档里的「滑块」公开演示"},{"id":"cs2-lib-mui-com-material-ui--alert--alert--v0","name":"Alert · Material UI · Severity","url":"https://mui.com/material-ui/react-alert/#severity","type":"style","pricing":"free","tags":["React","Material UI"],"ct":["alert"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Material UI","kind":"alert","page":"https://mui.com/material-ui/react-alert/","note":"Material UI 官方文档里的「警告提示」公开演示（Severity）"},{"id":"cs2-lib-getbootstrap-com--select--forms-select--v2","name":"Select · Bootstrap · Sizing","url":"https://getbootstrap.com/docs/5.3/forms/select/#sizing","type":"style","pricing":"free","tags":["CSS","Bootstrap"],"ct":["select"],"vs":["minimal","utilitarian"],"rt":["component-demo"],"section":"组件样式","libName":"Bootstrap","kind":"select","page":"https://getbootstrap.com/docs/5.3/forms/select/","note":"Bootstrap 官方文档里的「选择器」公开演示（Sizing）"},{"id":"cs2-lib-mantine-dev--slider--core-range-slider--v1","name":"Slider · Mantine · Control label","url":"https://mantine.dev/core/range-slider/#mdx","type":"style","pricing":"free","tags":["React","Mantine"],"ct":["slider"],"vs":["minimal","enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Mantine","kind":"slider","page":"https://mantine.dev/core/range-slider/","note":"Mantine 官方文档里的「滑块」公开演示（Control label）"},{"id":"cs2-lib-www-radix-ui-com-themes--menu--dropdown-menu--v3","name":"Menu · Radix Themes · Color","url":"https://www.radix-ui.com/themes/docs/components/dropdown-menu#color","type":"style","pricing":"free","tags":["React","Radix Themes"],"ct":["menu"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Radix Themes","kind":"menu","page":"https://www.radix-ui.com/themes/docs/components/dropdown-menu","note":"Radix Themes 官方文档里的「菜单」公开演示（Color）"},{"id":"cs2-lib-daisyui-com--slider--range--v1","name":"Slider · daisyUI · With steps and measure","url":"https://daisyui.com/components/range/#with-steps-and-measure","type":"style","pricing":"free","tags":["CSS","daisyUI"],"ct":["slider"],"vs":["playful","soft"],"rt":["component-demo"],"section":"组件样式","libName":"daisyUI","kind":"slider","page":"https://daisyui.com/components/range/","note":"daisyUI 官方文档里的「滑块」公开演示（With steps and measure）"},{"id":"cs2-www-heroui-com--date--range-calendar--v0","name":"Date picker · HeroUI","url":"https://heroui.com/en/docs/react/components/range-calendar#usage","type":"style","pricing":"unknown","tags":["HeroUI"],"ct":["date"],"vs":["soft","playful"],"rt":["component-demo"],"section":"组件样式","libName":"HeroUI","kind":"date","page":"https://www.heroui.com/docs/components/range-calendar","note":"HeroUI 官方文档里的「日期」公开演示"},{"id":"cs2-ui-shadcn-com--alert--docs-components-alert--v2","name":"Alert · shadcn/ui · Destructive","url":"https://ui.shadcn.com/docs/components/base/alert#destructive","type":"style","pricing":"unknown","tags":["shadcn","shadcn/ui"],"ct":["alert"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"shadcn/ui","kind":"alert","page":"https://ui.shadcn.com/docs/components/alert","note":"shadcn/ui 官方文档里的「警告提示」公开演示（Destructive）"},{"id":"cs2-lib-primevue-org--alert--message--v0","name":"Alert · PrimeVue","url":"https://primevue.dev/message/","type":"style","pricing":"freemium","tags":["Vue","PrimeVue"],"ct":["alert"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"PrimeVue","kind":"alert","page":"https://primevue.org/message/","note":"PrimeVue 官方文档里的「警告提示」公开演示"},{"id":"cs2-lib-ant-design--slider--slider--v3","name":"Slider · Ant Design · Slider with icon","url":"https://ant.design/components/slider#slider-demo-icon-slider","type":"style","pricing":"free","tags":["React","Ant Design"],"ct":["slider"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Ant Design","kind":"slider","page":"https://ant.design/components/slider","note":"Ant Design 官方文档里的「滑块」公开演示（Slider with icon）"},{"id":"cs2-lib-tdesign-tencent-com--progress--progress--v2","name":"Progress · TDesign · 环形进度条","url":"https://tdesign.tencent.com/vue-next/components/progress#环形进度条","type":"style","pricing":"free","tags":["React","Vue","TDesign"],"ct":["progress"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"TDesign","kind":"progress","page":"https://tdesign.tencent.com/vue-next/components/progress","note":"TDesign 官方文档里的「进度」公开演示（环形进度条）"},{"id":"cs2-lib-chakra-ui-com--switch--switch--v1","name":"Switch · Chakra UI · Sizes","url":"https://chakra-ui.com/docs/components/switch#sizes","type":"style","pricing":"free","tags":["React","Chakra UI"],"ct":["switch"],"vs":["soft","minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Chakra UI","kind":"switch","page":"https://chakra-ui.com/docs/components/switch","note":"Chakra UI 官方文档里的「开关」公开演示（Sizes）"},{"id":"cs2-lib-quasar-dev--date--time--v0","name":"Date picker · Quasar · Basic","url":"https://quasar.dev/vue-components/time/#example--basic--basic","type":"style","pricing":"free","tags":["Vue","Quasar"],"ct":["date"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Quasar","kind":"date","page":"https://quasar.dev/vue-components/time","note":"Quasar 官方文档里的「日期」公开演示（Basic）"},{"id":"cs2-lib-ng-ant-design--badge--badge--v0","name":"Badge & tag · NG-ZORRO","url":"https://ng.ant.design/components/badge/en","type":"style","pricing":"free","tags":["Angular","NG-ZORRO"],"ct":["badge"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"NG-ZORRO","kind":"badge","page":"https://ng.ant.design/components/badge/en","note":"NG-ZORRO 官方文档里的「徽标标签」公开演示"},{"id":"cs2-lib-element-plus-org--tabs--segmented--v0","name":"Tabs · Element Plus · Basic Usage","url":"https://element-plus.org/en-US/component/segmented.html#basic-usage","type":"style","pricing":"free","tags":["Vue","Element Plus"],"ct":["tabs"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Element Plus","kind":"tabs","page":"https://element-plus.org/en-US/component/segmented.html","note":"Element Plus 官方文档里的「标签页」公开演示（Basic Usage）"},{"id":"cs2-lib-arco-design--tabs--tabs--v3","name":"Tabs · Arco Design · 带图标的页签","url":"https://arco.design/react/components/tabs#带图标的页签","type":"style","pricing":"free","tags":["React","Vue","Arco Design"],"ct":["tabs"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Arco Design","kind":"tabs","page":"https://arco.design/react/components/tabs","note":"Arco Design 官方文档里的「标签页」公开演示（带图标的页签）"},{"id":"cs2-lib-www-naiveui-com--input--input-number--v0","name":"Input · Naive UI","url":"https://www.naiveui.com/en-US/os-theme/components/input-number","type":"style","pricing":"free","tags":["Vue","Naive UI"],"ct":["input"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Naive UI","kind":"input","page":"https://www.naiveui.com/en-US/os-theme/components/input-number","note":"Naive UI 官方文档里的「输入框」公开演示"},{"id":"cs2-reactbits-dev--loader--animations-pixel-transition--v0","name":"Loader · React Bits · Pixel Transition","url":"https://reactbits.dev/animations/pixel-transition#root","type":"style","pricing":"unknown","tags":["React","React Bits"],"ct":["loader"],"vs":["dark-tech","motion","3d"],"rt":["component-demo","motion"],"section":"组件样式","libName":"React Bits","kind":"loader","page":"https://reactbits.dev/animations/pixel-transition","note":"React Bits 官方文档里的「加载」公开演示（Pixel Transition）"},{"id":"cs2-lib-flowbite-com--layout--components-jumbotron--v2","name":"Layout · Flowbite · Featured video","url":"https://flowbite.com/docs/components/jumbotron/","type":"style","pricing":"freemium","tags":["CSS","React","Vue","Svelte","Flowbite"],"ct":["layout"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Flowbite","kind":"layout","page":"https://flowbite.com/docs/components/jumbotron/","note":"Flowbite 官方文档里的「区块」公开演示（Featured video）"},{"id":"cs2-lib-vuetifyjs-com--slider--range-sliders--v3","name":"Slider · Vuetify","url":"https://vuetifyjs.com/en/components/range-sliders/#thumb-label","type":"style","pricing":"free","tags":["Vue","Vuetify"],"ct":["slider"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Vuetify","kind":"slider","page":"https://vuetifyjs.com/en/components/range-sliders/","note":"Vuetify 官方文档里的「滑块」公开演示"},{"id":"cs2-lib-mui-com-material-ui--alert--alert--v1","name":"Alert · Material UI · Filled","url":"https://mui.com/material-ui/react-alert/#main-content","type":"style","pricing":"free","tags":["React","Material UI"],"ct":["alert"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Material UI","kind":"alert","page":"https://mui.com/material-ui/react-alert/","note":"Material UI 官方文档里的「警告提示」公开演示（Filled）"},{"id":"cs2-lib-getbootstrap-com--select--forms-select--v3","name":"Select · Bootstrap · Sizing","url":"https://getbootstrap.com/docs/5.3/forms/select/#sizing","type":"style","pricing":"free","tags":["CSS","Bootstrap"],"ct":["select"],"vs":["minimal","utilitarian"],"rt":["component-demo"],"section":"组件样式","libName":"Bootstrap","kind":"select","page":"https://getbootstrap.com/docs/5.3/forms/select/","note":"Bootstrap 官方文档里的「选择器」公开演示（Sizing）"},{"id":"cs2-lib-mantine-dev--slider--core-range-slider--v2","name":"Slider · Mantine · Min, max and step","url":"https://mantine.dev/core/range-slider/#mdx","type":"style","pricing":"free","tags":["React","Mantine"],"ct":["slider"],"vs":["minimal","enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Mantine","kind":"slider","page":"https://mantine.dev/core/range-slider/","note":"Mantine 官方文档里的「滑块」公开演示（Min, max and step）"},{"id":"cs2-lib-www-radix-ui-com-themes--tabs--tabs--v1","name":"Tabs · Radix Themes · Size","url":"https://www.radix-ui.com/themes/docs/components/tabs#size","type":"style","pricing":"free","tags":["React","Radix Themes"],"ct":["tabs"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Radix Themes","kind":"tabs","page":"https://www.radix-ui.com/themes/docs/components/tabs","note":"Radix Themes 官方文档里的「标签页」公开演示（Size）"},{"id":"cs2-lib-daisyui-com--form--fieldset--v0","name":"Form · daisyUI · Fieldset fieldset-legend and label","url":"https://daisyui.com/components/fieldset/#fieldset-fieldset-legend-and-label","type":"style","pricing":"free","tags":["CSS","daisyUI"],"ct":["form"],"vs":["playful","soft"],"rt":["component-demo"],"section":"组件样式","libName":"daisyUI","kind":"form","page":"https://daisyui.com/components/fieldset/","note":"daisyUI 官方文档里的「表单」公开演示（Fieldset fieldset-legend and label）"},{"id":"cs2-www-heroui-com--date--range-calendar--v2","name":"Date picker · HeroUI · Default Value","url":"https://heroui.com/en/docs/react/components/range-calendar#default-value","type":"style","pricing":"unknown","tags":["HeroUI"],"ct":["date"],"vs":["soft","playful"],"rt":["component-demo"],"section":"组件样式","libName":"HeroUI","kind":"date","page":"https://www.heroui.com/docs/components/range-calendar","note":"HeroUI 官方文档里的「日期」公开演示（Default Value）"},{"id":"cs2-ui-shadcn-com--alert--docs-components-alert--v3","name":"Alert · shadcn/ui · Action","url":"https://ui.shadcn.com/docs/components/base/alert#action","type":"style","pricing":"unknown","tags":["shadcn","shadcn/ui"],"ct":["alert"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"shadcn/ui","kind":"alert","page":"https://ui.shadcn.com/docs/components/alert","note":"shadcn/ui 官方文档里的「警告提示」公开演示（Action）"},{"id":"cs2-lib-primevue-org--alert--message--v2","name":"Alert · PrimeVue · Severity","url":"https://primevue.dev/message/#__nuxt","type":"style","pricing":"freemium","tags":["Vue","PrimeVue"],"ct":["alert"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"PrimeVue","kind":"alert","page":"https://primevue.org/message/","note":"PrimeVue 官方文档里的「警告提示」公开演示（Severity）"},{"id":"cs2-lib-ant-design--color--color-picker--v0","name":"Color picker · Ant Design · Basic Usage","url":"https://ant.design/components/color-picker","type":"style","pricing":"free","tags":["React","Ant Design"],"ct":["color"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Ant Design","kind":"color","page":"https://ant.design/components/color-picker","note":"Ant Design 官方文档里的「取色器」公开演示（Basic Usage）"},{"id":"cs2-lib-tdesign-tencent-com--progress--progress--v3","name":"Progress · TDesign · 环形进度条","url":"https://tdesign.tencent.com/vue-next/components/progress#环形进度条","type":"style","pricing":"free","tags":["React","Vue","TDesign"],"ct":["progress"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"TDesign","kind":"progress","page":"https://tdesign.tencent.com/vue-next/components/progress","note":"TDesign 官方文档里的「进度」公开演示（环形进度条）"},{"id":"cs2-lib-chakra-ui-com--switch--switch--v3","name":"Switch · Chakra UI · Colors","url":"https://chakra-ui.com/docs/components/switch#colors","type":"style","pricing":"free","tags":["React","Chakra UI"],"ct":["switch"],"vs":["soft","minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Chakra UI","kind":"switch","page":"https://chakra-ui.com/docs/components/switch","note":"Chakra UI 官方文档里的「开关」公开演示（Colors）"},{"id":"cs2-lib-quasar-dev--date--time--v1","name":"Date picker · Quasar · Landscape","url":"https://quasar.dev/vue-components/time/#example--landscape--landscape","type":"style","pricing":"free","tags":["Vue","Quasar"],"ct":["date"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Quasar","kind":"date","page":"https://quasar.dev/vue-components/time","note":"Quasar 官方文档里的「日期」公开演示（Landscape）"},{"id":"cs2-lib-ng-ant-design--badge--badge--v1","name":"Badge & tag · NG-ZORRO · Basic","url":"https://ng.ant.design/components/badge/en#components-badge-demo-basic","type":"style","pricing":"free","tags":["Angular","NG-ZORRO"],"ct":["badge"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"NG-ZORRO","kind":"badge","page":"https://ng.ant.design/components/badge/en","note":"NG-ZORRO 官方文档里的「徽标标签」公开演示（Basic）"},{"id":"cs2-lib-element-plus-org--tabs--segmented--v1","name":"Tabs · Element Plus · Direction Usage","url":"https://element-plus.org/en-US/component/segmented.html#direction-usage","type":"style","pricing":"free","tags":["Vue","Element Plus"],"ct":["tabs"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Element Plus","kind":"tabs","page":"https://element-plus.org/en-US/component/segmented.html","note":"Element Plus 官方文档里的「标签页」公开演示（Direction Usage）"},{"id":"cs2-lib-arco-design--button--button--v1","name":"Button · Arco Design · 基本用法","url":"https://arco.design/react/components/button#基本用法","type":"style","pricing":"free","tags":["React","Vue","Arco Design"],"ct":["button"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Arco Design","kind":"button","page":"https://arco.design/react/components/button","note":"Arco Design 官方文档里的「按钮」公开演示（基本用法）"},{"id":"cs2-lib-www-naiveui-com--input--input-number--v1","name":"Input · Naive UI","url":"https://www.naiveui.com/en-US/os-theme/components/input-number","type":"style","pricing":"free","tags":["Vue","Naive UI"],"ct":["input"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Naive UI","kind":"input","page":"https://www.naiveui.com/en-US/os-theme/components/input-number","note":"Naive UI 官方文档里的「输入框」公开演示"},{"id":"cs2-lib-flowbite-com--layout--components-jumbotron--v3","name":"Layout · Flowbite · Authentication form","url":"https://flowbite.com/docs/components/jumbotron/","type":"style","pricing":"freemium","tags":["CSS","React","Vue","Svelte","Flowbite"],"ct":["layout"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Flowbite","kind":"layout","page":"https://flowbite.com/docs/components/jumbotron/","note":"Flowbite 官方文档里的「区块」公开演示（Authentication form）"},{"id":"cs2-lib-vuetifyjs-com--checkbox--radio-buttons--v0","name":"Checkbox & radio · Vuetify","url":"https://vuetifyjs.com/en/components/radio-buttons/#label","type":"style","pricing":"free","tags":["Vue","Vuetify"],"ct":["checkbox"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Vuetify","kind":"checkbox","page":"https://vuetifyjs.com/en/components/radio-buttons/","note":"Vuetify 官方文档里的「复选单选」公开演示"},{"id":"cs2-lib-mui-com-material-ui--alert--alert--v2","name":"Alert · Material UI · Outlined","url":"https://mui.com/material-ui/react-alert/#main-content","type":"style","pricing":"free","tags":["React","Material UI"],"ct":["alert"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Material UI","kind":"alert","page":"https://mui.com/material-ui/react-alert/","note":"Material UI 官方文档里的「警告提示」公开演示（Outlined）"},{"id":"cs2-lib-getbootstrap-com--input--forms-input-group--v3","name":"Input · Bootstrap · Sizing","url":"https://getbootstrap.com/docs/5.3/forms/input-group/#sizing","type":"style","pricing":"free","tags":["CSS","Bootstrap"],"ct":["input"],"vs":["minimal","utilitarian"],"rt":["component-demo"],"section":"组件样式","libName":"Bootstrap","kind":"input","page":"https://getbootstrap.com/docs/5.3/forms/input-group/","note":"Bootstrap 官方文档里的「输入框」公开演示（Sizing）"},{"id":"cs2-lib-mantine-dev--slider--core-range-slider--v3","name":"Slider · Mantine · minRange","url":"https://mantine.dev/core/range-slider/#mdx","type":"style","pricing":"free","tags":["React","Mantine"],"ct":["slider"],"vs":["minimal","enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Mantine","kind":"slider","page":"https://mantine.dev/core/range-slider/","note":"Mantine 官方文档里的「滑块」公开演示（minRange）"},{"id":"cs2-lib-www-radix-ui-com-themes--tabs--tabs--v2","name":"Tabs · Radix Themes · Color","url":"https://www.radix-ui.com/themes/docs/components/tabs#color","type":"style","pricing":"free","tags":["React","Radix Themes"],"ct":["tabs"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Radix Themes","kind":"tabs","page":"https://www.radix-ui.com/themes/docs/components/tabs","note":"Radix Themes 官方文档里的「标签页」公开演示（Color）"},{"id":"cs2-lib-daisyui-com--form--fieldset--v1","name":"Form · daisyUI","url":"https://daisyui.com/components/fieldset/#fieldset-with-background-and-border","type":"style","pricing":"free","tags":["CSS","daisyUI"],"ct":["form"],"vs":["playful","soft"],"rt":["component-demo"],"section":"组件样式","libName":"daisyUI","kind":"form","page":"https://daisyui.com/components/fieldset/","note":"daisyUI 官方文档里的「表单」公开演示"},{"id":"cs2-www-heroui-com--date--range-calendar--v3","name":"Date picker · HeroUI · Controlled","url":"https://heroui.com/en/docs/react/components/range-calendar#controlled","type":"style","pricing":"unknown","tags":["HeroUI"],"ct":["date"],"vs":["soft","playful"],"rt":["component-demo"],"section":"组件样式","libName":"HeroUI","kind":"date","page":"https://www.heroui.com/docs/components/range-calendar","note":"HeroUI 官方文档里的「日期」公开演示（Controlled）"},{"id":"cs2-ui-shadcn-com--chart--charts-bar--v0","name":"Chart · shadcn/ui · Bar Charts","url":"https://ui.shadcn.com/charts/bar","type":"style","pricing":"unknown","tags":["shadcn","shadcn/ui"],"ct":["chart"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"shadcn/ui","kind":"chart","page":"https://ui.shadcn.com/charts/bar","note":"shadcn/ui 官方文档里的「图表」公开演示（Bar Charts）"},{"id":"cs2-lib-primevue-org--alert--message--v3","name":"Alert · PrimeVue · Icon","url":"https://primevue.dev/message/#__nuxt","type":"style","pricing":"freemium","tags":["Vue","PrimeVue"],"ct":["alert"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"PrimeVue","kind":"alert","page":"https://primevue.org/message/","note":"PrimeVue 官方文档里的「警告提示」公开演示（Icon）"},{"id":"cs2-lib-ant-design--color--color-picker--v2","name":"Color picker · Ant Design · Line Gradient","url":"https://ant.design/components/color-picker#color-picker-demo-controlled","type":"style","pricing":"free","tags":["React","Ant Design"],"ct":["color"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Ant Design","kind":"color","page":"https://ant.design/components/color-picker","note":"Ant Design 官方文档里的「取色器」公开演示（Line Gradient）"},{"id":"cs2-lib-tdesign-tencent-com--accordion--collapse--v0","name":"Accordion · TDesign · 基础折叠面板","url":"https://tdesign.tencent.com/vue-next/components/collapse#基础折叠面板","type":"style","pricing":"free","tags":["React","Vue","TDesign"],"ct":["accordion"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"TDesign","kind":"accordion","page":"https://tdesign.tencent.com/vue-next/components/collapse","note":"TDesign 官方文档里的「折叠面板」公开演示（基础折叠面板）"},{"id":"cs2-lib-chakra-ui-com--tree--tree-view--v1","name":"Tree · Chakra UI · Variants","url":"https://chakra-ui.com/docs/components/tree-view#variants","type":"style","pricing":"free","tags":["React","Chakra UI"],"ct":["tree"],"vs":["soft","minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Chakra UI","kind":"tree","page":"https://chakra-ui.com/docs/components/tree-view","note":"Chakra UI 官方文档里的「树形」公开演示（Variants）"},{"id":"cs2-lib-quasar-dev--date--time--v2","name":"Date picker · Quasar","url":"https://quasar.dev/vue-components/time/#example--format24h--24h-format","type":"style","pricing":"free","tags":["Vue","Quasar"],"ct":["date"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Quasar","kind":"date","page":"https://quasar.dev/vue-components/time","note":"Quasar 官方文档里的「日期」公开演示"},{"id":"cs2-lib-ng-ant-design--pagination--pagination--v0","name":"Pagination · NG-ZORRO","url":"https://ng.ant.design/components/pagination/en","type":"style","pricing":"free","tags":["Angular","NG-ZORRO"],"ct":["pagination"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"NG-ZORRO","kind":"pagination","page":"https://ng.ant.design/components/pagination/en","note":"NG-ZORRO 官方文档里的「分页」公开演示"},{"id":"cs2-lib-element-plus-org--empty--empty--v1","name":"Empty & result · Element Plus · Custom image","url":"https://element-plus.org/en-US/component/empty.html#custom-image","type":"style","pricing":"free","tags":["Vue","Element Plus"],"ct":["empty"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Element Plus","kind":"empty","page":"https://element-plus.org/en-US/component/empty.html","note":"Element Plus 官方文档里的「空状态结果」公开演示（Custom image）"},{"id":"cs2-lib-arco-design--date--date-picker--v3","name":"Date picker · Arco Design · 不同状态","url":"https://arco.design/react/components/date-picker#不同状态","type":"style","pricing":"free","tags":["React","Vue","Arco Design"],"ct":["date"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Arco Design","kind":"date","page":"https://arco.design/react/components/date-picker","note":"Arco Design 官方文档里的「日期」公开演示（不同状态）"},{"id":"cs2-lib-www-naiveui-com--steps--steps--v0","name":"Steps · Naive UI","url":"https://www.naiveui.com/en-US/os-theme/components/steps","type":"style","pricing":"free","tags":["Vue","Naive UI"],"ct":["steps"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Naive UI","kind":"steps","page":"https://www.naiveui.com/en-US/os-theme/components/steps","note":"Naive UI 官方文档里的「步骤条」公开演示"},{"id":"cs2-lib-flowbite-com--carousel--components-gallery--v0","name":"Carousel · Flowbite · Featured image","url":"https://flowbite.com/docs/components/gallery/","type":"style","pricing":"freemium","tags":["CSS","React","Vue","Svelte","Flowbite"],"ct":["carousel"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Flowbite","kind":"carousel","page":"https://flowbite.com/docs/components/gallery/","note":"Flowbite 官方文档里的「轮播」公开演示（Featured image）"},{"id":"cs2-lib-vuetifyjs-com--progress--progress-circular--v1","name":"Progress · Vuetify","url":"https://vuetifyjs.com/en/components/progress-circular/#slots","type":"style","pricing":"free","tags":["Vue","Vuetify"],"ct":["progress"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Vuetify","kind":"progress","page":"https://vuetifyjs.com/en/components/progress-circular/","note":"Vuetify 官方文档里的「进度」公开演示"},{"id":"cs2-lib-mui-com-material-ui--alert--alert--v3","name":"Alert · Material UI · Actions","url":"https://mui.com/material-ui/react-alert/#actions","type":"style","pricing":"free","tags":["React","Material UI"],"ct":["alert"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Material UI","kind":"alert","page":"https://mui.com/material-ui/react-alert/","note":"Material UI 官方文档里的「警告提示」公开演示（Actions）"},{"id":"cs2-lib-getbootstrap-com--input--forms-floating-labels--v2","name":"Input · Bootstrap","url":"https://getbootstrap.com/docs/5.3/forms/floating-labels/#example","type":"style","pricing":"free","tags":["CSS","Bootstrap"],"ct":["input"],"vs":["minimal","utilitarian"],"rt":["component-demo"],"section":"组件样式","libName":"Bootstrap","kind":"input","page":"https://getbootstrap.com/docs/5.3/forms/floating-labels/","note":"Bootstrap 官方文档里的「输入框」公开演示"},{"id":"cs2-lib-mantine-dev--color--core-color-picker--v0","name":"Color picker · Mantine","url":"https://mantine.dev/core/color-picker/#mdx","type":"style","pricing":"free","tags":["React","Mantine"],"ct":["color"],"vs":["minimal","enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Mantine","kind":"color","page":"https://mantine.dev/core/color-picker/","note":"Mantine 官方文档里的「取色器」公开演示"},{"id":"cs2-lib-www-radix-ui-com-themes--avatar--avatar--v0","name":"Avatar · Radix Themes · Typography","url":"https://www.radix-ui.com/themes/docs/components/avatar","type":"style","pricing":"free","tags":["React","Radix Themes"],"ct":["avatar"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Radix Themes","kind":"avatar","page":"https://www.radix-ui.com/themes/docs/components/avatar","note":"Radix Themes 官方文档里的「头像」公开演示（Typography）"},{"id":"cs2-lib-daisyui-com--form--fieldset--v2","name":"Form · daisyUI · Fieldset with multiple inputs","url":"https://daisyui.com/components/fieldset/#fieldset-with-multiple-inputs","type":"style","pricing":"free","tags":["CSS","daisyUI"],"ct":["form"],"vs":["playful","soft"],"rt":["component-demo"],"section":"组件样式","libName":"daisyUI","kind":"form","page":"https://daisyui.com/components/fieldset/","note":"daisyUI 官方文档里的「表单」公开演示（Fieldset with multiple inputs）"},{"id":"cs2-www-heroui-com--pagination--pagination--v2","name":"Pagination · HeroUI · Disabled","url":"https://heroui.com/en/docs/react/components/pagination#disabled","type":"style","pricing":"unknown","tags":["HeroUI"],"ct":["pagination"],"vs":["soft","playful"],"rt":["component-demo"],"section":"组件样式","libName":"HeroUI","kind":"pagination","page":"https://www.heroui.com/docs/components/pagination","note":"HeroUI 官方文档里的「分页」公开演示（Disabled）"},{"id":"cs2-ui-shadcn-com--tabs--tabs--v0","name":"Tabs · shadcn/ui","url":"https://ui.shadcn.com/docs/components/base/tabs","type":"style","pricing":"unknown","tags":["shadcn","shadcn/ui"],"ct":["tabs"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"shadcn/ui","kind":"tabs","page":"https://ui.shadcn.com/docs/components/tabs","note":"shadcn/ui 官方文档里的「标签页」公开演示"},{"id":"cs2-lib-primevue-org--avatar--avatar--v0","name":"Avatar · PrimeVue","url":"https://primevue.dev/avatar/","type":"style","pricing":"freemium","tags":["Vue","PrimeVue"],"ct":["avatar"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"PrimeVue","kind":"avatar","page":"https://primevue.org/avatar/","note":"PrimeVue 官方文档里的「头像」公开演示"},{"id":"cs2-lib-ant-design--color--color-picker--v3","name":"Color picker · Ant Design · controlled mode","url":"https://ant.design/components/color-picker#color-picker-demo-controlled","type":"style","pricing":"free","tags":["React","Ant Design"],"ct":["color"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Ant Design","kind":"color","page":"https://ant.design/components/color-picker","note":"Ant Design 官方文档里的「取色器」公开演示（controlled mode）"},{"id":"cs2-lib-tdesign-tencent-com--accordion--collapse--v1","name":"Accordion · TDesign · 手风琴模式折叠面板","url":"https://tdesign.tencent.com/vue-next/components/collapse#手风琴模式折叠面板","type":"style","pricing":"free","tags":["React","Vue","TDesign"],"ct":["accordion"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"TDesign","kind":"accordion","page":"https://tdesign.tencent.com/vue-next/components/collapse","note":"TDesign 官方文档里的「折叠面板」公开演示（手风琴模式折叠面板）"},{"id":"cs2-lib-chakra-ui-com--tree--tree-view--v2","name":"Tree · Chakra UI · Disabled Node","url":"https://chakra-ui.com/docs/components/tree-view#disabled-node","type":"style","pricing":"free","tags":["React","Chakra UI"],"ct":["tree"],"vs":["soft","minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Chakra UI","kind":"tree","page":"https://chakra-ui.com/docs/components/tree-view","note":"Chakra UI 官方文档里的「树形」公开演示（Disabled Node）"},{"id":"cs2-lib-quasar-dev--date--time--v3","name":"Date picker · Quasar · Now button","url":"https://quasar.dev/vue-components/time/#example--nowbtn--now-button","type":"style","pricing":"free","tags":["Vue","Quasar"],"ct":["date"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Quasar","kind":"date","page":"https://quasar.dev/vue-components/time","note":"Quasar 官方文档里的「日期」公开演示（Now button）"},{"id":"cs2-lib-ng-ant-design--pagination--pagination--v1","name":"Pagination · NG-ZORRO · Basic","url":"https://ng.ant.design/components/pagination/en#components-pagination-demo-basic","type":"style","pricing":"free","tags":["Angular","NG-ZORRO"],"ct":["pagination"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"NG-ZORRO","kind":"pagination","page":"https://ng.ant.design/components/pagination/en","note":"NG-ZORRO 官方文档里的「分页」公开演示（Basic）"},{"id":"cs2-lib-element-plus-org--empty--empty--v3","name":"Empty & result · Element Plus · Bottom content","url":"https://element-plus.org/en-US/component/empty.html#bottom-content","type":"style","pricing":"free","tags":["Vue","Element Plus"],"ct":["empty"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Element Plus","kind":"empty","page":"https://element-plus.org/en-US/component/empty.html","note":"Element Plus 官方文档里的「空状态结果」公开演示（Bottom content）"},{"id":"cs2-lib-arco-design--table--table--v3","name":"Table · Arco Design · 开启选择","url":"https://arco.design/react/components/table#开启选择","type":"style","pricing":"free","tags":["React","Vue","Arco Design"],"ct":["table"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Arco Design","kind":"table","page":"https://arco.design/react/components/table","note":"Arco Design 官方文档里的「表格」公开演示（开启选择）"},{"id":"cs2-lib-www-naiveui-com--steps--steps--v1","name":"Steps · Naive UI","url":"https://www.naiveui.com/en-US/os-theme/components/steps","type":"style","pricing":"free","tags":["Vue","Naive UI"],"ct":["steps"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Naive UI","kind":"steps","page":"https://www.naiveui.com/en-US/os-theme/components/steps","note":"Naive UI 官方文档里的「步骤条」公开演示"},{"id":"cs2-lib-flowbite-com--carousel--components-gallery--v1","name":"Carousel · Flowbite · Quad gallery","url":"https://flowbite.com/docs/components/gallery/","type":"style","pricing":"freemium","tags":["CSS","React","Vue","Svelte","Flowbite"],"ct":["carousel"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Flowbite","kind":"carousel","page":"https://flowbite.com/docs/components/gallery/","note":"Flowbite 官方文档里的「轮播」公开演示（Quad gallery）"},{"id":"cs2-lib-vuetifyjs-com--rating--ratings--v0","name":"Rating · Vuetify","url":"https://vuetifyjs.com/en/components/ratings/#half-increments","type":"style","pricing":"free","tags":["Vue","Vuetify"],"ct":["rating"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Vuetify","kind":"rating","page":"https://vuetifyjs.com/en/components/ratings/","note":"Vuetify 官方文档里的「评分」公开演示"},{"id":"cs2-lib-mui-com-material-ui--checkbox--radio-button--v1","name":"Checkbox & radio · Material UI","url":"https://mui.com/material-ui/react-radio-button/#radio-group","type":"style","pricing":"free","tags":["React","Material UI"],"ct":["checkbox"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Material UI","kind":"checkbox","page":"https://mui.com/material-ui/react-radio-button/","note":"Material UI 官方文档里的「复选单选」公开演示"},{"id":"cs2-lib-getbootstrap-com--form--forms-validation--v0","name":"Form · Bootstrap · Custom styles","url":"https://getbootstrap.com/docs/5.3/forms/validation/#custom-styles","type":"style","pricing":"free","tags":["CSS","Bootstrap"],"ct":["form"],"vs":["minimal","utilitarian"],"rt":["component-demo"],"section":"组件样式","libName":"Bootstrap","kind":"form","page":"https://getbootstrap.com/docs/5.3/forms/validation/","note":"Bootstrap 官方文档里的「表单」公开演示（Custom styles）"},{"id":"cs2-lib-mantine-dev--color--core-color-picker--v1","name":"Color picker · Mantine · Color format","url":"https://mantine.dev/core/color-picker/#mdx","type":"style","pricing":"free","tags":["React","Mantine"],"ct":["color"],"vs":["minimal","enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Mantine","kind":"color","page":"https://mantine.dev/core/color-picker/","note":"Mantine 官方文档里的「取色器」公开演示（Color format）"},{"id":"cs2-lib-www-radix-ui-com-themes--input--text-field--v1","name":"Input · Radix Themes · Size","url":"https://www.radix-ui.com/themes/docs/components/text-field#size","type":"style","pricing":"free","tags":["React","Radix Themes"],"ct":["input"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Radix Themes","kind":"input","page":"https://www.radix-ui.com/themes/docs/components/text-field","note":"Radix Themes 官方文档里的「输入框」公开演示（Size）"},{"id":"cs2-lib-daisyui-com--layout--hero--v0","name":"Layout · daisyUI · Centered hero","url":"https://daisyui.com/components/hero/#centered-hero","type":"style","pricing":"free","tags":["CSS","daisyUI"],"ct":["layout"],"vs":["playful","soft"],"rt":["component-demo"],"section":"组件样式","libName":"daisyUI","kind":"layout","page":"https://daisyui.com/components/hero/","note":"daisyUI 官方文档里的「区块」公开演示（Centered hero）"},{"id":"cs2-www-heroui-com--alert--alert--v0","name":"Alert · HeroUI","url":"https://heroui.com/en/docs/react/components/alert#usage","type":"style","pricing":"unknown","tags":["HeroUI"],"ct":["alert"],"vs":["soft","playful"],"rt":["component-demo"],"section":"组件样式","libName":"HeroUI","kind":"alert","page":"https://www.heroui.com/docs/components/alert","note":"HeroUI 官方文档里的「警告提示」公开演示"},{"id":"cs2-ui-shadcn-com--date--calendar--v0","name":"Date picker · shadcn/ui","url":"https://ui.shadcn.com/docs/components/base/calendar","type":"style","pricing":"unknown","tags":["shadcn","shadcn/ui"],"ct":["date"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"shadcn/ui","kind":"date","page":"https://ui.shadcn.com/docs/components/calendar","note":"shadcn/ui 官方文档里的「日期」公开演示"},{"id":"cs2-lib-primevue-org--avatar--avatar--v1","name":"Avatar · PrimeVue · Basic","url":"https://primevue.dev/avatar/#__nuxt","type":"style","pricing":"freemium","tags":["Vue","PrimeVue"],"ct":["avatar"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"PrimeVue","kind":"avatar","page":"https://primevue.org/avatar/","note":"PrimeVue 官方文档里的「头像」公开演示（Basic）"},{"id":"cs2-lib-ant-design--timeline--timeline--v0","name":"Timeline · Ant Design","url":"https://ant.design/components/timeline","type":"style","pricing":"free","tags":["React","Ant Design"],"ct":["timeline"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Ant Design","kind":"timeline","page":"https://ant.design/components/timeline","note":"Ant Design 官方文档里的「时间轴」公开演示"},{"id":"cs2-lib-tdesign-tencent-com--accordion--collapse--v2","name":"Accordion · TDesign · 可设置图标的折叠面板","url":"https://tdesign.tencent.com/vue-next/components/collapse#可设置图标的折叠面板","type":"style","pricing":"free","tags":["React","Vue","TDesign"],"ct":["accordion"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"TDesign","kind":"accordion","page":"https://tdesign.tencent.com/vue-next/components/collapse","note":"TDesign 官方文档里的「折叠面板」公开演示（可设置图标的折叠面板）"},{"id":"cs2-lib-chakra-ui-com--timeline--timeline--v1","name":"Timeline · Chakra UI · Sizes","url":"https://chakra-ui.com/docs/components/timeline#sizes","type":"style","pricing":"free","tags":["React","Chakra UI"],"ct":["timeline"],"vs":["soft","minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Chakra UI","kind":"timeline","page":"https://chakra-ui.com/docs/components/timeline","note":"Chakra UI 官方文档里的「时间轴」公开演示（Sizes）"},{"id":"cs2-lib-quasar-dev--breadcrumb--breadcrumbs--v0","name":"Breadcrumb · Quasar · Basic","url":"https://quasar.dev/vue-components/breadcrumbs/#example--basic--basic","type":"style","pricing":"free","tags":["Vue","Quasar"],"ct":["breadcrumb"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Quasar","kind":"breadcrumb","page":"https://quasar.dev/vue-components/breadcrumbs","note":"Quasar 官方文档里的「面包屑」公开演示（Basic）"},{"id":"cs2-lib-ng-ant-design--timeline--timeline--v0","name":"Timeline · NG-ZORRO","url":"https://ng.ant.design/components/timeline/en","type":"style","pricing":"free","tags":["Angular","NG-ZORRO"],"ct":["timeline"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"NG-ZORRO","kind":"timeline","page":"https://ng.ant.design/components/timeline/en","note":"NG-ZORRO 官方文档里的「时间轴」公开演示"},{"id":"cs2-lib-element-plus-org--tooltip--popover--v0","name":"Tooltip · Element Plus · Placement","url":"https://element-plus.org/en-US/component/popover.html#placement","type":"style","pricing":"free","tags":["Vue","Element Plus"],"ct":["tooltip"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Element Plus","kind":"tooltip","page":"https://element-plus.org/en-US/component/popover.html","note":"Element Plus 官方文档里的「气泡」公开演示（Placement）"},{"id":"cs2-lib-arco-design--nav--steps--v1","name":"Navigation · Arco Design · 基础用法","url":"https://arco.design/react/components/steps#基础用法","type":"style","pricing":"free","tags":["React","Vue","Arco Design"],"ct":["nav"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Arco Design","kind":"nav","page":"https://arco.design/react/components/steps","note":"Arco Design 官方文档里的「导航」公开演示（基础用法）"},{"id":"cs2-lib-www-naiveui-com--input--auto-complete--v0","name":"Input · Naive UI","url":"https://www.naiveui.com/en-US/os-theme/components/auto-complete","type":"style","pricing":"free","tags":["Vue","Naive UI"],"ct":["input"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Naive UI","kind":"input","page":"https://www.naiveui.com/en-US/os-theme/components/auto-complete","note":"Naive UI 官方文档里的「输入框」公开演示"},{"id":"cs2-lib-flowbite-com--carousel--components-gallery--v2","name":"Carousel · Flowbite · Gallery with slider","url":"https://flowbite.com/docs/components/gallery/","type":"style","pricing":"freemium","tags":["CSS","React","Vue","Svelte","Flowbite"],"ct":["carousel"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Flowbite","kind":"carousel","page":"https://flowbite.com/docs/components/gallery/","note":"Flowbite 官方文档里的「轮播」公开演示（Gallery with slider）"},{"id":"cs2-lib-vuetifyjs-com--rating--ratings--v1","name":"Rating · Vuetify","url":"https://vuetifyjs.com/en/components/ratings/#half-increments","type":"style","pricing":"free","tags":["Vue","Vuetify"],"ct":["rating"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Vuetify","kind":"rating","page":"https://vuetifyjs.com/en/components/ratings/","note":"Vuetify 官方文档里的「评分」公开演示"},{"id":"cs2-lib-mui-com-material-ui--checkbox--radio-button--v3","name":"Checkbox & radio · Material UI · Controlled","url":"https://mui.com/material-ui/react-radio-button/#controlled","type":"style","pricing":"free","tags":["React","Material UI"],"ct":["checkbox"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Material UI","kind":"checkbox","page":"https://mui.com/material-ui/react-radio-button/","note":"Material UI 官方文档里的「复选单选」公开演示（Controlled）"},{"id":"cs2-lib-getbootstrap-com--form--forms-validation--v2","name":"Form · Bootstrap · Server-side","url":"https://getbootstrap.com/docs/5.3/forms/validation/#server-side","type":"style","pricing":"free","tags":["CSS","Bootstrap"],"ct":["form"],"vs":["minimal","utilitarian"],"rt":["component-demo"],"section":"组件样式","libName":"Bootstrap","kind":"form","page":"https://getbootstrap.com/docs/5.3/forms/validation/","note":"Bootstrap 官方文档里的「表单」公开演示（Server-side）"},{"id":"cs2-lib-mantine-dev--color--core-color-picker--v2","name":"Color picker · Mantine · With swatches","url":"https://mantine.dev/core/color-picker/#mdx","type":"style","pricing":"free","tags":["React","Mantine"],"ct":["color"],"vs":["minimal","enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Mantine","kind":"color","page":"https://mantine.dev/core/color-picker/","note":"Mantine 官方文档里的「取色器」公开演示（With swatches）"},{"id":"cs2-lib-www-radix-ui-com-themes--input--text-field--v3","name":"Input · Radix Themes · Variant","url":"https://www.radix-ui.com/themes/docs/components/text-field#variant","type":"style","pricing":"free","tags":["React","Radix Themes"],"ct":["input"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Radix Themes","kind":"input","page":"https://www.radix-ui.com/themes/docs/components/text-field","note":"Radix Themes 官方文档里的「输入框」公开演示（Variant）"},{"id":"cs2-lib-daisyui-com--layout--hero--v1","name":"Layout · daisyUI · Hero with figure","url":"https://daisyui.com/components/hero/#hero-with-figure","type":"style","pricing":"free","tags":["CSS","daisyUI"],"ct":["layout"],"vs":["playful","soft"],"rt":["component-demo"],"section":"组件样式","libName":"daisyUI","kind":"layout","page":"https://daisyui.com/components/hero/","note":"daisyUI 官方文档里的「区块」公开演示（Hero with figure）"},{"id":"cs2-www-heroui-com--alert--alert--v1","name":"Alert · HeroUI · Tailwind CSS","url":"https://heroui.com/en/docs/react/components/alert#tailwind-css","type":"style","pricing":"unknown","tags":["HeroUI"],"ct":["alert"],"vs":["soft","playful"],"rt":["component-demo"],"section":"组件样式","libName":"HeroUI","kind":"alert","page":"https://www.heroui.com/docs/components/alert","note":"HeroUI 官方文档里的「警告提示」公开演示（Tailwind CSS）"},{"id":"cs2-ui-shadcn-com--date--calendar--v1","name":"Date picker · shadcn/ui","url":"https://ui.shadcn.com/docs/components/base/calendar#persian--hijri--jalali-calendar","type":"style","pricing":"unknown","tags":["shadcn","shadcn/ui"],"ct":["date"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"shadcn/ui","kind":"date","page":"https://ui.shadcn.com/docs/components/calendar","note":"shadcn/ui 官方文档里的「日期」公开演示"},{"id":"cs2-lib-primevue-org--avatar--avatar--v2","name":"Avatar · PrimeVue · Image","url":"https://primevue.dev/avatar/#__nuxt","type":"style","pricing":"freemium","tags":["Vue","PrimeVue"],"ct":["avatar"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"PrimeVue","kind":"avatar","page":"https://primevue.org/avatar/","note":"PrimeVue 官方文档里的「头像」公开演示（Image）"},{"id":"cs2-lib-ant-design--timeline--timeline--v1","name":"Timeline · Ant Design","url":"https://ant.design/components/timeline#timeline-demo-basic","type":"style","pricing":"free","tags":["React","Ant Design"],"ct":["timeline"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Ant Design","kind":"timeline","page":"https://ant.design/components/timeline","note":"Ant Design 官方文档里的「时间轴」公开演示"},{"id":"cs2-lib-tdesign-tencent-com--accordion--collapse--v3","name":"Accordion · TDesign · 可设置右侧操作的折叠面板","url":"https://tdesign.tencent.com/vue-next/components/collapse#可设置右侧操作的折叠面板","type":"style","pricing":"free","tags":["React","Vue","TDesign"],"ct":["accordion"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"TDesign","kind":"accordion","page":"https://tdesign.tencent.com/vue-next/components/collapse","note":"TDesign 官方文档里的「折叠面板」公开演示（可设置右侧操作的折叠面板）"},{"id":"cs2-lib-chakra-ui-com--timeline--timeline--v2","name":"Timeline · Chakra UI · Variants","url":"https://chakra-ui.com/docs/components/timeline#variants","type":"style","pricing":"free","tags":["React","Chakra UI"],"ct":["timeline"],"vs":["soft","minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Chakra UI","kind":"timeline","page":"https://chakra-ui.com/docs/components/timeline","note":"Chakra UI 官方文档里的「时间轴」公开演示（Variants）"},{"id":"cs2-lib-quasar-dev--breadcrumb--breadcrumbs--v1","name":"Breadcrumb · Quasar · In a QToolbar","url":"https://quasar.dev/vue-components/breadcrumbs/#example--toolbar--in-a-qtoolbar","type":"style","pricing":"free","tags":["Vue","Quasar"],"ct":["breadcrumb"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Quasar","kind":"breadcrumb","page":"https://quasar.dev/vue-components/breadcrumbs","note":"Quasar 官方文档里的「面包屑」公开演示（In a QToolbar）"},{"id":"cs2-lib-ng-ant-design--avatar--avatar--v0","name":"Avatar · NG-ZORRO","url":"https://ng.ant.design/components/avatar/en","type":"style","pricing":"free","tags":["Angular","NG-ZORRO"],"ct":["avatar"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"NG-ZORRO","kind":"avatar","page":"https://ng.ant.design/components/avatar/en","note":"NG-ZORRO 官方文档里的「头像」公开演示"},{"id":"cs2-lib-element-plus-org--date--calendar--v1","name":"Date picker · Element Plus · Controller Type","url":"https://element-plus.org/en-US/component/calendar.html#controller-type","type":"style","pricing":"free","tags":["Vue","Element Plus"],"ct":["date"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Element Plus","kind":"date","page":"https://element-plus.org/en-US/component/calendar.html","note":"Element Plus 官方文档里的「日期」公开演示（Controller Type）"},{"id":"cs2-lib-www-naiveui-com--input--auto-complete--v2","name":"Input · Naive UI","url":"https://www.naiveui.com/en-US/os-theme/components/auto-complete","type":"style","pricing":"free","tags":["Vue","Naive UI"],"ct":["input"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Naive UI","kind":"input","page":"https://www.naiveui.com/en-US/os-theme/components/auto-complete","note":"Naive UI 官方文档里的「输入框」公开演示"},{"id":"cs2-lib-flowbite-com--carousel--components-gallery--v3","name":"Carousel · Flowbite · Custom slider controls","url":"https://flowbite.com/docs/components/gallery/","type":"style","pricing":"freemium","tags":["CSS","React","Vue","Svelte","Flowbite"],"ct":["carousel"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Flowbite","kind":"carousel","page":"https://flowbite.com/docs/components/gallery/","note":"Flowbite 官方文档里的「轮播」公开演示（Custom slider controls）"},{"id":"cs2-lib-vuetifyjs-com--loader--skeleton-loaders--v0","name":"Loader · Vuetify","url":"https://vuetifyjs.com/en/components/skeleton-loaders/#type","type":"style","pricing":"free","tags":["Vue","Vuetify"],"ct":["loader"],"vs":["material"],"rt":["component-demo","motion"],"section":"组件样式","libName":"Vuetify","kind":"loader","page":"https://vuetifyjs.com/en/components/skeleton-loaders/","note":"Vuetify 官方文档里的「加载」公开演示"},{"id":"cs2-lib-mui-com-material-ui--rating--rating--v0","name":"Rating · Material UI · Basic rating","url":"https://mui.com/material-ui/react-rating/#basic-rating","type":"style","pricing":"free","tags":["React","Material UI"],"ct":["rating"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Material UI","kind":"rating","page":"https://mui.com/material-ui/react-rating/","note":"Material UI 官方文档里的「评分」公开演示（Basic rating）"},{"id":"cs2-lib-getbootstrap-com--form--forms-validation--v3","name":"Form · Bootstrap · Supported elements","url":"https://getbootstrap.com/docs/5.3/forms/validation/#supported-elements","type":"style","pricing":"free","tags":["CSS","Bootstrap"],"ct":["form"],"vs":["minimal","utilitarian"],"rt":["component-demo"],"section":"组件样式","libName":"Bootstrap","kind":"form","page":"https://getbootstrap.com/docs/5.3/forms/validation/","note":"Bootstrap 官方文档里的「表单」公开演示（Supported elements）"},{"id":"cs2-lib-mantine-dev--color--core-color-picker--v3","name":"Color picker · Mantine · With swatches","url":"https://mantine.dev/core/color-picker/#mdx","type":"style","pricing":"free","tags":["React","Mantine"],"ct":["color"],"vs":["minimal","enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Mantine","kind":"color","page":"https://mantine.dev/core/color-picker/","note":"Mantine 官方文档里的「取色器」公开演示（With swatches）"},{"id":"cs2-lib-daisyui-com--layout--hero--v2","name":"Layout · daisyUI","url":"https://daisyui.com/components/hero/#hero-with-figure-but-reverse-order","type":"style","pricing":"free","tags":["CSS","daisyUI"],"ct":["layout"],"vs":["playful","soft"],"rt":["component-demo"],"section":"组件样式","libName":"daisyUI","kind":"layout","page":"https://daisyui.com/components/hero/","note":"daisyUI 官方文档里的「区块」公开演示"},{"id":"cs2-www-heroui-com--tooltip--popover--v0","name":"Tooltip · HeroUI","url":"https://heroui.com/en/docs/react/components/popover#usage","type":"style","pricing":"unknown","tags":["HeroUI"],"ct":["tooltip"],"vs":["soft","playful"],"rt":["component-demo"],"section":"组件样式","libName":"HeroUI","kind":"tooltip","page":"https://www.heroui.com/docs/components/popover","note":"HeroUI 官方文档里的「气泡」公开演示"},{"id":"cs2-ui-shadcn-com--date--calendar--v3","name":"Date picker · shadcn/ui · Range Calendar","url":"https://ui.shadcn.com/docs/components/base/calendar#range-calendar","type":"style","pricing":"unknown","tags":["shadcn","shadcn/ui"],"ct":["date"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"shadcn/ui","kind":"date","page":"https://ui.shadcn.com/docs/components/calendar","note":"shadcn/ui 官方文档里的「日期」公开演示（Range Calendar）"},{"id":"cs2-lib-primevue-org--avatar--avatar--v3","name":"Avatar · PrimeVue · Badge","url":"https://primevue.dev/avatar/#__nuxt","type":"style","pricing":"freemium","tags":["Vue","PrimeVue"],"ct":["avatar"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"PrimeVue","kind":"avatar","page":"https://primevue.org/avatar/","note":"PrimeVue 官方文档里的「头像」公开演示（Badge）"},{"id":"cs2-lib-ant-design--timeline--timeline--v2","name":"Timeline · Ant Design · Init","url":"https://ant.design/components/timeline#timeline-demo-pending","type":"style","pricing":"free","tags":["React","Ant Design"],"ct":["timeline"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Ant Design","kind":"timeline","page":"https://ant.design/components/timeline","note":"Ant Design 官方文档里的「时间轴」公开演示（Init）"},{"id":"cs2-lib-tdesign-tencent-com--switch--switch--v0","name":"Switch · TDesign · 基础开关","url":"https://tdesign.tencent.com/vue-next/components/switch#基础开关","type":"style","pricing":"free","tags":["React","Vue","TDesign"],"ct":["switch"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"TDesign","kind":"switch","page":"https://tdesign.tencent.com/vue-next/components/switch","note":"TDesign 官方文档里的「开关」公开演示（基础开关）"},{"id":"cs2-lib-chakra-ui-com--timeline--timeline--v3","name":"Timeline · Chakra UI · Content Before","url":"https://chakra-ui.com/docs/components/timeline#content-before","type":"style","pricing":"free","tags":["React","Chakra UI"],"ct":["timeline"],"vs":["soft","minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Chakra UI","kind":"timeline","page":"https://chakra-ui.com/docs/components/timeline","note":"Chakra UI 官方文档里的「时间轴」公开演示（Content Before）"},{"id":"cs2-lib-quasar-dev--breadcrumb--breadcrumbs--v2","name":"Breadcrumb · Quasar · Custom separators","url":"https://quasar.dev/vue-components/breadcrumbs/#example--separator--custom-separators","type":"style","pricing":"free","tags":["Vue","Quasar"],"ct":["breadcrumb"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Quasar","kind":"breadcrumb","page":"https://quasar.dev/vue-components/breadcrumbs","note":"Quasar 官方文档里的「面包屑」公开演示（Custom separators）"},{"id":"cs2-lib-ng-ant-design--avatar--avatar--v1","name":"Avatar · NG-ZORRO · Basic","url":"https://ng.ant.design/components/avatar/en#components-avatar-demo-basic","type":"style","pricing":"free","tags":["Angular","NG-ZORRO"],"ct":["avatar"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"NG-ZORRO","kind":"avatar","page":"https://ng.ant.design/components/avatar/en","note":"NG-ZORRO 官方文档里的「头像」公开演示（Basic）"},{"id":"cs2-lib-element-plus-org--pagination--pagination--v3","name":"Pagination · Element Plus · Buttons with background color","url":"https://element-plus.org/en-US/component/pagination.html#buttons-with-background-color","type":"style","pricing":"free","tags":["Vue","Element Plus"],"ct":["pagination"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Element Plus","kind":"pagination","page":"https://element-plus.org/en-US/component/pagination.html","note":"Element Plus 官方文档里的「分页」公开演示（Buttons with background color）"},{"id":"cs2-lib-www-naiveui-com--switch--switch--v0","name":"Switch · Naive UI","url":"https://www.naiveui.com/en-US/os-theme/components/switch","type":"style","pricing":"free","tags":["Vue","Naive UI"],"ct":["switch"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Naive UI","kind":"switch","page":"https://www.naiveui.com/en-US/os-theme/components/switch","note":"Naive UI 官方文档里的「开关」公开演示"},{"id":"cs2-lib-flowbite-com--button--components-speed-dial--v0","name":"Button · Flowbite · Default speed dial","url":"https://flowbite.com/docs/components/speed-dial/","type":"style","pricing":"freemium","tags":["CSS","React","Vue","Svelte","Flowbite"],"ct":["button"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Flowbite","kind":"button","page":"https://flowbite.com/docs/components/speed-dial/","note":"Flowbite 官方文档里的「按钮」公开演示（Default speed dial）"},{"id":"cs2-lib-vuetifyjs-com--loader--skeleton-loaders--v1","name":"Loader · Vuetify","url":"https://vuetifyjs.com/en/components/skeleton-loaders/#type","type":"style","pricing":"free","tags":["Vue","Vuetify"],"ct":["loader"],"vs":["material"],"rt":["component-demo","motion"],"section":"组件样式","libName":"Vuetify","kind":"loader","page":"https://vuetifyjs.com/en/components/skeleton-loaders/","note":"Vuetify 官方文档里的「加载」公开演示"},{"id":"cs2-lib-mui-com-material-ui--rating--rating--v2","name":"Rating · Material UI · Sizes","url":"https://mui.com/material-ui/react-rating/#sizes","type":"style","pricing":"free","tags":["React","Material UI"],"ct":["rating"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Material UI","kind":"rating","page":"https://mui.com/material-ui/react-rating/","note":"Material UI 官方文档里的「评分」公开演示（Sizes）"},{"id":"cs2-lib-getbootstrap-com--tabs--navs-tabs--v1","name":"Tabs · Bootstrap · Tabs with dropdowns","url":"https://getbootstrap.com/docs/5.3/components/navs-tabs/#tabs-with-dropdowns","type":"style","pricing":"free","tags":["CSS","Bootstrap"],"ct":["tabs"],"vs":["minimal","utilitarian"],"rt":["component-demo"],"section":"组件样式","libName":"Bootstrap","kind":"tabs","page":"https://getbootstrap.com/docs/5.3/components/navs-tabs/","note":"Bootstrap 官方文档里的「标签页」公开演示（Tabs with dropdowns）"},{"id":"cs2-lib-mantine-dev--badge--core-badge--v0","name":"Badge & tag · Mantine","url":"https://mantine.dev/core/badge/#mdx","type":"style","pricing":"free","tags":["React","Mantine"],"ct":["badge"],"vs":["minimal","enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Mantine","kind":"badge","page":"https://mantine.dev/core/badge/","note":"Mantine 官方文档里的「徽标标签」公开演示"},{"id":"cs2-lib-daisyui-com--layout--hero--v3","name":"Layout · daisyUI · Hero with form","url":"https://daisyui.com/components/hero/#hero-with-form","type":"style","pricing":"free","tags":["CSS","daisyUI"],"ct":["layout"],"vs":["playful","soft"],"rt":["component-demo"],"section":"组件样式","libName":"daisyUI","kind":"layout","page":"https://daisyui.com/components/hero/","note":"daisyUI 官方文档里的「区块」公开演示（Hero with form）"},{"id":"cs2-www-heroui-com--tooltip--popover--v1","name":"Tooltip · HeroUI · With Arrow","url":"https://heroui.com/en/docs/react/components/popover#with-arrow","type":"style","pricing":"unknown","tags":["HeroUI"],"ct":["tooltip"],"vs":["soft","playful"],"rt":["component-demo"],"section":"组件样式","libName":"HeroUI","kind":"tooltip","page":"https://www.heroui.com/docs/components/popover","note":"HeroUI 官方文档里的「气泡」公开演示（With Arrow）"},{"id":"cs2-ui-shadcn-com--chart--chart--v3","name":"Chart · shadcn/ui","url":"https://ui.shadcn.com/docs/components/base/chart","type":"style","pricing":"unknown","tags":["shadcn","shadcn/ui"],"ct":["chart"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"shadcn/ui","kind":"chart","page":"https://ui.shadcn.com/docs/components/chart","note":"shadcn/ui 官方文档里的「图表」公开演示"},{"id":"cs2-lib-primevue-org--button--speeddial--v0","name":"Button · PrimeVue","url":"https://primevue.dev/speeddial/","type":"style","pricing":"freemium","tags":["Vue","PrimeVue"],"ct":["button"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"PrimeVue","kind":"button","page":"https://primevue.org/speeddial/","note":"PrimeVue 官方文档里的「按钮」公开演示"},{"id":"cs2-lib-ant-design--timeline--timeline--v3","name":"Timeline · Ant Design","url":"https://ant.design/components/timeline#timeline-demo-horizontal","type":"style","pricing":"free","tags":["React","Ant Design"],"ct":["timeline"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Ant Design","kind":"timeline","page":"https://ant.design/components/timeline","note":"Ant Design 官方文档里的「时间轴」公开演示"},{"id":"cs2-lib-tdesign-tencent-com--switch--switch--v1","name":"Switch · TDesign · 带描述的开关","url":"https://tdesign.tencent.com/vue-next/components/switch#带描述的开关","type":"style","pricing":"free","tags":["React","Vue","TDesign"],"ct":["switch"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"TDesign","kind":"switch","page":"https://tdesign.tencent.com/vue-next/components/switch","note":"TDesign 官方文档里的「开关」公开演示（带描述的开关）"},{"id":"cs2-lib-chakra-ui-com--progress--progress-circle--v3","name":"Progress · Chakra UI · Colors","url":"https://chakra-ui.com/docs/components/progress-circle#colors","type":"style","pricing":"free","tags":["React","Chakra UI"],"ct":["progress"],"vs":["soft","minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Chakra UI","kind":"progress","page":"https://chakra-ui.com/docs/components/progress-circle","note":"Chakra UI 官方文档里的「进度」公开演示（Colors）"},{"id":"cs2-lib-quasar-dev--breadcrumb--breadcrumbs--v3","name":"Breadcrumb · Quasar · Gutters","url":"https://quasar.dev/vue-components/breadcrumbs/#example--gutters--gutters","type":"style","pricing":"free","tags":["Vue","Quasar"],"ct":["breadcrumb"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Quasar","kind":"breadcrumb","page":"https://quasar.dev/vue-components/breadcrumbs","note":"Quasar 官方文档里的「面包屑」公开演示（Gutters）"},{"id":"cs2-lib-ng-ant-design--avatar--avatar--v2","name":"Avatar · NG-ZORRO · Basic","url":"https://ng.ant.design/components/avatar/en#components-avatar-demo-basic","type":"style","pricing":"free","tags":["Angular","NG-ZORRO"],"ct":["avatar"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"NG-ZORRO","kind":"avatar","page":"https://ng.ant.design/components/avatar/en","note":"NG-ZORRO 官方文档里的「头像」公开演示（Basic）"},{"id":"cs2-lib-element-plus-org--menu--dropdown--v2","name":"Menu · Element Plus · Triggering element","url":"https://element-plus.org/en-US/component/dropdown.html#triggering-element","type":"style","pricing":"free","tags":["Vue","Element Plus"],"ct":["menu"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Element Plus","kind":"menu","page":"https://element-plus.org/en-US/component/dropdown.html","note":"Element Plus 官方文档里的「菜单」公开演示（Triggering element）"},{"id":"cs2-lib-www-naiveui-com--switch--switch--v1","name":"Switch · Naive UI","url":"https://www.naiveui.com/en-US/os-theme/components/switch","type":"style","pricing":"free","tags":["Vue","Naive UI"],"ct":["switch"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Naive UI","kind":"switch","page":"https://www.naiveui.com/en-US/os-theme/components/switch","note":"Naive UI 官方文档里的「开关」公开演示"},{"id":"cs2-lib-flowbite-com--timeline--components-timeline--v3","name":"Timeline · Flowbite · Activity log","url":"https://flowbite.com/docs/components/timeline/","type":"style","pricing":"freemium","tags":["CSS","React","Vue","Svelte","Flowbite"],"ct":["timeline"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Flowbite","kind":"timeline","page":"https://flowbite.com/docs/components/timeline/","note":"Flowbite 官方文档里的「时间轴」公开演示（Activity log）"},{"id":"cs2-lib-vuetifyjs-com--color--color-pickers--v0","name":"Color picker · Vuetify","url":"https://vuetifyjs.com/en/components/color-pickers/#model","type":"style","pricing":"free","tags":["Vue","Vuetify"],"ct":["color"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Vuetify","kind":"color","page":"https://vuetifyjs.com/en/components/color-pickers/","note":"Vuetify 官方文档里的「取色器」公开演示"},{"id":"cs2-lib-mui-com-material-ui--rating--rating--v3","name":"Rating · Material UI · Customization","url":"https://mui.com/material-ui/react-rating/#customization","type":"style","pricing":"free","tags":["React","Material UI"],"ct":["rating"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Material UI","kind":"rating","page":"https://mui.com/material-ui/react-rating/","note":"Material UI 官方文档里的「评分」公开演示（Customization）"},{"id":"cs2-lib-getbootstrap-com--button--buttons--v1","name":"Button · Bootstrap · Variants","url":"https://getbootstrap.com/docs/5.3/components/buttons/#variants","type":"style","pricing":"free","tags":["CSS","Bootstrap"],"ct":["button"],"vs":["minimal","utilitarian"],"rt":["component-demo"],"section":"组件样式","libName":"Bootstrap","kind":"button","page":"https://getbootstrap.com/docs/5.3/components/buttons/","note":"Bootstrap 官方文档里的「按钮」公开演示（Variants）"},{"id":"cs2-lib-mantine-dev--badge--core-badge--v1","name":"Badge & tag · Mantine · Gradient variant","url":"https://mantine.dev/core/badge/#mdx","type":"style","pricing":"free","tags":["React","Mantine"],"ct":["badge"],"vs":["minimal","enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Mantine","kind":"badge","page":"https://mantine.dev/core/badge/","note":"Mantine 官方文档里的「徽标标签」公开演示（Gradient variant）"},{"id":"cs2-lib-daisyui-com--steps--steps--v0","name":"Steps · daisyUI","url":"https://daisyui.com/components/steps/","type":"style","pricing":"free","tags":["CSS","daisyUI"],"ct":["steps"],"vs":["playful","soft"],"rt":["component-demo"],"section":"组件样式","libName":"daisyUI","kind":"steps","page":"https://daisyui.com/components/steps/","note":"daisyUI 官方文档里的「步骤条」公开演示"},{"id":"cs2-www-heroui-com--breadcrumb--breadcrumbs--v3","name":"Breadcrumb · HeroUI · Disabled State","url":"https://heroui.com/en/docs/react/components/breadcrumbs#disabled-state","type":"style","pricing":"unknown","tags":["HeroUI"],"ct":["breadcrumb"],"vs":["soft","playful"],"rt":["component-demo"],"section":"组件样式","libName":"HeroUI","kind":"breadcrumb","page":"https://www.heroui.com/docs/components/breadcrumbs","note":"HeroUI 官方文档里的「面包屑」公开演示（Disabled State）"},{"id":"cs2-ui-shadcn-com--loader--skeleton--v1","name":"Loader · shadcn/ui · Avatar","url":"https://ui.shadcn.com/docs/components/base/skeleton#avatar","type":"style","pricing":"unknown","tags":["shadcn","shadcn/ui"],"ct":["loader"],"vs":["minimal"],"rt":["component-demo","motion"],"section":"组件样式","libName":"shadcn/ui","kind":"loader","page":"https://ui.shadcn.com/docs/components/skeleton","note":"shadcn/ui 官方文档里的「加载」公开演示（Avatar）"},{"id":"cs2-lib-primevue-org--button--speeddial--v1","name":"Button · PrimeVue · Basic","url":"https://primevue.dev/speeddial/#__nuxt","type":"style","pricing":"freemium","tags":["Vue","PrimeVue"],"ct":["button"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"PrimeVue","kind":"button","page":"https://primevue.org/speeddial/","note":"PrimeVue 官方文档里的「按钮」公开演示（Basic）"},{"id":"cs2-lib-ant-design--tree--tree-select--v0","name":"Tree · Ant Design","url":"https://ant.design/components/tree-select","type":"style","pricing":"free","tags":["React","Ant Design"],"ct":["tree"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Ant Design","kind":"tree","page":"https://ant.design/components/tree-select","note":"Ant Design 官方文档里的「树形」公开演示"},{"id":"cs2-lib-tdesign-tencent-com--switch--switch--v3","name":"Switch · TDesign · 不同大小的开关","url":"https://tdesign.tencent.com/vue-next/components/switch#不同大小的开关","type":"style","pricing":"free","tags":["React","Vue","TDesign"],"ct":["switch"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"TDesign","kind":"switch","page":"https://tdesign.tencent.com/vue-next/components/switch","note":"TDesign 官方文档里的「开关」公开演示（不同大小的开关）"},{"id":"cs2-lib-chakra-ui-com--accordion--accordion--v2","name":"Accordion · Chakra UI · With Icon","url":"https://chakra-ui.com/docs/components/accordion#with-icon","type":"style","pricing":"free","tags":["React","Chakra UI"],"ct":["accordion"],"vs":["soft","minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Chakra UI","kind":"accordion","page":"https://chakra-ui.com/docs/components/accordion","note":"Chakra UI 官方文档里的「折叠面板」公开演示（With Icon）"},{"id":"cs2-lib-quasar-dev--color--color-picker--v0","name":"Color picker · Quasar · Basic","url":"https://quasar.dev/vue-components/color-picker/#example--basic--basic","type":"style","pricing":"free","tags":["Vue","Quasar"],"ct":["color"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Quasar","kind":"color","page":"https://quasar.dev/vue-components/color-picker","note":"Quasar 官方文档里的「取色器」公开演示（Basic）"},{"id":"cs2-lib-ng-ant-design--tooltip--popover--v0","name":"Tooltip · NG-ZORRO","url":"https://ng.ant.design/components/popover/en","type":"style","pricing":"free","tags":["Angular","NG-ZORRO"],"ct":["tooltip"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"NG-ZORRO","kind":"tooltip","page":"https://ng.ant.design/components/popover/en","note":"NG-ZORRO 官方文档里的「气泡」公开演示"},{"id":"cs2-lib-element-plus-org--input--autocomplete--v0","name":"Input · Element Plus · list suggestions on input","url":"https://element-plus.org/en-US/component/autocomplete.html#page-content","type":"style","pricing":"free","tags":["Vue","Element Plus"],"ct":["input"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Element Plus","kind":"input","page":"https://element-plus.org/en-US/component/autocomplete.html","note":"Element Plus 官方文档里的「输入框」公开演示（list suggestions on input）"},{"id":"cs2-lib-www-naiveui-com--switch--switch--v2","name":"Switch · Naive UI","url":"https://www.naiveui.com/en-US/os-theme/components/switch","type":"style","pricing":"free","tags":["Vue","Naive UI"],"ct":["switch"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Naive UI","kind":"switch","page":"https://www.naiveui.com/en-US/os-theme/components/switch","note":"Naive UI 官方文档里的「开关」公开演示"},{"id":"cs2-lib-flowbite-com--badge--components-indicators--v0","name":"Badge & tag · Flowbite · Legend indicator","url":"https://flowbite.com/docs/components/indicators/","type":"style","pricing":"freemium","tags":["CSS","React","Vue","Svelte","Flowbite"],"ct":["badge"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Flowbite","kind":"badge","page":"https://flowbite.com/docs/components/indicators/","note":"Flowbite 官方文档里的「徽标标签」公开演示（Legend indicator）"},{"id":"cs2-lib-vuetifyjs-com--color--color-pickers--v1","name":"Color picker · Vuetify","url":"https://vuetifyjs.com/en/components/color-pickers/#model","type":"style","pricing":"free","tags":["Vue","Vuetify"],"ct":["color"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Vuetify","kind":"color","page":"https://vuetifyjs.com/en/components/color-pickers/","note":"Vuetify 官方文档里的「取色器」公开演示"},{"id":"cs2-lib-mui-com-material-ui--badge--chip--v0","name":"Badge & tag · Material UI · Color chip","url":"https://mui.com/material-ui/react-chip/#color-chip","type":"style","pricing":"free","tags":["React","Material UI"],"ct":["badge"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Material UI","kind":"badge","page":"https://mui.com/material-ui/react-chip/","note":"Material UI 官方文档里的「徽标标签」公开演示（Color chip）"},{"id":"cs2-lib-getbootstrap-com--button--buttons--v2","name":"Button · Bootstrap · Button tags","url":"https://getbootstrap.com/docs/5.3/components/buttons/#button-tags","type":"style","pricing":"free","tags":["CSS","Bootstrap"],"ct":["button"],"vs":["minimal","utilitarian"],"rt":["component-demo"],"section":"组件样式","libName":"Bootstrap","kind":"button","page":"https://getbootstrap.com/docs/5.3/components/buttons/","note":"Bootstrap 官方文档里的「按钮」公开演示（Button tags）"},{"id":"cs2-lib-mantine-dev--tree--core-tree--v0","name":"Tree · Mantine · useTree hook","url":"https://mantine.dev/core/tree/#mdx","type":"style","pricing":"free","tags":["React","Mantine"],"ct":["tree"],"vs":["minimal","enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Mantine","kind":"tree","page":"https://mantine.dev/core/tree/","note":"Mantine 官方文档里的「树形」公开演示（useTree hook）"},{"id":"cs2-lib-daisyui-com--steps--steps--v1","name":"Steps · daisyUI · Horizontal","url":"https://daisyui.com/components/steps/#horizontal","type":"style","pricing":"free","tags":["CSS","daisyUI"],"ct":["steps"],"vs":["playful","soft"],"rt":["component-demo"],"section":"组件样式","libName":"daisyUI","kind":"steps","page":"https://daisyui.com/components/steps/","note":"daisyUI 官方文档里的「步骤条」公开演示（Horizontal）"},{"id":"cs2-www-heroui-com--loader--spinner--v1","name":"Loader · HeroUI · Colors","url":"https://heroui.com/en/docs/react/components/spinner#colors","type":"style","pricing":"unknown","tags":["HeroUI"],"ct":["loader"],"vs":["soft","playful"],"rt":["component-demo","motion"],"section":"组件样式","libName":"HeroUI","kind":"loader","page":"https://www.heroui.com/docs/components/spinner","note":"HeroUI 官方文档里的「加载」公开演示（Colors）"},{"id":"cs2-ui-shadcn-com--card--card--v0","name":"Card · shadcn/ui","url":"https://ui.shadcn.com/docs/components/base/card","type":"style","pricing":"unknown","tags":["shadcn","shadcn/ui"],"ct":["card"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"shadcn/ui","kind":"card","page":"https://ui.shadcn.com/docs/components/card","note":"shadcn/ui 官方文档里的「卡片」公开演示"},{"id":"cs2-lib-primevue-org--button--speeddial--v2","name":"Button · PrimeVue · Linear","url":"https://primevue.dev/speeddial/#__nuxt","type":"style","pricing":"freemium","tags":["Vue","PrimeVue"],"ct":["button"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"PrimeVue","kind":"button","page":"https://primevue.org/speeddial/","note":"PrimeVue 官方文档里的「按钮」公开演示（Linear）"},{"id":"cs2-lib-ant-design--tree--tree-select--v2","name":"Tree · Ant Design · Generate from tree data","url":"https://ant.design/components/tree-select#tree-select-demo-treedata","type":"style","pricing":"free","tags":["React","Ant Design"],"ct":["tree"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Ant Design","kind":"tree","page":"https://ant.design/components/tree-select","note":"Ant Design 官方文档里的「树形」公开演示（Generate from tree data）"},{"id":"cs2-lib-tdesign-tencent-com--pagination--pagination--v0","name":"Pagination · TDesign · 少量页面","url":"https://tdesign.tencent.com/vue-next/components/pagination#少量页面","type":"style","pricing":"free","tags":["React","Vue","TDesign"],"ct":["pagination"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"TDesign","kind":"pagination","page":"https://tdesign.tencent.com/vue-next/components/pagination","note":"TDesign 官方文档里的「分页」公开演示（少量页面）"},{"id":"cs2-lib-chakra-ui-com--accordion--accordion--v3","name":"Accordion · Chakra UI · Expand Multiple Items","url":"https://chakra-ui.com/docs/components/accordion#expand-multiple-items","type":"style","pricing":"free","tags":["React","Chakra UI"],"ct":["accordion"],"vs":["soft","minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Chakra UI","kind":"accordion","page":"https://chakra-ui.com/docs/components/accordion","note":"Chakra UI 官方文档里的「折叠面板」公开演示（Expand Multiple Items）"},{"id":"cs2-lib-quasar-dev--color--color-picker--v1","name":"Color picker · Quasar · Input","url":"https://quasar.dev/vue-components/color-picker/#example--input--input","type":"style","pricing":"free","tags":["Vue","Quasar"],"ct":["color"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Quasar","kind":"color","page":"https://quasar.dev/vue-components/color-picker","note":"Quasar 官方文档里的「取色器」公开演示（Input）"},{"id":"cs2-lib-ng-ant-design--loader--spin--v0","name":"Loader · NG-ZORRO","url":"https://ng.ant.design/components/spin/en","type":"style","pricing":"free","tags":["Angular","NG-ZORRO"],"ct":["loader"],"vs":["enterprise"],"rt":["component-demo","motion"],"section":"组件样式","libName":"NG-ZORRO","kind":"loader","page":"https://ng.ant.design/components/spin/en","note":"NG-ZORRO 官方文档里的「加载」公开演示"},{"id":"cs2-lib-element-plus-org--input--autocomplete--v3","name":"Input · Element Plus","url":"https://element-plus.org/en-US/component/autocomplete.html#page-content","type":"style","pricing":"free","tags":["Vue","Element Plus"],"ct":["input"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Element Plus","kind":"input","page":"https://element-plus.org/en-US/component/autocomplete.html","note":"Element Plus 官方文档里的「输入框」公开演示"},{"id":"cs2-lib-www-naiveui-com--switch--switch--v3","name":"Switch · Naive UI","url":"https://www.naiveui.com/en-US/os-theme/components/switch","type":"style","pricing":"free","tags":["Vue","Naive UI"],"ct":["switch"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Naive UI","kind":"switch","page":"https://www.naiveui.com/en-US/os-theme/components/switch","note":"Naive UI 官方文档里的「开关」公开演示"},{"id":"cs2-lib-flowbite-com--badge--components-indicators--v1","name":"Badge & tag · Flowbite · Indicator count","url":"https://flowbite.com/docs/components/indicators/","type":"style","pricing":"freemium","tags":["CSS","React","Vue","Svelte","Flowbite"],"ct":["badge"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Flowbite","kind":"badge","page":"https://flowbite.com/docs/components/indicators/","note":"Flowbite 官方文档里的「徽标标签」公开演示（Indicator count）"},{"id":"cs2-lib-vuetifyjs-com--color--color-pickers--v2","name":"Color picker · Vuetify","url":"https://vuetifyjs.com/en/components/color-pickers/#model","type":"style","pricing":"free","tags":["Vue","Vuetify"],"ct":["color"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Vuetify","kind":"color","page":"https://vuetifyjs.com/en/components/color-pickers/","note":"Vuetify 官方文档里的「取色器」公开演示"},{"id":"cs2-lib-mui-com-material-ui--badge--chip--v2","name":"Badge & tag · Material UI · Chip array","url":"https://mui.com/material-ui/react-chip/#chip-array","type":"style","pricing":"free","tags":["React","Material UI"],"ct":["badge"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Material UI","kind":"badge","page":"https://mui.com/material-ui/react-chip/","note":"Material UI 官方文档里的「徽标标签」公开演示（Chip array）"},{"id":"cs2-lib-getbootstrap-com--button--buttons--v3","name":"Button · Bootstrap · Outline buttons","url":"https://getbootstrap.com/docs/5.3/components/buttons/#outline-buttons","type":"style","pricing":"free","tags":["CSS","Bootstrap"],"ct":["button"],"vs":["minimal","utilitarian"],"rt":["component-demo"],"section":"组件样式","libName":"Bootstrap","kind":"button","page":"https://getbootstrap.com/docs/5.3/components/buttons/","note":"Bootstrap 官方文档里的「按钮」公开演示（Outline buttons）"},{"id":"cs2-lib-mantine-dev--tree--core-tree--v1","name":"Tree · Mantine · Checked state","url":"https://mantine.dev/core/tree/#mdx","type":"style","pricing":"free","tags":["React","Mantine"],"ct":["tree"],"vs":["minimal","enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Mantine","kind":"tree","page":"https://mantine.dev/core/tree/","note":"Mantine 官方文档里的「树形」公开演示（Checked state）"},{"id":"cs2-lib-daisyui-com--steps--steps--v2","name":"Steps · daisyUI · Vertical","url":"https://daisyui.com/components/steps/#vertical","type":"style","pricing":"free","tags":["CSS","daisyUI"],"ct":["steps"],"vs":["playful","soft"],"rt":["component-demo"],"section":"组件样式","libName":"daisyUI","kind":"steps","page":"https://daisyui.com/components/steps/","note":"daisyUI 官方文档里的「步骤条」公开演示（Vertical）"},{"id":"cs2-www-heroui-com--loader--spinner--v2","name":"Loader · HeroUI · Sizes","url":"https://heroui.com/en/docs/react/components/spinner#sizes","type":"style","pricing":"unknown","tags":["HeroUI"],"ct":["loader"],"vs":["soft","playful"],"rt":["component-demo","motion"],"section":"组件样式","libName":"HeroUI","kind":"loader","page":"https://www.heroui.com/docs/components/spinner","note":"HeroUI 官方文档里的「加载」公开演示（Sizes）"},{"id":"cs2-ui-shadcn-com--card--card--v1","name":"Card · shadcn/ui · Size","url":"https://ui.shadcn.com/docs/components/base/card#size","type":"style","pricing":"unknown","tags":["shadcn","shadcn/ui"],"ct":["card"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"shadcn/ui","kind":"card","page":"https://ui.shadcn.com/docs/components/card","note":"shadcn/ui 官方文档里的「卡片」公开演示（Size）"},{"id":"cs2-lib-primevue-org--badge--tag--v0","name":"Badge & tag · PrimeVue","url":"https://primevue.dev/tag/","type":"style","pricing":"freemium","tags":["Vue","PrimeVue"],"ct":["badge"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"PrimeVue","kind":"badge","page":"https://primevue.org/tag/","note":"PrimeVue 官方文档里的「徽标标签」公开演示"},{"id":"cs2-lib-ant-design--alert--alert--v1","name":"Alert · Ant Design · Info Text","url":"https://ant.design/components/alert#alert-demo-basic","type":"style","pricing":"free","tags":["React","Ant Design"],"ct":["alert"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Ant Design","kind":"alert","page":"https://ant.design/components/alert","note":"Ant Design 官方文档里的「警告提示」公开演示（Info Text）"},{"id":"cs2-lib-tdesign-tencent-com--pagination--pagination--v1","name":"Pagination · TDesign · 页数较多","url":"https://tdesign.tencent.com/vue-next/components/pagination#页数较多","type":"style","pricing":"free","tags":["React","Vue","TDesign"],"ct":["pagination"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"TDesign","kind":"pagination","page":"https://tdesign.tencent.com/vue-next/components/pagination","note":"TDesign 官方文档里的「分页」公开演示（页数较多）"},{"id":"cs2-lib-chakra-ui-com--loader--spinner--v2","name":"Loader · Chakra UI · Colors","url":"https://chakra-ui.com/docs/components/spinner#colors","type":"style","pricing":"free","tags":["React","Chakra UI"],"ct":["loader"],"vs":["soft","minimal"],"rt":["component-demo","motion"],"section":"组件样式","libName":"Chakra UI","kind":"loader","page":"https://chakra-ui.com/docs/components/spinner","note":"Chakra UI 官方文档里的「加载」公开演示（Colors）"},{"id":"cs2-lib-quasar-dev--color--color-picker--v2","name":"Color picker · Quasar · No header/footer","url":"https://quasar.dev/vue-components/color-picker/#example--noheaderfooter--no-header-footer","type":"style","pricing":"free","tags":["Vue","Quasar"],"ct":["color"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Quasar","kind":"color","page":"https://quasar.dev/vue-components/color-picker","note":"Quasar 官方文档里的「取色器」公开演示（No header/footer）"},{"id":"cs2-lib-ng-ant-design--tabs--tabs-en--v0","name":"Tabs · NG-ZORRO","url":"https://ng.ant.design/components/tabs/en","type":"style","pricing":"free","tags":["Angular","NG-ZORRO"],"ct":["tabs"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"NG-ZORRO","kind":"tabs","page":"https://ng.ant.design/components/tabs/en","note":"NG-ZORRO 官方文档里的「标签页」公开演示"},{"id":"cs2-lib-element-plus-org--loader--skeleton--v0","name":"Loader · Element Plus · Basic usage","url":"https://element-plus.org/en-US/component/skeleton.html#basic-usage","type":"style","pricing":"free","tags":["Vue","Element Plus"],"ct":["loader"],"vs":["enterprise"],"rt":["component-demo","motion"],"section":"组件样式","libName":"Element Plus","kind":"loader","page":"https://element-plus.org/en-US/component/skeleton.html","note":"Element Plus 官方文档里的「加载」公开演示（Basic usage）"},{"id":"cs2-lib-www-naiveui-com--list--list--v1","name":"List · Naive UI","url":"https://www.naiveui.com/en-US/os-theme/components/list","type":"style","pricing":"free","tags":["Vue","Naive UI"],"ct":["list"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Naive UI","kind":"list","page":"https://www.naiveui.com/en-US/os-theme/components/list","note":"Naive UI 官方文档里的「列表」公开演示"},{"id":"cs2-lib-flowbite-com--badge--components-indicators--v2","name":"Badge & tag · Flowbite · Status indicator","url":"https://flowbite.com/docs/components/indicators/","type":"style","pricing":"freemium","tags":["CSS","React","Vue","Svelte","Flowbite"],"ct":["badge"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Flowbite","kind":"badge","page":"https://flowbite.com/docs/components/indicators/","note":"Flowbite 官方文档里的「徽标标签」公开演示（Status indicator）"},{"id":"cs2-lib-vuetifyjs-com--color--color-pickers--v3","name":"Color picker · Vuetify","url":"https://vuetifyjs.com/en/components/color-pickers/#model","type":"style","pricing":"free","tags":["Vue","Vuetify"],"ct":["color"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Vuetify","kind":"color","page":"https://vuetifyjs.com/en/components/color-pickers/","note":"Vuetify 官方文档里的「取色器」公开演示"},{"id":"cs2-lib-mui-com-material-ui--slider--slider--v0","name":"Slider · Material UI · Continuous sliders","url":"https://mui.com/material-ui/react-slider/#continuous-sliders","type":"style","pricing":"free","tags":["React","Material UI"],"ct":["slider"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Material UI","kind":"slider","page":"https://mui.com/material-ui/react-slider/","note":"Material UI 官方文档里的「滑块」公开演示（Continuous sliders）"},{"id":"cs2-lib-getbootstrap-com--carousel--carousel--v2","name":"Carousel · Bootstrap · Captions","url":"https://getbootstrap.com/docs/5.3/components/carousel/#captions","type":"style","pricing":"free","tags":["CSS","Bootstrap"],"ct":["carousel"],"vs":["minimal","utilitarian"],"rt":["component-demo"],"section":"组件样式","libName":"Bootstrap","kind":"carousel","page":"https://getbootstrap.com/docs/5.3/components/carousel/","note":"Bootstrap 官方文档里的「轮播」公开演示（Captions）"},{"id":"cs2-lib-mantine-dev--tree--core-tree--v2","name":"Tree · Mantine · Highlight matching nodes","url":"https://mantine.dev/core/tree/#mdx","type":"style","pricing":"free","tags":["React","Mantine"],"ct":["tree"],"vs":["minimal","enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Mantine","kind":"tree","page":"https://mantine.dev/core/tree/","note":"Mantine 官方文档里的「树形」公开演示（Highlight matching nodes）"},{"id":"cs2-lib-daisyui-com--steps--steps--v3","name":"Steps · daisyUI","url":"https://daisyui.com/components/steps/#responsive-vertical-on-small-screen-horizontal-on-large-screen","type":"style","pricing":"free","tags":["CSS","daisyUI"],"ct":["steps"],"vs":["playful","soft"],"rt":["component-demo"],"section":"组件样式","libName":"daisyUI","kind":"steps","page":"https://daisyui.com/components/steps/","note":"daisyUI 官方文档里的「步骤条」公开演示"},{"id":"cs2-www-heroui-com--loader--spinner--v3","name":"Loader · HeroUI · Speed","url":"https://heroui.com/en/docs/react/components/spinner#speed","type":"style","pricing":"unknown","tags":["HeroUI"],"ct":["loader"],"vs":["soft","playful"],"rt":["component-demo","motion"],"section":"组件样式","libName":"HeroUI","kind":"loader","page":"https://www.heroui.com/docs/components/spinner","note":"HeroUI 官方文档里的「加载」公开演示（Speed）"},{"id":"cs2-ui-shadcn-com--card--card--v2","name":"Card · shadcn/ui · Spacing","url":"https://ui.shadcn.com/docs/components/base/card#spacing","type":"style","pricing":"unknown","tags":["shadcn","shadcn/ui"],"ct":["card"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"shadcn/ui","kind":"card","page":"https://ui.shadcn.com/docs/components/card","note":"shadcn/ui 官方文档里的「卡片」公开演示（Spacing）"},{"id":"cs2-lib-primevue-org--badge--tag--v2","name":"Badge & tag · PrimeVue · Severity","url":"https://primevue.dev/tag/#__nuxt","type":"style","pricing":"freemium","tags":["Vue","PrimeVue"],"ct":["badge"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"PrimeVue","kind":"badge","page":"https://primevue.org/tag/","note":"PrimeVue 官方文档里的「徽标标签」公开演示（Severity）"},{"id":"cs2-lib-ant-design--alert--alert--v2","name":"Alert · Ant Design · Warning Title","url":"https://ant.design/components/alert#alert-demo-filled","type":"style","pricing":"free","tags":["React","Ant Design"],"ct":["alert"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Ant Design","kind":"alert","page":"https://ant.design/components/alert","note":"Ant Design 官方文档里的「警告提示」公开演示（Warning Title）"},{"id":"cs2-lib-tdesign-tencent-com--pagination--pagination--v2","name":"Pagination · TDesign · 带数据总量显示的分页","url":"https://tdesign.tencent.com/vue-next/components/pagination#带数据总量显示的分页","type":"style","pricing":"free","tags":["React","Vue","TDesign"],"ct":["pagination"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"TDesign","kind":"pagination","page":"https://tdesign.tencent.com/vue-next/components/pagination","note":"TDesign 官方文档里的「分页」公开演示（带数据总量显示的分页）"},{"id":"cs2-lib-chakra-ui-com--empty--empty-state--v1","name":"Empty & result · Chakra UI · Action","url":"https://chakra-ui.com/docs/components/empty-state#action","type":"style","pricing":"free","tags":["React","Chakra UI"],"ct":["empty"],"vs":["soft","minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Chakra UI","kind":"empty","page":"https://chakra-ui.com/docs/components/empty-state","note":"Chakra UI 官方文档里的「空状态结果」公开演示（Action）"},{"id":"cs2-lib-quasar-dev--color--color-picker--v3","name":"Color picker · Quasar · Custom default view","url":"https://quasar.dev/vue-components/color-picker/#example--customdefaultview--custom-default-view","type":"style","pricing":"free","tags":["Vue","Quasar"],"ct":["color"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Quasar","kind":"color","page":"https://quasar.dev/vue-components/color-picker","note":"Quasar 官方文档里的「取色器」公开演示（Custom default view）"},{"id":"cs2-lib-ng-ant-design--select--select-en--v0","name":"Select · NG-ZORRO","url":"https://ng.ant.design/components/select/en","type":"style","pricing":"free","tags":["Angular","NG-ZORRO"],"ct":["select"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"NG-ZORRO","kind":"select","page":"https://ng.ant.design/components/select/en","note":"NG-ZORRO 官方文档里的「选择器」公开演示"},{"id":"cs2-lib-element-plus-org--loader--skeleton--v1","name":"Loader · Element Plus · Configurable Rows","url":"https://element-plus.org/en-US/component/skeleton.html#configurable-rows","type":"style","pricing":"free","tags":["Vue","Element Plus"],"ct":["loader"],"vs":["enterprise"],"rt":["component-demo","motion"],"section":"组件样式","libName":"Element Plus","kind":"loader","page":"https://element-plus.org/en-US/component/skeleton.html","note":"Element Plus 官方文档里的「加载」公开演示（Configurable Rows）"},{"id":"cs2-lib-www-naiveui-com--checkbox--checkbox--v3","name":"Checkbox & radio · Naive UI","url":"https://www.naiveui.com/en-US/os-theme/components/checkbox","type":"style","pricing":"free","tags":["Vue","Naive UI"],"ct":["checkbox"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Naive UI","kind":"checkbox","page":"https://www.naiveui.com/en-US/os-theme/components/checkbox","note":"Naive UI 官方文档里的「复选单选」公开演示"},{"id":"cs2-lib-flowbite-com--badge--components-indicators--v3","name":"Badge & tag · Flowbite · Badge indicator","url":"https://flowbite.com/docs/components/indicators/","type":"style","pricing":"freemium","tags":["CSS","React","Vue","Svelte","Flowbite"],"ct":["badge"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Flowbite","kind":"badge","page":"https://flowbite.com/docs/components/indicators/","note":"Flowbite 官方文档里的「徽标标签」公开演示（Badge indicator）"},{"id":"cs2-lib-vuetifyjs-com--nav--bottom-navigation--v0","name":"Navigation · Vuetify","url":"https://vuetifyjs.com/en/components/bottom-navigation/#toggle","type":"style","pricing":"free","tags":["Vue","Vuetify"],"ct":["nav"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Vuetify","kind":"nav","page":"https://vuetifyjs.com/en/components/bottom-navigation/","note":"Vuetify 官方文档里的「导航」公开演示"},{"id":"cs2-lib-mui-com-material-ui--slider--slider--v1","name":"Slider · Material UI · Sizes","url":"https://mui.com/material-ui/react-slider/#sizes","type":"style","pricing":"free","tags":["React","Material UI"],"ct":["slider"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Material UI","kind":"slider","page":"https://mui.com/material-ui/react-slider/","note":"Material UI 官方文档里的「滑块」公开演示（Sizes）"},{"id":"cs2-lib-getbootstrap-com--dialog--modal--v0","name":"Dialog · Bootstrap · Modal components","url":"https://getbootstrap.com/docs/5.3/components/modal/#modal-components","type":"style","pricing":"free","tags":["CSS","Bootstrap"],"ct":["dialog"],"vs":["minimal","utilitarian"],"rt":["component-demo"],"section":"组件样式","libName":"Bootstrap","kind":"dialog","page":"https://getbootstrap.com/docs/5.3/components/modal/","note":"Bootstrap 官方文档里的「弹窗」公开演示（Modal components）"},{"id":"cs2-lib-mantine-dev--input--core-text-input--v0","name":"Input · Mantine","url":"https://mantine.dev/core/text-input/#mdx","type":"style","pricing":"free","tags":["React","Mantine"],"ct":["input"],"vs":["minimal","enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Mantine","kind":"input","page":"https://mantine.dev/core/text-input/","note":"Mantine 官方文档里的「输入框」公开演示"},{"id":"cs2-lib-daisyui-com--data--stat--v1","name":"Data display · daisyUI","url":"https://daisyui.com/components/stat/#stat-with-icons-or-image","type":"style","pricing":"free","tags":["CSS","daisyUI"],"ct":["data"],"vs":["playful","soft"],"rt":["component-demo"],"section":"组件样式","libName":"daisyUI","kind":"data","page":"https://daisyui.com/components/stat/","note":"daisyUI 官方文档里的「数据展示」公开演示"},{"id":"cs2-www-heroui-com--tooltip--tooltip--v2","name":"Tooltip · HeroUI · With Arrow","url":"https://heroui.com/en/docs/react/components/tooltip#with-arrow","type":"style","pricing":"unknown","tags":["HeroUI"],"ct":["tooltip"],"vs":["soft","playful"],"rt":["component-demo"],"section":"组件样式","libName":"HeroUI","kind":"tooltip","page":"https://www.heroui.com/docs/components/tooltip","note":"HeroUI 官方文档里的「气泡」公开演示（With Arrow）"},{"id":"cs2-ui-shadcn-com--card--card--v3","name":"Card · shadcn/ui · Spacing","url":"https://ui.shadcn.com/docs/components/base/card#spacing","type":"style","pricing":"unknown","tags":["shadcn","shadcn/ui"],"ct":["card"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"shadcn/ui","kind":"card","page":"https://ui.shadcn.com/docs/components/card","note":"shadcn/ui 官方文档里的「卡片」公开演示（Spacing）"},{"id":"cs2-lib-primevue-org--carousel--image--v0","name":"Carousel · PrimeVue","url":"https://primevue.dev/image/","type":"style","pricing":"freemium","tags":["Vue","PrimeVue"],"ct":["carousel"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"PrimeVue","kind":"carousel","page":"https://primevue.org/image/","note":"PrimeVue 官方文档里的「轮播」公开演示"},{"id":"cs2-lib-ant-design--dialog--drawer--v0","name":"Dialog · Ant Design","url":"https://ant.design/components/drawer","type":"style","pricing":"free","tags":["React","Ant Design"],"ct":["dialog"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Ant Design","kind":"dialog","page":"https://ant.design/components/drawer","note":"Ant Design 官方文档里的「弹窗」公开演示"},{"id":"cs2-lib-tdesign-tencent-com--pagination--pagination--v3","name":"Pagination · TDesign · 带页面展示数量选择的分页","url":"https://tdesign.tencent.com/vue-next/components/pagination#带页面展示数量选择的分页","type":"style","pricing":"free","tags":["React","Vue","TDesign"],"ct":["pagination"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"TDesign","kind":"pagination","page":"https://tdesign.tencent.com/vue-next/components/pagination","note":"TDesign 官方文档里的「分页」公开演示（带页面展示数量选择的分页）"},{"id":"cs2-lib-chakra-ui-com--steps--steps--v0","name":"Steps · Chakra UI","url":"https://chakra-ui.com/docs/components/steps","type":"style","pricing":"free","tags":["React","Chakra UI"],"ct":["steps"],"vs":["soft","minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Chakra UI","kind":"steps","page":"https://chakra-ui.com/docs/components/steps","note":"Chakra UI 官方文档里的「步骤条」公开演示"},{"id":"cs2-lib-quasar-dev--rating--rating--v0","name":"Rating · Quasar · Basic","url":"https://quasar.dev/vue-components/rating/#example--basic--basic","type":"style","pricing":"free","tags":["Vue","Quasar"],"ct":["rating"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Quasar","kind":"rating","page":"https://quasar.dev/vue-components/rating","note":"Quasar 官方文档里的「评分」公开演示（Basic）"},{"id":"cs2-lib-ng-ant-design--date--date-picker-en--v0","name":"Date picker · NG-ZORRO","url":"https://ng.ant.design/components/date-picker/en","type":"style","pricing":"free","tags":["Angular","NG-ZORRO"],"ct":["date"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"NG-ZORRO","kind":"date","page":"https://ng.ant.design/components/date-picker/en","note":"NG-ZORRO 官方文档里的「日期」公开演示"},{"id":"cs2-lib-element-plus-org--loader--skeleton--v2","name":"Loader · Element Plus · Animation","url":"https://element-plus.org/en-US/component/skeleton.html#animation","type":"style","pricing":"free","tags":["Vue","Element Plus"],"ct":["loader"],"vs":["enterprise"],"rt":["component-demo","motion"],"section":"组件样式","libName":"Element Plus","kind":"loader","page":"https://element-plus.org/en-US/component/skeleton.html","note":"Element Plus 官方文档里的「加载」公开演示（Animation）"},{"id":"cs2-lib-www-naiveui-com--tooltip--popover--v1","name":"Tooltip · Naive UI","url":"https://www.naiveui.com/en-US/os-theme/components/popover","type":"style","pricing":"free","tags":["Vue","Naive UI"],"ct":["tooltip"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Naive UI","kind":"tooltip","page":"https://www.naiveui.com/en-US/os-theme/components/popover","note":"Naive UI 官方文档里的「气泡」公开演示"},{"id":"cs2-lib-flowbite-com--list--components-list-group--v1","name":"List · Flowbite · List group with links","url":"https://flowbite.com/docs/components/list-group/","type":"style","pricing":"freemium","tags":["CSS","React","Vue","Svelte","Flowbite"],"ct":["list"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Flowbite","kind":"list","page":"https://flowbite.com/docs/components/list-group/","note":"Flowbite 官方文档里的「列表」公开演示（List group with links）"},{"id":"cs2-lib-vuetifyjs-com--dialog--navigation-drawers--v1","name":"Dialog · Vuetify","url":"https://vuetifyjs.com/en/components/navigation-drawers/#background-images","type":"style","pricing":"free","tags":["Vue","Vuetify"],"ct":["dialog"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Vuetify","kind":"dialog","page":"https://vuetifyjs.com/en/components/navigation-drawers/","note":"Vuetify 官方文档里的「弹窗」公开演示"},{"id":"cs2-lib-mui-com-material-ui--slider--slider--v2","name":"Slider · Material UI · Discrete sliders","url":"https://mui.com/material-ui/react-slider/#discrete-sliders","type":"style","pricing":"free","tags":["React","Material UI"],"ct":["slider"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Material UI","kind":"slider","page":"https://mui.com/material-ui/react-slider/","note":"Material UI 官方文档里的「滑块」公开演示（Discrete sliders）"},{"id":"cs2-lib-getbootstrap-com--nav--navbar--v1","name":"Navigation · Bootstrap · Image","url":"https://getbootstrap.com/docs/5.3/components/navbar/#image","type":"style","pricing":"free","tags":["CSS","Bootstrap"],"ct":["nav"],"vs":["minimal","utilitarian"],"rt":["component-demo"],"section":"组件样式","libName":"Bootstrap","kind":"nav","page":"https://getbootstrap.com/docs/5.3/components/navbar/","note":"Bootstrap 官方文档里的「导航」公开演示（Image）"},{"id":"cs2-lib-mantine-dev--input--core-text-input--v1","name":"Input · Mantine · Left and right sections","url":"https://mantine.dev/core/text-input/#mdx","type":"style","pricing":"free","tags":["React","Mantine"],"ct":["input"],"vs":["minimal","enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Mantine","kind":"input","page":"https://mantine.dev/core/text-input/","note":"Mantine 官方文档里的「输入框」公开演示（Left and right sections）"},{"id":"cs2-lib-daisyui-com--data--stat--v2","name":"Data display · daisyUI","url":"https://daisyui.com/components/stat/#stat-2","type":"style","pricing":"free","tags":["CSS","daisyUI"],"ct":["data"],"vs":["playful","soft"],"rt":["component-demo"],"section":"组件样式","libName":"daisyUI","kind":"data","page":"https://daisyui.com/components/stat/","note":"daisyUI 官方文档里的「数据展示」公开演示"},{"id":"cs2-www-heroui-com--tooltip--tooltip--v3","name":"Tooltip · HeroUI · Custom Triggers","url":"https://heroui.com/en/docs/react/components/tooltip#custom-triggers","type":"style","pricing":"unknown","tags":["HeroUI"],"ct":["tooltip"],"vs":["soft","playful"],"rt":["component-demo"],"section":"组件样式","libName":"HeroUI","kind":"tooltip","page":"https://www.heroui.com/docs/components/tooltip","note":"HeroUI 官方文档里的「气泡」公开演示（Custom Triggers）"},{"id":"cs2-ui-shadcn-com--select--select--v1","name":"Select · shadcn/ui · Align Item With Trigger","url":"https://ui.shadcn.com/docs/components/base/select#align-item-with-trigger","type":"style","pricing":"unknown","tags":["shadcn","shadcn/ui"],"ct":["select"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"shadcn/ui","kind":"select","page":"https://ui.shadcn.com/docs/components/select","note":"shadcn/ui 官方文档里的「选择器」公开演示（Align Item With Trigger）"},{"id":"cs2-lib-primevue-org--carousel--image--v3","name":"Carousel · PrimeVue · Preview Image Source","url":"https://primevue.dev/image/#__nuxt","type":"style","pricing":"freemium","tags":["Vue","PrimeVue"],"ct":["carousel"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"PrimeVue","kind":"carousel","page":"https://primevue.org/image/","note":"PrimeVue 官方文档里的「轮播」公开演示（Preview Image Source）"},{"id":"cs2-lib-ant-design--dialog--drawer--v2","name":"Dialog · Ant Design · Basic","url":"https://ant.design/components/drawer#components-drawer-demo-basic-right","type":"style","pricing":"free","tags":["React","Ant Design"],"ct":["dialog"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Ant Design","kind":"dialog","page":"https://ant.design/components/drawer","note":"Ant Design 官方文档里的「弹窗」公开演示（Basic）"},{"id":"cs2-lib-tdesign-tencent-com--timeline--timeline--v0","name":"Timeline · TDesign · 基础时间轴","url":"https://tdesign.tencent.com/vue-next/components/timeline#基础时间轴","type":"style","pricing":"free","tags":["React","Vue","TDesign"],"ct":["timeline"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"TDesign","kind":"timeline","page":"https://tdesign.tencent.com/vue-next/components/timeline","note":"TDesign 官方文档里的「时间轴」公开演示（基础时间轴）"},{"id":"cs2-lib-chakra-ui-com--steps--steps--v2","name":"Steps · Chakra UI · Variants","url":"https://chakra-ui.com/docs/components/steps#variants","type":"style","pricing":"free","tags":["React","Chakra UI"],"ct":["steps"],"vs":["soft","minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Chakra UI","kind":"steps","page":"https://chakra-ui.com/docs/components/steps","note":"Chakra UI 官方文档里的「步骤条」公开演示（Variants）"},{"id":"cs2-lib-quasar-dev--rating--rating--v1","name":"Rating · Quasar · Custom number of choices","url":"https://quasar.dev/vue-components/rating/#example--max--custom-number-of-choices","type":"style","pricing":"free","tags":["Vue","Quasar"],"ct":["rating"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Quasar","kind":"rating","page":"https://quasar.dev/vue-components/rating","note":"Quasar 官方文档里的「评分」公开演示（Custom number of choices）"},{"id":"cs2-lib-element-plus-org--carousel--image--v0","name":"Carousel · Element Plus · Basic Usage","url":"https://element-plus.org/en-US/component/image.html#basic-usage","type":"style","pricing":"free","tags":["Vue","Element Plus"],"ct":["carousel"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Element Plus","kind":"carousel","page":"https://element-plus.org/en-US/component/image.html","note":"Element Plus 官方文档里的「轮播」公开演示（Basic Usage）"},{"id":"cs2-lib-www-naiveui-com--tooltip--popover--v2","name":"Tooltip · Naive UI","url":"https://www.naiveui.com/en-US/os-theme/components/popover","type":"style","pricing":"free","tags":["Vue","Naive UI"],"ct":["tooltip"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Naive UI","kind":"tooltip","page":"https://www.naiveui.com/en-US/os-theme/components/popover","note":"Naive UI 官方文档里的「气泡」公开演示"},{"id":"cs2-lib-flowbite-com--list--components-list-group--v2","name":"List · Flowbite · List group with buttons","url":"https://flowbite.com/docs/components/list-group/","type":"style","pricing":"freemium","tags":["CSS","React","Vue","Svelte","Flowbite"],"ct":["list"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Flowbite","kind":"list","page":"https://flowbite.com/docs/components/list-group/","note":"Flowbite 官方文档里的「列表」公开演示（List group with buttons）"},{"id":"cs2-lib-vuetifyjs-com--dialog--navigation-drawers--v2","name":"Dialog · Vuetify","url":"https://vuetifyjs.com/en/components/navigation-drawers/#background-images","type":"style","pricing":"free","tags":["Vue","Vuetify"],"ct":["dialog"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Vuetify","kind":"dialog","page":"https://vuetifyjs.com/en/components/navigation-drawers/","note":"Vuetify 官方文档里的「弹窗」公开演示"},{"id":"cs2-lib-mui-com-material-ui--slider--slider--v3","name":"Slider · Material UI · Custom marks","url":"https://mui.com/material-ui/react-slider/#custom-marks","type":"style","pricing":"free","tags":["React","Material UI"],"ct":["slider"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Material UI","kind":"slider","page":"https://mui.com/material-ui/react-slider/","note":"Material UI 官方文档里的「滑块」公开演示（Custom marks）"},{"id":"cs2-lib-getbootstrap-com--nav--navbar--v2","name":"Navigation · Bootstrap · Image and text","url":"https://getbootstrap.com/docs/5.3/components/navbar/#image-and-text","type":"style","pricing":"free","tags":["CSS","Bootstrap"],"ct":["nav"],"vs":["minimal","utilitarian"],"rt":["component-demo"],"section":"组件样式","libName":"Bootstrap","kind":"nav","page":"https://getbootstrap.com/docs/5.3/components/navbar/","note":"Bootstrap 官方文档里的「导航」公开演示（Image and text）"},{"id":"cs2-lib-mantine-dev--input--core-text-input--v2","name":"Input · Mantine · Error state","url":"https://mantine.dev/core/text-input/#mdx","type":"style","pricing":"free","tags":["React","Mantine"],"ct":["input"],"vs":["minimal","enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Mantine","kind":"input","page":"https://mantine.dev/core/text-input/","note":"Mantine 官方文档里的「输入框」公开演示（Error state）"},{"id":"cs2-lib-daisyui-com--data--stat--v3","name":"Data display · daisyUI","url":"https://daisyui.com/components/stat/#stat-2","type":"style","pricing":"free","tags":["CSS","daisyUI"],"ct":["data"],"vs":["playful","soft"],"rt":["component-demo"],"section":"组件样式","libName":"daisyUI","kind":"data","page":"https://daisyui.com/components/stat/","note":"daisyUI 官方文档里的「数据展示」公开演示"},{"id":"cs2-www-heroui-com--date--calendar--v0","name":"Date picker · HeroUI","url":"https://heroui.com/en/docs/react/components/calendar#usage","type":"style","pricing":"unknown","tags":["HeroUI"],"ct":["date"],"vs":["soft","playful"],"rt":["component-demo"],"section":"组件样式","libName":"HeroUI","kind":"date","page":"https://www.heroui.com/docs/components/calendar","note":"HeroUI 官方文档里的「日期」公开演示"},{"id":"cs2-ui-shadcn-com--table--data-table--v1","name":"Table · shadcn/ui · RTL","url":"https://ui.shadcn.com/docs/components/base/data-table#rtl","type":"style","pricing":"unknown","tags":["shadcn","shadcn/ui"],"ct":["table"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"shadcn/ui","kind":"table","page":"https://ui.shadcn.com/docs/components/data-table","note":"shadcn/ui 官方文档里的「表格」公开演示（RTL）"},{"id":"cs2-lib-primevue-org--progress--progressbar--v0","name":"Progress · PrimeVue","url":"https://primevue.dev/progressbar/","type":"style","pricing":"freemium","tags":["Vue","PrimeVue"],"ct":["progress"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"PrimeVue","kind":"progress","page":"https://primevue.org/progressbar/","note":"PrimeVue 官方文档里的「进度」公开演示"},{"id":"cs2-lib-ant-design--dialog--drawer--v3","name":"Dialog · Ant Design · Resizable","url":"https://ant.design/components/drawer#components-drawer-demo-resizable","type":"style","pricing":"free","tags":["React","Ant Design"],"ct":["dialog"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Ant Design","kind":"dialog","page":"https://ant.design/components/drawer","note":"Ant Design 官方文档里的「弹窗」公开演示（Resizable）"},{"id":"cs2-lib-tdesign-tencent-com--timeline--timeline--v1","name":"Timeline · TDesign · 控制排序的时间轴","url":"https://tdesign.tencent.com/vue-next/components/timeline#控制排序的时间轴","type":"style","pricing":"free","tags":["React","Vue","TDesign"],"ct":["timeline"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"TDesign","kind":"timeline","page":"https://tdesign.tencent.com/vue-next/components/timeline","note":"TDesign 官方文档里的「时间轴」公开演示（控制排序的时间轴）"},{"id":"cs2-lib-chakra-ui-com--tooltip--popover--v2","name":"Tooltip · Chakra UI · Multiple Triggers","url":"https://chakra-ui.com/docs/components/popover#multiple-triggers","type":"style","pricing":"free","tags":["React","Chakra UI"],"ct":["tooltip"],"vs":["soft","minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Chakra UI","kind":"tooltip","page":"https://chakra-ui.com/docs/components/popover","note":"Chakra UI 官方文档里的「气泡」公开演示（Multiple Triggers）"},{"id":"cs2-lib-quasar-dev--steps--stepper--v0","name":"Steps · Quasar · Horizontal","url":"https://quasar.dev/vue-components/stepper/#example--typehorizontal--horizontal","type":"style","pricing":"free","tags":["Vue","Quasar"],"ct":["steps"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Quasar","kind":"steps","page":"https://quasar.dev/vue-components/stepper","note":"Quasar 官方文档里的「步骤条」公开演示（Horizontal）"},{"id":"cs2-lib-element-plus-org--carousel--image--v2","name":"Carousel · Element Plus · Load Failed","url":"https://element-plus.org/en-US/component/image.html#load-failed","type":"style","pricing":"free","tags":["Vue","Element Plus"],"ct":["carousel"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Element Plus","kind":"carousel","page":"https://element-plus.org/en-US/component/image.html","note":"Element Plus 官方文档里的「轮播」公开演示（Load Failed）"},{"id":"cs2-lib-www-naiveui-com--tooltip--popconfirm--v2","name":"Tooltip · Naive UI","url":"https://www.naiveui.com/en-US/os-theme/components/popconfirm","type":"style","pricing":"free","tags":["Vue","Naive UI"],"ct":["tooltip"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Naive UI","kind":"tooltip","page":"https://www.naiveui.com/en-US/os-theme/components/popconfirm","note":"Naive UI 官方文档里的「气泡」公开演示"},{"id":"cs2-lib-flowbite-com--dialog--components-drawer--v0","name":"Dialog · Flowbite · Default drawer","url":"https://flowbite.com/docs/components/drawer/","type":"style","pricing":"freemium","tags":["CSS","React","Vue","Svelte","Flowbite"],"ct":["dialog"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Flowbite","kind":"dialog","page":"https://flowbite.com/docs/components/drawer/","note":"Flowbite 官方文档里的「弹窗」公开演示（Default drawer）"},{"id":"cs2-lib-vuetifyjs-com--tree--treeview--v0","name":"Tree · Vuetify","url":"https://vuetifyjs.com/en/components/treeview/#item-props","type":"style","pricing":"free","tags":["Vue","Vuetify"],"ct":["tree"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Vuetify","kind":"tree","page":"https://vuetifyjs.com/en/components/treeview/","note":"Vuetify 官方文档里的「树形」公开演示"},{"id":"cs2-lib-mui-com-material-ui--button--floating-action-button--v1","name":"Button · Material UI · Basic FAB","url":"https://mui.com/material-ui/react-floating-action-button/#basic-fab","type":"style","pricing":"free","tags":["React","Material UI"],"ct":["button"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Material UI","kind":"button","page":"https://mui.com/material-ui/react-floating-action-button/","note":"Material UI 官方文档里的「按钮」公开演示（Basic FAB）"},{"id":"cs2-lib-getbootstrap-com--card--card--v0","name":"Card · Bootstrap","url":"https://getbootstrap.com/docs/5.3/components/card/#example","type":"style","pricing":"free","tags":["CSS","Bootstrap"],"ct":["card"],"vs":["minimal","utilitarian"],"rt":["component-demo"],"section":"组件样式","libName":"Bootstrap","kind":"card","page":"https://getbootstrap.com/docs/5.3/components/card/","note":"Bootstrap 官方文档里的「卡片」公开演示"},{"id":"cs2-lib-mantine-dev--input--core-text-input--v3","name":"Input · Mantine · Success state","url":"https://mantine.dev/core/text-input/#mdx","type":"style","pricing":"free","tags":["React","Mantine"],"ct":["input"],"vs":["minimal","enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Mantine","kind":"input","page":"https://mantine.dev/core/text-input/","note":"Mantine 官方文档里的「输入框」公开演示（Success state）"},{"id":"cs2-lib-daisyui-com--pagination--pagination--v0","name":"Pagination · daisyUI","url":"https://daisyui.com/components/pagination/#pagination-with-an-active-button","type":"style","pricing":"free","tags":["CSS","daisyUI"],"ct":["pagination"],"vs":["playful","soft"],"rt":["component-demo"],"section":"组件样式","libName":"daisyUI","kind":"pagination","page":"https://daisyui.com/components/pagination/","note":"daisyUI 官方文档里的「分页」公开演示"},{"id":"cs2-www-heroui-com--date--calendar--v2","name":"Date picker · HeroUI · Read Only","url":"https://heroui.com/en/docs/react/components/calendar#read-only","type":"style","pricing":"unknown","tags":["HeroUI"],"ct":["date"],"vs":["soft","playful"],"rt":["component-demo"],"section":"组件样式","libName":"HeroUI","kind":"date","page":"https://www.heroui.com/docs/components/calendar","note":"HeroUI 官方文档里的「日期」公开演示（Read Only）"},{"id":"cs2-lib-primevue-org--progress--progressbar--v1","name":"Progress · PrimeVue · Basic","url":"https://primevue.dev/progressbar/#__nuxt","type":"style","pricing":"freemium","tags":["Vue","PrimeVue"],"ct":["progress"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"PrimeVue","kind":"progress","page":"https://primevue.org/progressbar/","note":"PrimeVue 官方文档里的「进度」公开演示（Basic）"},{"id":"cs2-lib-ant-design--empty--result--v0","name":"Empty & result · Ant Design","url":"https://ant.design/components/result","type":"style","pricing":"free","tags":["React","Ant Design"],"ct":["empty"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Ant Design","kind":"empty","page":"https://ant.design/components/result","note":"Ant Design 官方文档里的「空状态结果」公开演示"},{"id":"cs2-lib-tdesign-tencent-com--timeline--timeline--v3","name":"Timeline · TDesign · 自定义内容","url":"https://tdesign.tencent.com/vue-next/components/timeline#自定义内容","type":"style","pricing":"free","tags":["React","Vue","TDesign"],"ct":["timeline"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"TDesign","kind":"timeline","page":"https://tdesign.tencent.com/vue-next/components/timeline","note":"TDesign 官方文档里的「时间轴」公开演示（自定义内容）"},{"id":"cs2-lib-chakra-ui-com--input--input--v2","name":"Input · Chakra UI · Sizes","url":"https://chakra-ui.com/docs/components/input#sizes","type":"style","pricing":"free","tags":["React","Chakra UI"],"ct":["input"],"vs":["soft","minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Chakra UI","kind":"input","page":"https://chakra-ui.com/docs/components/input","note":"Chakra UI 官方文档里的「输入框」公开演示（Sizes）"},{"id":"cs2-lib-quasar-dev--steps--stepper--v1","name":"Steps · Quasar · Vertical","url":"https://quasar.dev/vue-components/stepper/#example--typevertical--vertical","type":"style","pricing":"free","tags":["Vue","Quasar"],"ct":["steps"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Quasar","kind":"steps","page":"https://quasar.dev/vue-components/stepper","note":"Quasar 官方文档里的「步骤条」公开演示（Vertical）"},{"id":"cs2-lib-element-plus-org--carousel--image--v3","name":"Carousel · Element Plus · Lazy Load","url":"https://element-plus.org/en-US/component/image.html#lazy-load","type":"style","pricing":"free","tags":["Vue","Element Plus"],"ct":["carousel"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Element Plus","kind":"carousel","page":"https://element-plus.org/en-US/component/image.html","note":"Element Plus 官方文档里的「轮播」公开演示（Lazy Load）"},{"id":"cs2-lib-www-naiveui-com--tooltip--popconfirm--v3","name":"Tooltip · Naive UI","url":"https://www.naiveui.com/en-US/os-theme/components/popconfirm","type":"style","pricing":"free","tags":["Vue","Naive UI"],"ct":["tooltip"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Naive UI","kind":"tooltip","page":"https://www.naiveui.com/en-US/os-theme/components/popconfirm","note":"Naive UI 官方文档里的「气泡」公开演示"},{"id":"cs2-lib-flowbite-com--dialog--components-drawer--v1","name":"Dialog · Flowbite · Drawer navigation","url":"https://flowbite.com/docs/components/drawer/","type":"style","pricing":"freemium","tags":["CSS","React","Vue","Svelte","Flowbite"],"ct":["dialog"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Flowbite","kind":"dialog","page":"https://flowbite.com/docs/components/drawer/","note":"Flowbite 官方文档里的「弹窗」公开演示（Drawer navigation）"},{"id":"cs2-lib-vuetifyjs-com--tree--treeview--v2","name":"Tree · Vuetify","url":"https://vuetifyjs.com/en/components/treeview/#item-props","type":"style","pricing":"free","tags":["Vue","Vuetify"],"ct":["tree"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Vuetify","kind":"tree","page":"https://vuetifyjs.com/en/components/treeview/","note":"Vuetify 官方文档里的「树形」公开演示"},{"id":"cs2-lib-mui-com-material-ui--button--floating-action-button--v2","name":"Button · Material UI · Size","url":"https://mui.com/material-ui/react-floating-action-button/#size","type":"style","pricing":"free","tags":["React","Material UI"],"ct":["button"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Material UI","kind":"button","page":"https://mui.com/material-ui/react-floating-action-button/","note":"Material UI 官方文档里的「按钮」公开演示（Size）"},{"id":"cs2-lib-getbootstrap-com--card--card--v1","name":"Card · Bootstrap · Images","url":"https://getbootstrap.com/docs/5.3/components/card/#images","type":"style","pricing":"free","tags":["CSS","Bootstrap"],"ct":["card"],"vs":["minimal","utilitarian"],"rt":["component-demo"],"section":"组件样式","libName":"Bootstrap","kind":"card","page":"https://getbootstrap.com/docs/5.3/components/card/","note":"Bootstrap 官方文档里的「卡片」公开演示（Images）"},{"id":"cs2-lib-mantine-dev--chart--charts-bar-chart--v0","name":"Chart · Mantine · Area color","url":"https://mantine.dev/charts/bar-chart/#mdx","type":"style","pricing":"free","tags":["React","Mantine"],"ct":["chart"],"vs":["minimal","enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Mantine","kind":"chart","page":"https://mantine.dev/charts/bar-chart/","note":"Mantine 官方文档里的「图表」公开演示（Area color）"},{"id":"cs2-lib-daisyui-com--pagination--pagination--v1","name":"Pagination · daisyUI · Sizes","url":"https://daisyui.com/components/pagination/#sizes","type":"style","pricing":"free","tags":["CSS","daisyUI"],"ct":["pagination"],"vs":["playful","soft"],"rt":["component-demo"],"section":"组件样式","libName":"daisyUI","kind":"pagination","page":"https://daisyui.com/components/pagination/","note":"daisyUI 官方文档里的「分页」公开演示（Sizes）"},{"id":"cs2-www-heroui-com--date--calendar--v3","name":"Date picker · HeroUI · Default Value","url":"https://heroui.com/en/docs/react/components/calendar#default-value","type":"style","pricing":"unknown","tags":["HeroUI"],"ct":["date"],"vs":["soft","playful"],"rt":["component-demo"],"section":"组件样式","libName":"HeroUI","kind":"date","page":"https://www.heroui.com/docs/components/calendar","note":"HeroUI 官方文档里的「日期」公开演示（Default Value）"},{"id":"cs2-lib-primevue-org--progress--progressbar--v2","name":"Progress · PrimeVue · Dynamic","url":"https://primevue.dev/progressbar/#__nuxt","type":"style","pricing":"freemium","tags":["Vue","PrimeVue"],"ct":["progress"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"PrimeVue","kind":"progress","page":"https://primevue.org/progressbar/","note":"PrimeVue 官方文档里的「进度」公开演示（Dynamic）"},{"id":"cs2-lib-ant-design--empty--result--v1","name":"Empty & result · Ant Design","url":"https://ant.design/components/result#result-demo-success","type":"style","pricing":"free","tags":["React","Ant Design"],"ct":["empty"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Ant Design","kind":"empty","page":"https://ant.design/components/result","note":"Ant Design 官方文档里的「空状态结果」公开演示"},{"id":"cs2-lib-tdesign-tencent-com--rating--rate--v3","name":"Rating · TDesign · 组件状态","url":"https://tdesign.tencent.com/vue-next/components/rate#组件状态","type":"style","pricing":"free","tags":["React","Vue","TDesign"],"ct":["rating"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"TDesign","kind":"rating","page":"https://tdesign.tencent.com/vue-next/components/rate","note":"TDesign 官方文档里的「评分」公开演示（组件状态）"},{"id":"cs2-lib-chakra-ui-com--data--stat--v1","name":"Data display · Chakra UI · Format Options","url":"https://chakra-ui.com/docs/components/stat#format-options","type":"style","pricing":"free","tags":["React","Chakra UI"],"ct":["data"],"vs":["soft","minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Chakra UI","kind":"data","page":"https://chakra-ui.com/docs/components/stat","note":"Chakra UI 官方文档里的「数据展示」公开演示（Format Options）"},{"id":"cs2-lib-quasar-dev--steps--stepper--v2","name":"Steps · Quasar","url":"https://quasar.dev/vue-components/stepper/#example--responsive--vertical-below-the-md-breakpoint","type":"style","pricing":"free","tags":["Vue","Quasar"],"ct":["steps"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Quasar","kind":"steps","page":"https://quasar.dev/vue-components/stepper","note":"Quasar 官方文档里的「步骤条」公开演示"},{"id":"cs2-lib-element-plus-org--dialog--drawer--v0","name":"Dialog · Element Plus · Basic Usage","url":"https://element-plus.org/en-US/component/drawer.html#basic-usage","type":"style","pricing":"free","tags":["Vue","Element Plus"],"ct":["dialog"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Element Plus","kind":"dialog","page":"https://element-plus.org/en-US/component/drawer.html","note":"Element Plus 官方文档里的「弹窗」公开演示（Basic Usage）"},{"id":"cs2-lib-www-naiveui-com--loader--skeleton--v0","name":"Loader · Naive UI","url":"https://www.naiveui.com/en-US/os-theme/components/skeleton","type":"style","pricing":"free","tags":["Vue","Naive UI"],"ct":["loader"],"vs":["enterprise"],"rt":["component-demo","motion"],"section":"组件样式","libName":"Naive UI","kind":"loader","page":"https://www.naiveui.com/en-US/os-theme/components/skeleton","note":"Naive UI 官方文档里的「加载」公开演示"},{"id":"cs2-lib-flowbite-com--dialog--components-drawer--v3","name":"Dialog · Flowbite · Right drawer","url":"https://flowbite.com/docs/components/drawer/","type":"style","pricing":"freemium","tags":["CSS","React","Vue","Svelte","Flowbite"],"ct":["dialog"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Flowbite","kind":"dialog","page":"https://flowbite.com/docs/components/drawer/","note":"Flowbite 官方文档里的「弹窗」公开演示（Right drawer）"},{"id":"cs2-lib-vuetifyjs-com--nav--app-bars--v1","name":"Navigation · Vuetify","url":"https://vuetifyjs.com/en/components/app-bars/#scroll-behavior","type":"style","pricing":"free","tags":["Vue","Vuetify"],"ct":["nav"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Vuetify","kind":"nav","page":"https://vuetifyjs.com/en/components/app-bars/","note":"Vuetify 官方文档里的「导航」公开演示"},{"id":"cs2-lib-mui-com-material-ui--button--floating-action-button--v3","name":"Button · Material UI · Size","url":"https://mui.com/material-ui/react-floating-action-button/#size","type":"style","pricing":"free","tags":["React","Material UI"],"ct":["button"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Material UI","kind":"button","page":"https://mui.com/material-ui/react-floating-action-button/","note":"Material UI 官方文档里的「按钮」公开演示（Size）"},{"id":"cs2-lib-getbootstrap-com--card--card--v2","name":"Card · Bootstrap · Kitchen sink","url":"https://getbootstrap.com/docs/5.3/components/card/#kitchen-sink","type":"style","pricing":"free","tags":["CSS","Bootstrap"],"ct":["card"],"vs":["minimal","utilitarian"],"rt":["component-demo"],"section":"组件样式","libName":"Bootstrap","kind":"card","page":"https://getbootstrap.com/docs/5.3/components/card/","note":"Bootstrap 官方文档里的「卡片」公开演示（Kitchen sink）"},{"id":"cs2-lib-mantine-dev--chart--charts-bar-chart--v1","name":"Chart · Mantine · Brush","url":"https://mantine.dev/charts/bar-chart/#mdx","type":"style","pricing":"free","tags":["React","Mantine"],"ct":["chart"],"vs":["minimal","enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Mantine","kind":"chart","page":"https://mantine.dev/charts/bar-chart/","note":"Mantine 官方文档里的「图表」公开演示（Brush）"},{"id":"cs2-lib-daisyui-com--pagination--pagination--v2","name":"Pagination · daisyUI · With a disabled button","url":"https://daisyui.com/components/pagination/#with-a-disabled-button","type":"style","pricing":"free","tags":["CSS","daisyUI"],"ct":["pagination"],"vs":["playful","soft"],"rt":["component-demo"],"section":"组件样式","libName":"daisyUI","kind":"pagination","page":"https://daisyui.com/components/pagination/","note":"daisyUI 官方文档里的「分页」公开演示（With a disabled button）"},{"id":"cs2-www-heroui-com--button--button--v1","name":"Button · HeroUI · Variants","url":"https://heroui.com/en/docs/react/components/button#variants","type":"style","pricing":"unknown","tags":["HeroUI"],"ct":["button"],"vs":["soft","playful"],"rt":["component-demo"],"section":"组件样式","libName":"HeroUI","kind":"button","page":"https://www.heroui.com/docs/components/button","note":"HeroUI 官方文档里的「按钮」公开演示（Variants）"},{"id":"cs2-lib-primevue-org--tree--tree--v0","name":"Tree · PrimeVue","url":"https://primevue.dev/tree/","type":"style","pricing":"freemium","tags":["Vue","PrimeVue"],"ct":["tree"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"PrimeVue","kind":"tree","page":"https://primevue.org/tree/","note":"PrimeVue 官方文档里的「树形」公开演示"},{"id":"cs2-lib-ant-design--empty--result--v2","name":"Empty & result · Ant Design","url":"https://ant.design/components/result#result-demo-info","type":"style","pricing":"free","tags":["React","Ant Design"],"ct":["empty"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Ant Design","kind":"empty","page":"https://ant.design/components/result","note":"Ant Design 官方文档里的「空状态结果」公开演示"},{"id":"cs2-lib-tdesign-tencent-com--color--color-picker--v0","name":"Color picker · TDesign · 面板颜色选择器","url":"https://tdesign.tencent.com/vue-next/components/color-picker#面板颜色选择器","type":"style","pricing":"free","tags":["React","Vue","TDesign"],"ct":["color"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"TDesign","kind":"color","page":"https://tdesign.tencent.com/vue-next/components/color-picker","note":"TDesign 官方文档里的「取色器」公开演示（面板颜色选择器）"},{"id":"cs2-lib-chakra-ui-com--pagination--pagination--v2","name":"Pagination · Chakra UI · Variants","url":"https://chakra-ui.com/docs/components/pagination#variants","type":"style","pricing":"free","tags":["React","Chakra UI"],"ct":["pagination"],"vs":["soft","minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Chakra UI","kind":"pagination","page":"https://chakra-ui.com/docs/components/pagination","note":"Chakra UI 官方文档里的「分页」公开演示（Variants）"},{"id":"cs2-lib-quasar-dev--steps--stepper--v3","name":"Steps · Quasar · Non-linear header navigation","url":"https://quasar.dev/vue-components/stepper/#example--nonlinearnavigation--non-linear-header-navigation","type":"style","pricing":"free","tags":["Vue","Quasar"],"ct":["steps"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Quasar","kind":"steps","page":"https://quasar.dev/vue-components/stepper","note":"Quasar 官方文档里的「步骤条」公开演示（Non-linear header navigation）"},{"id":"cs2-lib-element-plus-org--empty--result--v0","name":"Empty & result · Element Plus · Basic usage","url":"https://element-plus.org/en-US/component/result.html#basic-usage","type":"style","pricing":"free","tags":["Vue","Element Plus"],"ct":["empty"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Element Plus","kind":"empty","page":"https://element-plus.org/en-US/component/result.html","note":"Element Plus 官方文档里的「空状态结果」公开演示（Basic usage）"},{"id":"cs2-lib-www-naiveui-com--loader--skeleton--v2","name":"Loader · Naive UI","url":"https://www.naiveui.com/en-US/os-theme/components/skeleton","type":"style","pricing":"free","tags":["Vue","Naive UI"],"ct":["loader"],"vs":["enterprise"],"rt":["component-demo","motion"],"section":"组件样式","libName":"Naive UI","kind":"loader","page":"https://www.naiveui.com/en-US/os-theme/components/skeleton","note":"Naive UI 官方文档里的「加载」公开演示"},{"id":"cs2-lib-flowbite-com--loader--components-spinner--v1","name":"Loader · Flowbite · Colors","url":"https://flowbite.com/docs/components/spinner/","type":"style","pricing":"freemium","tags":["CSS","React","Vue","Svelte","Flowbite"],"ct":["loader"],"vs":["minimal"],"rt":["component-demo","motion"],"section":"组件样式","libName":"Flowbite","kind":"loader","page":"https://flowbite.com/docs/components/spinner/","note":"Flowbite 官方文档里的「加载」公开演示（Colors）"},{"id":"cs2-lib-vuetifyjs-com--nav--app-bars--v2","name":"Navigation · Vuetify","url":"https://vuetifyjs.com/en/components/app-bars/#scroll-behavior","type":"style","pricing":"free","tags":["Vue","Vuetify"],"ct":["nav"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Vuetify","kind":"nav","page":"https://vuetifyjs.com/en/components/app-bars/","note":"Vuetify 官方文档里的「导航」公开演示"},{"id":"cs2-lib-mui-com-material-ui--loader--skeleton--v0","name":"Loader · Material UI","url":"https://mui.com/material-ui/react-skeleton/","type":"style","pricing":"free","tags":["React","Material UI"],"ct":["loader"],"vs":["material"],"rt":["component-demo","motion"],"section":"组件样式","libName":"Material UI","kind":"loader","page":"https://mui.com/material-ui/react-skeleton/","note":"Material UI 官方文档里的「加载」公开演示"},{"id":"cs2-lib-getbootstrap-com--card--card--v3","name":"Card · Bootstrap · Using custom CSS","url":"https://getbootstrap.com/docs/5.3/components/card/#using-custom-css","type":"style","pricing":"free","tags":["CSS","Bootstrap"],"ct":["card"],"vs":["minimal","utilitarian"],"rt":["component-demo"],"section":"组件样式","libName":"Bootstrap","kind":"card","page":"https://getbootstrap.com/docs/5.3/components/card/","note":"Bootstrap 官方文档里的「卡片」公开演示（Using custom CSS）"},{"id":"cs2-lib-mantine-dev--timeline--core-timeline--v0","name":"Timeline · Mantine · Line and bullet props","url":"https://mantine.dev/core/timeline/#mdx","type":"style","pricing":"free","tags":["React","Mantine"],"ct":["timeline"],"vs":["minimal","enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Mantine","kind":"timeline","page":"https://mantine.dev/core/timeline/","note":"Mantine 官方文档里的「时间轴」公开演示（Line and bullet props）"},{"id":"cs2-lib-daisyui-com--alert--alert--v1","name":"Alert · daisyUI · Info color","url":"https://daisyui.com/components/alert/#info-color","type":"style","pricing":"free","tags":["CSS","daisyUI"],"ct":["alert"],"vs":["playful","soft"],"rt":["component-demo"],"section":"组件样式","libName":"daisyUI","kind":"alert","page":"https://daisyui.com/components/alert/","note":"daisyUI 官方文档里的「警告提示」公开演示（Info color）"},{"id":"cs2-www-heroui-com--button--button--v2","name":"Button · HeroUI · Sizes","url":"https://heroui.com/en/docs/react/components/button#sizes","type":"style","pricing":"unknown","tags":["HeroUI"],"ct":["button"],"vs":["soft","playful"],"rt":["component-demo"],"section":"组件样式","libName":"HeroUI","kind":"button","page":"https://www.heroui.com/docs/components/button","note":"HeroUI 官方文档里的「按钮」公开演示（Sizes）"},{"id":"cs2-lib-primevue-org--tree--tree--v1","name":"Tree · PrimeVue · Basic","url":"https://primevue.dev/tree/#__nuxt","type":"style","pricing":"freemium","tags":["Vue","PrimeVue"],"ct":["tree"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"PrimeVue","kind":"tree","page":"https://primevue.org/tree/","note":"PrimeVue 官方文档里的「树形」公开演示（Basic）"},{"id":"cs2-lib-ant-design--empty--result--v3","name":"Empty & result · Ant Design","url":"https://ant.design/components/result#result-demo-warning","type":"style","pricing":"free","tags":["React","Ant Design"],"ct":["empty"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Ant Design","kind":"empty","page":"https://ant.design/components/result","note":"Ant Design 官方文档里的「空状态结果」公开演示"},{"id":"cs2-lib-tdesign-tencent-com--color--color-picker--v2","name":"Color picker · TDesign · 不同色彩模式的颜色选择器","url":"https://tdesign.tencent.com/vue-next/components/color-picker#不同色彩模式的颜色选择器","type":"style","pricing":"free","tags":["React","Vue","TDesign"],"ct":["color"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"TDesign","kind":"color","page":"https://tdesign.tencent.com/vue-next/components/color-picker","note":"TDesign 官方文档里的「取色器」公开演示（不同色彩模式的颜色选择器）"},{"id":"cs2-lib-chakra-ui-com--tabs--segmented-control--v3","name":"Tabs · Chakra UI · Hook Form","url":"https://chakra-ui.com/docs/components/segmented-control#hook-form","type":"style","pricing":"free","tags":["React","Chakra UI"],"ct":["tabs"],"vs":["soft","minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Chakra UI","kind":"tabs","page":"https://chakra-ui.com/docs/components/segmented-control","note":"Chakra UI 官方文档里的「标签页」公开演示（Hook Form）"},{"id":"cs2-lib-quasar-dev--checkbox--radio--v0","name":"Checkbox & radio · Quasar · Standard","url":"https://quasar.dev/vue-components/radio/#example--standard--standard","type":"style","pricing":"free","tags":["Vue","Quasar"],"ct":["checkbox"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Quasar","kind":"checkbox","page":"https://quasar.dev/vue-components/radio","note":"Quasar 官方文档里的「复选单选」公开演示（Standard）"},{"id":"cs2-lib-element-plus-org--empty--result--v1","name":"Empty & result · Element Plus · Customized content","url":"https://element-plus.org/en-US/component/result.html#customized-content","type":"style","pricing":"free","tags":["Vue","Element Plus"],"ct":["empty"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Element Plus","kind":"empty","page":"https://element-plus.org/en-US/component/result.html","note":"Element Plus 官方文档里的「空状态结果」公开演示（Customized content）"},{"id":"cs2-lib-www-naiveui-com--button--button--v0","name":"Button · Naive UI","url":"https://www.naiveui.com/en-US/os-theme/components/button","type":"style","pricing":"free","tags":["Vue","Naive UI"],"ct":["button"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Naive UI","kind":"button","page":"https://www.naiveui.com/en-US/os-theme/components/button","note":"Naive UI 官方文档里的「按钮」公开演示"},{"id":"cs2-lib-flowbite-com--tooltip--components-popover--v0","name":"Tooltip · Flowbite · Default popover","url":"https://flowbite.com/docs/components/popover/","type":"style","pricing":"freemium","tags":["CSS","React","Vue","Svelte","Flowbite"],"ct":["tooltip"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Flowbite","kind":"tooltip","page":"https://flowbite.com/docs/components/popover/","note":"Flowbite 官方文档里的「气泡」公开演示（Default popover）"},{"id":"cs2-lib-vuetifyjs-com--nav--app-bars--v3","name":"Navigation · Vuetify","url":"https://vuetifyjs.com/en/components/app-bars/#scroll-behavior","type":"style","pricing":"free","tags":["Vue","Vuetify"],"ct":["nav"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Vuetify","kind":"nav","page":"https://vuetifyjs.com/en/components/app-bars/","note":"Vuetify 官方文档里的「导航」公开演示"},{"id":"cs2-lib-mui-com-material-ui--loader--skeleton--v3","name":"Loader · Material UI · Pulsate example","url":"https://mui.com/material-ui/react-skeleton/#pulsate-example","type":"style","pricing":"free","tags":["React","Material UI"],"ct":["loader"],"vs":["material"],"rt":["component-demo","motion"],"section":"组件样式","libName":"Material UI","kind":"loader","page":"https://mui.com/material-ui/react-skeleton/","note":"Material UI 官方文档里的「加载」公开演示（Pulsate example）"},{"id":"cs2-lib-getbootstrap-com--menu--dropdowns--v2","name":"Menu · Bootstrap · Single button","url":"https://getbootstrap.com/docs/5.3/components/dropdowns/#single-button","type":"style","pricing":"free","tags":["CSS","Bootstrap"],"ct":["menu"],"vs":["minimal","utilitarian"],"rt":["component-demo"],"section":"组件样式","libName":"Bootstrap","kind":"menu","page":"https://getbootstrap.com/docs/5.3/components/dropdowns/","note":"Bootstrap 官方文档里的「菜单」公开演示（Single button）"},{"id":"cs2-lib-mantine-dev--timeline--core-timeline--v1","name":"Timeline · Mantine · Bullet as React node","url":"https://mantine.dev/core/timeline/#mdx","type":"style","pricing":"free","tags":["React","Mantine"],"ct":["timeline"],"vs":["minimal","enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Mantine","kind":"timeline","page":"https://mantine.dev/core/timeline/","note":"Mantine 官方文档里的「时间轴」公开演示（Bullet as React node）"},{"id":"cs2-lib-daisyui-com--button--join--v0","name":"Button · daisyUI · Join","url":"https://daisyui.com/components/join/#join","type":"style","pricing":"free","tags":["CSS","daisyUI"],"ct":["button"],"vs":["playful","soft"],"rt":["component-demo"],"section":"组件样式","libName":"daisyUI","kind":"button","page":"https://daisyui.com/components/join/","note":"daisyUI 官方文档里的「按钮」公开演示（Join）"},{"id":"cs2-www-heroui-com--button--button--v3","name":"Button · HeroUI · With Icons","url":"https://heroui.com/en/docs/react/components/button#with-icons","type":"style","pricing":"unknown","tags":["HeroUI"],"ct":["button"],"vs":["soft","playful"],"rt":["component-demo"],"section":"组件样式","libName":"HeroUI","kind":"button","page":"https://www.heroui.com/docs/components/button","note":"HeroUI 官方文档里的「按钮」公开演示（With Icons）"},{"id":"cs2-lib-primevue-org--tree--tree--v2","name":"Tree · PrimeVue · Content","url":"https://primevue.dev/tree/#__nuxt","type":"style","pricing":"freemium","tags":["Vue","PrimeVue"],"ct":["tree"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"PrimeVue","kind":"tree","page":"https://primevue.org/tree/","note":"PrimeVue 官方文档里的「树形」公开演示（Content）"},{"id":"cs2-lib-ant-design--empty--empty--v0","name":"Empty & result · Ant Design","url":"https://ant.design/components/empty","type":"style","pricing":"free","tags":["React","Ant Design"],"ct":["empty"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Ant Design","kind":"empty","page":"https://ant.design/components/empty","note":"Ant Design 官方文档里的「空状态结果」公开演示"},{"id":"cs2-lib-tdesign-tencent-com--color--color-picker--v3","name":"Color picker · TDesign · 允许调整透明度的颜色选择器","url":"https://tdesign.tencent.com/vue-next/components/color-picker#允许调整透明度的颜色选择器","type":"style","pricing":"free","tags":["React","Vue","TDesign"],"ct":["color"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"TDesign","kind":"color","page":"https://tdesign.tencent.com/vue-next/components/color-picker","note":"TDesign 官方文档里的「取色器」公开演示（允许调整透明度的颜色选择器）"},{"id":"cs2-lib-chakra-ui-com--select--combobox--v1","name":"Select · Chakra UI · Basic","url":"https://chakra-ui.com/docs/components/combobox#basic","type":"style","pricing":"free","tags":["React","Chakra UI"],"ct":["select"],"vs":["soft","minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Chakra UI","kind":"select","page":"https://chakra-ui.com/docs/components/combobox","note":"Chakra UI 官方文档里的「选择器」公开演示（Basic）"},{"id":"cs2-lib-quasar-dev--checkbox--radio--v2","name":"Checkbox & radio · Quasar · Dense","url":"https://quasar.dev/vue-components/radio/#example--dense--dense","type":"style","pricing":"free","tags":["Vue","Quasar"],"ct":["checkbox"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Quasar","kind":"checkbox","page":"https://quasar.dev/vue-components/radio","note":"Quasar 官方文档里的「复选单选」公开演示（Dense）"},{"id":"cs2-lib-element-plus-org--avatar--avatar--v0","name":"Avatar · Element Plus · Basic Usage","url":"https://element-plus.org/en-US/component/avatar.html#basic-usage","type":"style","pricing":"free","tags":["Vue","Element Plus"],"ct":["avatar"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Element Plus","kind":"avatar","page":"https://element-plus.org/en-US/component/avatar.html","note":"Element Plus 官方文档里的「头像」公开演示（Basic Usage）"},{"id":"cs2-lib-www-naiveui-com--button--button--v1","name":"Button · Naive UI","url":"https://www.naiveui.com/en-US/os-theme/components/button","type":"style","pricing":"free","tags":["Vue","Naive UI"],"ct":["button"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Naive UI","kind":"button","page":"https://www.naiveui.com/en-US/os-theme/components/button","note":"Naive UI 官方文档里的「按钮」公开演示"},{"id":"cs2-lib-flowbite-com--tooltip--components-popover--v1","name":"Tooltip · Flowbite · User profile","url":"https://flowbite.com/docs/components/popover/","type":"style","pricing":"freemium","tags":["CSS","React","Vue","Svelte","Flowbite"],"ct":["tooltip"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Flowbite","kind":"tooltip","page":"https://flowbite.com/docs/components/popover/","note":"Flowbite 官方文档里的「气泡」公开演示（User profile）"},{"id":"cs2-lib-vuetifyjs-com--carousel--carousels--v0","name":"Carousel · Vuetify","url":"https://vuetifyjs.com/en/components/carousels/#cycle","type":"style","pricing":"free","tags":["Vue","Vuetify"],"ct":["carousel"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Vuetify","kind":"carousel","page":"https://vuetifyjs.com/en/components/carousels/","note":"Vuetify 官方文档里的「轮播」公开演示"},{"id":"cs2-lib-mui-com-material-ui--list--transfer-list--v1","name":"List · Material UI · Basic transfer list","url":"https://mui.com/material-ui/react-transfer-list/#basic-transfer-list","type":"style","pricing":"free","tags":["React","Material UI"],"ct":["list"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Material UI","kind":"list","page":"https://mui.com/material-ui/react-transfer-list/","note":"Material UI 官方文档里的「列表」公开演示（Basic transfer list）"},{"id":"cs2-lib-getbootstrap-com--menu--dropdowns--v3","name":"Menu · Bootstrap · Split button","url":"https://getbootstrap.com/docs/5.3/components/dropdowns/#split-button","type":"style","pricing":"free","tags":["CSS","Bootstrap"],"ct":["menu"],"vs":["minimal","utilitarian"],"rt":["component-demo"],"section":"组件样式","libName":"Bootstrap","kind":"menu","page":"https://getbootstrap.com/docs/5.3/components/dropdowns/","note":"Bootstrap 官方文档里的「菜单」公开演示（Split button）"},{"id":"cs2-lib-mantine-dev--select--core-multi-select--v1","name":"Select · Mantine · Checked option icon","url":"https://mantine.dev/core/multi-select/#mdx","type":"style","pricing":"free","tags":["React","Mantine"],"ct":["select"],"vs":["minimal","enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Mantine","kind":"select","page":"https://mantine.dev/core/multi-select/","note":"Mantine 官方文档里的「选择器」公开演示（Checked option icon）"},{"id":"cs2-lib-daisyui-com--button--join--v3","name":"Button · daisyUI","url":"https://daisyui.com/components/join/#with-extra-elements-in-the-group","type":"style","pricing":"free","tags":["CSS","daisyUI"],"ct":["button"],"vs":["playful","soft"],"rt":["component-demo"],"section":"组件样式","libName":"daisyUI","kind":"button","page":"https://daisyui.com/components/join/","note":"daisyUI 官方文档里的「按钮」公开演示"},{"id":"cs2-www-heroui-com--card--card--v1","name":"Card · HeroUI · Horizontal Layout","url":"https://heroui.com/en/docs/react/components/card#horizontal-layout","type":"style","pricing":"unknown","tags":["HeroUI"],"ct":["card"],"vs":["soft","playful"],"rt":["component-demo"],"section":"组件样式","libName":"HeroUI","kind":"card","page":"https://www.heroui.com/docs/components/card","note":"HeroUI 官方文档里的「卡片」公开演示（Horizontal Layout）"},{"id":"cs2-lib-primevue-org--list--listbox--v0","name":"List · PrimeVue","url":"https://primevue.dev/listbox/","type":"style","pricing":"freemium","tags":["Vue","PrimeVue"],"ct":["list"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"PrimeVue","kind":"list","page":"https://primevue.org/listbox/","note":"PrimeVue 官方文档里的「列表」公开演示"},{"id":"cs2-lib-ant-design--empty--empty--v2","name":"Empty & result · Ant Design · Choose image","url":"https://ant.design/components/empty#empty-demo-simple","type":"style","pricing":"free","tags":["React","Ant Design"],"ct":["empty"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Ant Design","kind":"empty","page":"https://ant.design/components/empty","note":"Ant Design 官方文档里的「空状态结果」公开演示（Choose image）"},{"id":"cs2-lib-tdesign-tencent-com--dialog--drawer--v3","name":"Dialog · TDesign · 不同位置的抽屉","url":"https://tdesign.tencent.com/vue-next/components/drawer#不同位置的抽屉","type":"style","pricing":"free","tags":["React","Vue","TDesign"],"ct":["dialog"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"TDesign","kind":"dialog","page":"https://tdesign.tencent.com/vue-next/components/drawer","note":"TDesign 官方文档里的「弹窗」公开演示（不同位置的抽屉）"},{"id":"cs2-lib-chakra-ui-com--card--card--v0","name":"Card · Chakra UI","url":"https://chakra-ui.com/docs/components/card","type":"style","pricing":"free","tags":["React","Chakra UI"],"ct":["card"],"vs":["soft","minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Chakra UI","kind":"card","page":"https://chakra-ui.com/docs/components/card","note":"Chakra UI 官方文档里的「卡片」公开演示"},{"id":"cs2-lib-quasar-dev--checkbox--radio--v3","name":"Checkbox & radio · Quasar · Coloring","url":"https://quasar.dev/vue-components/radio/#example--coloring--coloring","type":"style","pricing":"free","tags":["Vue","Quasar"],"ct":["checkbox"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Quasar","kind":"checkbox","page":"https://quasar.dev/vue-components/radio","note":"Quasar 官方文档里的「复选单选」公开演示（Coloring）"},{"id":"cs2-lib-element-plus-org--avatar--avatar--v2","name":"Avatar · Element Plus · Fallback","url":"https://element-plus.org/en-US/component/avatar.html#fallback","type":"style","pricing":"free","tags":["Vue","Element Plus"],"ct":["avatar"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Element Plus","kind":"avatar","page":"https://element-plus.org/en-US/component/avatar.html","note":"Element Plus 官方文档里的「头像」公开演示（Fallback）"},{"id":"cs2-lib-www-naiveui-com--button--button--v2","name":"Button · Naive UI","url":"https://www.naiveui.com/en-US/os-theme/components/button","type":"style","pricing":"free","tags":["Vue","Naive UI"],"ct":["button"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Naive UI","kind":"button","page":"https://www.naiveui.com/en-US/os-theme/components/button","note":"Naive UI 官方文档里的「按钮」公开演示"},{"id":"cs2-lib-flowbite-com--tooltip--components-popover--v2","name":"Tooltip · Flowbite · Company profile","url":"https://flowbite.com/docs/components/popover/","type":"style","pricing":"freemium","tags":["CSS","React","Vue","Svelte","Flowbite"],"ct":["tooltip"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Flowbite","kind":"tooltip","page":"https://flowbite.com/docs/components/popover/","note":"Flowbite 官方文档里的「气泡」公开演示（Company profile）"},{"id":"cs2-lib-vuetifyjs-com--carousel--carousels--v1","name":"Carousel · Vuetify","url":"https://vuetifyjs.com/en/components/carousels/#cycle","type":"style","pricing":"free","tags":["Vue","Vuetify"],"ct":["carousel"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Vuetify","kind":"carousel","page":"https://vuetifyjs.com/en/components/carousels/","note":"Vuetify 官方文档里的「轮播」公开演示"},{"id":"cs2-lib-mui-com-material-ui--tooltip--popover--v1","name":"Tooltip · Material UI · Anchor playground","url":"https://mui.com/material-ui/react-popover/#anchor-playground","type":"style","pricing":"free","tags":["React","Material UI"],"ct":["tooltip"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Material UI","kind":"tooltip","page":"https://mui.com/material-ui/react-popover/","note":"Material UI 官方文档里的「气泡」公开演示（Anchor playground）"},{"id":"cs2-lib-getbootstrap-com--toast--toasts--v1","name":"Toast · Bootstrap · Translucent","url":"https://getbootstrap.com/docs/5.3/components/toasts/#translucent","type":"style","pricing":"free","tags":["CSS","Bootstrap"],"ct":["toast"],"vs":["minimal","utilitarian"],"rt":["component-demo"],"section":"组件样式","libName":"Bootstrap","kind":"toast","page":"https://getbootstrap.com/docs/5.3/components/toasts/","note":"Bootstrap 官方文档里的「通知」公开演示（Translucent）"},{"id":"cs2-lib-mantine-dev--select--core-multi-select--v2","name":"Select · Mantine · renderPill","url":"https://mantine.dev/core/multi-select/#mdx","type":"style","pricing":"free","tags":["React","Mantine"],"ct":["select"],"vs":["minimal","enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Mantine","kind":"select","page":"https://mantine.dev/core/multi-select/","note":"Mantine 官方文档里的「选择器」公开演示（renderPill）"},{"id":"cs2-lib-daisyui-com--input--input--v1","name":"Input · daisyUI","url":"https://daisyui.com/components/input/#text-input-with-text-label-inside","type":"style","pricing":"free","tags":["CSS","daisyUI"],"ct":["input"],"vs":["playful","soft"],"rt":["component-demo"],"section":"组件样式","libName":"daisyUI","kind":"input","page":"https://daisyui.com/components/input/","note":"daisyUI 官方文档里的「输入框」公开演示"},{"id":"cs2-www-heroui-com--card--card--v2","name":"Card · HeroUI · With Avatar","url":"https://heroui.com/en/docs/react/components/card#with-avatar","type":"style","pricing":"unknown","tags":["HeroUI"],"ct":["card"],"vs":["soft","playful"],"rt":["component-demo"],"section":"组件样式","libName":"HeroUI","kind":"card","page":"https://www.heroui.com/docs/components/card","note":"HeroUI 官方文档里的「卡片」公开演示（With Avatar）"},{"id":"cs2-lib-primevue-org--list--listbox--v1","name":"List · PrimeVue · Basic","url":"https://primevue.dev/listbox/#__nuxt","type":"style","pricing":"freemium","tags":["Vue","PrimeVue"],"ct":["list"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"PrimeVue","kind":"list","page":"https://primevue.org/listbox/","note":"PrimeVue 官方文档里的「列表」公开演示（Basic）"},{"id":"cs2-lib-ant-design--empty--empty--v3","name":"Empty & result · Ant Design · ConfigProvider","url":"https://ant.design/components/empty#empty-demo-config-provider","type":"style","pricing":"free","tags":["React","Ant Design"],"ct":["empty"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Ant Design","kind":"empty","page":"https://ant.design/components/empty","note":"Ant Design 官方文档里的「空状态结果」公开演示（ConfigProvider）"},{"id":"cs2-lib-tdesign-tencent-com--tree--tree--v1","name":"Tree · TDesign · 可高亮","url":"https://tdesign.tencent.com/vue-next/components/tree#可高亮","type":"style","pricing":"free","tags":["React","Vue","TDesign"],"ct":["tree"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"TDesign","kind":"tree","page":"https://tdesign.tencent.com/vue-next/components/tree","note":"TDesign 官方文档里的「树形」公开演示（可高亮）"},{"id":"cs2-lib-chakra-ui-com--card--card--v1","name":"Card · Chakra UI · Within Form","url":"https://chakra-ui.com/docs/components/card#within-form","type":"style","pricing":"free","tags":["React","Chakra UI"],"ct":["card"],"vs":["soft","minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Chakra UI","kind":"card","page":"https://chakra-ui.com/docs/components/card","note":"Chakra UI 官方文档里的「卡片」公开演示（Within Form）"},{"id":"cs2-lib-quasar-dev--badge--chip--v0","name":"Badge & tag · Quasar · Basic","url":"https://quasar.dev/vue-components/chip/#example--basic--basic","type":"style","pricing":"free","tags":["Vue","Quasar"],"ct":["badge"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Quasar","kind":"badge","page":"https://quasar.dev/vue-components/chip","note":"Quasar 官方文档里的「徽标标签」公开演示（Basic）"},{"id":"cs2-lib-element-plus-org--avatar--avatar--v3","name":"Avatar · Element Plus · Fit Container","url":"https://element-plus.org/en-US/component/avatar.html#fit-container","type":"style","pricing":"free","tags":["Vue","Element Plus"],"ct":["avatar"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Element Plus","kind":"avatar","page":"https://element-plus.org/en-US/component/avatar.html","note":"Element Plus 官方文档里的「头像」公开演示（Fit Container）"},{"id":"cs2-lib-www-naiveui-com--button--button--v3","name":"Button · Naive UI","url":"https://www.naiveui.com/en-US/os-theme/components/button","type":"style","pricing":"free","tags":["Vue","Naive UI"],"ct":["button"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Naive UI","kind":"button","page":"https://www.naiveui.com/en-US/os-theme/components/button","note":"Naive UI 官方文档里的「按钮」公开演示"},{"id":"cs2-lib-flowbite-com--switch--forms-toggle--v2","name":"Switch · Flowbite · Disabled state","url":"https://flowbite.com/docs/forms/toggle/","type":"style","pricing":"freemium","tags":["CSS","React","Vue","Svelte","Flowbite"],"ct":["switch"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Flowbite","kind":"switch","page":"https://flowbite.com/docs/forms/toggle/","note":"Flowbite 官方文档里的「开关」公开演示（Disabled state）"},{"id":"cs2-lib-vuetifyjs-com--carousel--carousels--v3","name":"Carousel · Vuetify","url":"https://vuetifyjs.com/en/components/carousels/#cycle","type":"style","pricing":"free","tags":["Vue","Vuetify"],"ct":["carousel"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Vuetify","kind":"carousel","page":"https://vuetifyjs.com/en/components/carousels/","note":"Vuetify 官方文档里的「轮播」公开演示"},{"id":"cs2-lib-mui-com-material-ui--tooltip--popover--v2","name":"Tooltip · Material UI · Mouse hover interaction","url":"https://mui.com/material-ui/react-popover/#mouse-hover-interaction","type":"style","pricing":"free","tags":["React","Material UI"],"ct":["tooltip"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Material UI","kind":"tooltip","page":"https://mui.com/material-ui/react-popover/","note":"Material UI 官方文档里的「气泡」公开演示（Mouse hover interaction）"},{"id":"cs2-lib-getbootstrap-com--toast--toasts--v2","name":"Toast · Bootstrap · Stacking","url":"https://getbootstrap.com/docs/5.3/components/toasts/#stacking","type":"style","pricing":"free","tags":["CSS","Bootstrap"],"ct":["toast"],"vs":["minimal","utilitarian"],"rt":["component-demo"],"section":"组件样式","libName":"Bootstrap","kind":"toast","page":"https://getbootstrap.com/docs/5.3/components/toasts/","note":"Bootstrap 官方文档里的「通知」公开演示（Stacking）"},{"id":"cs2-lib-mantine-dev--select--core-multi-select--v3","name":"Select · Mantine · Reorder pills","url":"https://mantine.dev/core/multi-select/#mdx","type":"style","pricing":"free","tags":["React","Mantine"],"ct":["select"],"vs":["minimal","enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Mantine","kind":"select","page":"https://mantine.dev/core/multi-select/","note":"Mantine 官方文档里的「选择器」公开演示（Reorder pills）"},{"id":"cs2-lib-daisyui-com--input--input--v3","name":"Input · daisyUI · With fieldset and fieldset-legend","url":"https://daisyui.com/components/input/#with-fieldset-and-fieldset-legend","type":"style","pricing":"free","tags":["CSS","daisyUI"],"ct":["input"],"vs":["playful","soft"],"rt":["component-demo"],"section":"组件样式","libName":"daisyUI","kind":"input","page":"https://daisyui.com/components/input/","note":"daisyUI 官方文档里的「输入框」公开演示（With fieldset and fieldset-legend）"},{"id":"cs2-www-heroui-com--card--card--v3","name":"Card · HeroUI · With Form","url":"https://heroui.com/en/docs/react/components/card#with-form","type":"style","pricing":"unknown","tags":["HeroUI"],"ct":["card"],"vs":["soft","playful"],"rt":["component-demo"],"section":"组件样式","libName":"HeroUI","kind":"card","page":"https://www.heroui.com/docs/components/card","note":"HeroUI 官方文档里的「卡片」公开演示（With Form）"},{"id":"cs2-lib-primevue-org--list--listbox--v2","name":"List · PrimeVue · Option","url":"https://primevue.dev/listbox/#__nuxt","type":"style","pricing":"freemium","tags":["Vue","PrimeVue"],"ct":["list"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"PrimeVue","kind":"list","page":"https://primevue.org/listbox/","note":"PrimeVue 官方文档里的「列表」公开演示（Option）"},{"id":"cs2-lib-ant-design--tooltip--popover--v0","name":"Tooltip · Ant Design · Auto Shift","url":"https://ant.design/components/popover","type":"style","pricing":"free","tags":["React","Ant Design"],"ct":["tooltip"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Ant Design","kind":"tooltip","page":"https://ant.design/components/popover","note":"Ant Design 官方文档里的「气泡」公开演示（Auto Shift）"},{"id":"cs2-lib-tdesign-tencent-com--tree--tree--v3","name":"Tree · TDesign · 可过滤的树","url":"https://tdesign.tencent.com/vue-next/components/tree#可过滤的树","type":"style","pricing":"free","tags":["React","Vue","TDesign"],"ct":["tree"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"TDesign","kind":"tree","page":"https://tdesign.tencent.com/vue-next/components/tree","note":"TDesign 官方文档里的「树形」公开演示（可过滤的树）"},{"id":"cs2-lib-chakra-ui-com--card--card--v3","name":"Card · Chakra UI · Horizontal","url":"https://chakra-ui.com/docs/components/card#horizontal","type":"style","pricing":"free","tags":["React","Chakra UI"],"ct":["card"],"vs":["soft","minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Chakra UI","kind":"card","page":"https://chakra-ui.com/docs/components/card","note":"Chakra UI 官方文档里的「卡片」公开演示（Horizontal）"},{"id":"cs2-lib-quasar-dev--badge--chip--v1","name":"Badge & tag · Quasar · Dense","url":"https://quasar.dev/vue-components/chip/#example--dense--dense","type":"style","pricing":"free","tags":["Vue","Quasar"],"ct":["badge"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Quasar","kind":"badge","page":"https://quasar.dev/vue-components/chip","note":"Quasar 官方文档里的「徽标标签」公开演示（Dense）"},{"id":"cs2-lib-element-plus-org--carousel--carousel--v0","name":"Carousel · Element Plus · Basic usage","url":"https://element-plus.org/en-US/component/carousel.html#basic-usage","type":"style","pricing":"free","tags":["Vue","Element Plus"],"ct":["carousel"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Element Plus","kind":"carousel","page":"https://element-plus.org/en-US/component/carousel.html","note":"Element Plus 官方文档里的「轮播」公开演示（Basic usage）"},{"id":"cs2-lib-www-naiveui-com--avatar--avatar--v0","name":"Avatar · Naive UI","url":"https://www.naiveui.com/en-US/os-theme/components/avatar","type":"style","pricing":"free","tags":["Vue","Naive UI"],"ct":["avatar"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Naive UI","kind":"avatar","page":"https://www.naiveui.com/en-US/os-theme/components/avatar","note":"Naive UI 官方文档里的「头像」公开演示"},{"id":"cs2-lib-flowbite-com--select--forms-select--v1","name":"Select · Flowbite · Multiple options","url":"https://flowbite.com/docs/forms/select/","type":"style","pricing":"freemium","tags":["CSS","React","Vue","Svelte","Flowbite"],"ct":["select"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Flowbite","kind":"select","page":"https://flowbite.com/docs/forms/select/","note":"Flowbite 官方文档里的「选择器」公开演示（Multiple options）"},{"id":"cs2-lib-vuetifyjs-com--date--time-pickers--v1","name":"Date picker · Vuetify","url":"https://vuetifyjs.com/en/components/time-pickers/#colors","type":"style","pricing":"free","tags":["Vue","Vuetify"],"ct":["date"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Vuetify","kind":"date","page":"https://vuetifyjs.com/en/components/time-pickers/","note":"Vuetify 官方文档里的「日期」公开演示"},{"id":"cs2-lib-mui-com-material-ui--pagination--pagination--v1","name":"Pagination · Material UI · Basic pagination","url":"https://mui.com/material-ui/react-pagination/#basic-pagination","type":"style","pricing":"free","tags":["React","Material UI"],"ct":["pagination"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Material UI","kind":"pagination","page":"https://mui.com/material-ui/react-pagination/","note":"Material UI 官方文档里的「分页」公开演示（Basic pagination）"},{"id":"cs2-lib-getbootstrap-com--toast--toasts--v3","name":"Toast · Bootstrap · Custom content","url":"https://getbootstrap.com/docs/5.3/components/toasts/#custom-content","type":"style","pricing":"free","tags":["CSS","Bootstrap"],"ct":["toast"],"vs":["minimal","utilitarian"],"rt":["component-demo"],"section":"组件样式","libName":"Bootstrap","kind":"toast","page":"https://getbootstrap.com/docs/5.3/components/toasts/","note":"Bootstrap 官方文档里的「通知」公开演示（Custom content）"},{"id":"cs2-lib-mantine-dev--alert--core-alert--v0","name":"Alert · Mantine","url":"https://mantine.dev/core/alert/#mdx","type":"style","pricing":"free","tags":["React","Mantine"],"ct":["alert"],"vs":["minimal","enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Mantine","kind":"alert","page":"https://mantine.dev/core/alert/","note":"Mantine 官方文档里的「警告提示」公开演示"},{"id":"cs2-lib-daisyui-com--badge--indicator--v1","name":"Badge & tag · daisyUI · Status Indicator","url":"https://daisyui.com/components/indicator/#status-indicator","type":"style","pricing":"free","tags":["CSS","daisyUI"],"ct":["badge"],"vs":["playful","soft"],"rt":["component-demo"],"section":"组件样式","libName":"daisyUI","kind":"badge","page":"https://daisyui.com/components/indicator/","note":"daisyUI 官方文档里的「徽标标签」公开演示（Status Indicator）"},{"id":"cs2-www-heroui-com--toast--toast--v0","name":"Toast · HeroUI","url":"https://heroui.com/en/docs/react/components/toast#usage","type":"style","pricing":"unknown","tags":["HeroUI"],"ct":["toast"],"vs":["soft","playful"],"rt":["component-demo"],"section":"组件样式","libName":"HeroUI","kind":"toast","page":"https://www.heroui.com/docs/components/toast","note":"HeroUI 官方文档里的「通知」公开演示"},{"id":"cs2-lib-primevue-org--timeline--timeline--v1","name":"Timeline · PrimeVue · Basic","url":"https://primevue.dev/timeline/#__nuxt","type":"style","pricing":"freemium","tags":["Vue","PrimeVue"],"ct":["timeline"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"PrimeVue","kind":"timeline","page":"https://primevue.org/timeline/","note":"PrimeVue 官方文档里的「时间轴」公开演示（Basic）"},{"id":"cs2-lib-ant-design--tree--tree--v0","name":"Tree · Ant Design","url":"https://ant.design/components/tree","type":"style","pricing":"free","tags":["React","Ant Design"],"ct":["tree"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Ant Design","kind":"tree","page":"https://ant.design/components/tree","note":"Ant Design 官方文档里的「树形」公开演示"},{"id":"cs2-lib-tdesign-tencent-com--tooltip--popup--v0","name":"Tooltip · TDesign · 基础弹出层","url":"https://tdesign.tencent.com/vue-next/components/popup#基础弹出层","type":"style","pricing":"free","tags":["React","Vue","TDesign"],"ct":["tooltip"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"TDesign","kind":"tooltip","page":"https://tdesign.tencent.com/vue-next/components/popup","note":"TDesign 官方文档里的「气泡」公开演示（基础弹出层）"},{"id":"cs2-lib-chakra-ui-com--table--table--v0","name":"Table · Chakra UI","url":"https://chakra-ui.com/docs/components/table","type":"style","pricing":"free","tags":["React","Chakra UI"],"ct":["table"],"vs":["soft","minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Chakra UI","kind":"table","page":"https://chakra-ui.com/docs/components/table","note":"Chakra UI 官方文档里的「表格」公开演示"},{"id":"cs2-lib-quasar-dev--badge--chip--v2","name":"Badge & tag · Quasar · Custom size","url":"https://quasar.dev/vue-components/chip/#example--sizes--custom-size","type":"style","pricing":"free","tags":["Vue","Quasar"],"ct":["badge"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Quasar","kind":"badge","page":"https://quasar.dev/vue-components/chip","note":"Quasar 官方文档里的「徽标标签」公开演示（Custom size）"},{"id":"cs2-lib-element-plus-org--carousel--carousel--v1","name":"Carousel · Element Plus · Motion blur","url":"https://element-plus.org/en-US/component/carousel.html#motion-blur","type":"style","pricing":"free","tags":["Vue","Element Plus"],"ct":["carousel"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Element Plus","kind":"carousel","page":"https://element-plus.org/en-US/component/carousel.html","note":"Element Plus 官方文档里的「轮播」公开演示（Motion blur）"},{"id":"cs2-lib-www-naiveui-com--avatar--avatar--v1","name":"Avatar · Naive UI","url":"https://www.naiveui.com/en-US/os-theme/components/avatar","type":"style","pricing":"free","tags":["Vue","Naive UI"],"ct":["avatar"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Naive UI","kind":"avatar","page":"https://www.naiveui.com/en-US/os-theme/components/avatar","note":"Naive UI 官方文档里的「头像」公开演示"},{"id":"cs2-lib-flowbite-com--select--forms-select--v3","name":"Select · Flowbite · Disabled state","url":"https://flowbite.com/docs/forms/select/","type":"style","pricing":"freemium","tags":["CSS","React","Vue","Svelte","Flowbite"],"ct":["select"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Flowbite","kind":"select","page":"https://flowbite.com/docs/forms/select/","note":"Flowbite 官方文档里的「选择器」公开演示（Disabled state）"},{"id":"cs2-lib-vuetifyjs-com--date--time-pickers--v2","name":"Date picker · Vuetify","url":"https://vuetifyjs.com/en/components/time-pickers/#colors","type":"style","pricing":"free","tags":["Vue","Vuetify"],"ct":["date"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Vuetify","kind":"date","page":"https://vuetifyjs.com/en/components/time-pickers/","note":"Vuetify 官方文档里的「日期」公开演示"},{"id":"cs2-lib-mui-com-material-ui--input--text-field--v0","name":"Input · Material UI · Basic TextField","url":"https://mui.com/material-ui/react-text-field/#basic-textfield","type":"style","pricing":"free","tags":["React","Material UI"],"ct":["input"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Material UI","kind":"input","page":"https://mui.com/material-ui/react-text-field/","note":"Material UI 官方文档里的「输入框」公开演示（Basic TextField）"},{"id":"cs2-lib-getbootstrap-com--loader--spinners--v1","name":"Loader · Bootstrap · Colors","url":"https://getbootstrap.com/docs/5.3/components/spinners/#colors","type":"style","pricing":"free","tags":["CSS","Bootstrap"],"ct":["loader"],"vs":["minimal","utilitarian"],"rt":["component-demo","motion"],"section":"组件样式","libName":"Bootstrap","kind":"loader","page":"https://getbootstrap.com/docs/5.3/components/spinners/","note":"Bootstrap 官方文档里的「加载」公开演示（Colors）"},{"id":"cs2-lib-mantine-dev--progress--core-progress--v0","name":"Progress · Mantine","url":"https://mantine.dev/core/progress/#mdx","type":"style","pricing":"free","tags":["React","Mantine"],"ct":["progress"],"vs":["minimal","enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Mantine","kind":"progress","page":"https://mantine.dev/core/progress/","note":"Mantine 官方文档里的「进度」公开演示"},{"id":"cs2-lib-daisyui-com--badge--indicator--v2","name":"Badge & tag · daisyUI · for button","url":"https://daisyui.com/components/indicator/#for-button","type":"style","pricing":"free","tags":["CSS","daisyUI"],"ct":["badge"],"vs":["playful","soft"],"rt":["component-demo"],"section":"组件样式","libName":"daisyUI","kind":"badge","page":"https://daisyui.com/components/indicator/","note":"daisyUI 官方文档里的「徽标标签」公开演示（for button）"},{"id":"cs2-www-heroui-com--toast--toast--v1","name":"Toast · HeroUI · Variants","url":"https://heroui.com/en/docs/react/components/toast#variants","type":"style","pricing":"unknown","tags":["HeroUI"],"ct":["toast"],"vs":["soft","playful"],"rt":["component-demo"],"section":"组件样式","libName":"HeroUI","kind":"toast","page":"https://www.heroui.com/docs/components/toast","note":"HeroUI 官方文档里的「通知」公开演示（Variants）"},{"id":"cs2-lib-primevue-org--timeline--timeline--v3","name":"Timeline · PrimeVue · Horizontal","url":"https://primevue.dev/timeline/#__nuxt","type":"style","pricing":"freemium","tags":["Vue","PrimeVue"],"ct":["timeline"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"PrimeVue","kind":"timeline","page":"https://primevue.org/timeline/","note":"PrimeVue 官方文档里的「时间轴」公开演示（Horizontal）"},{"id":"cs2-lib-ant-design--tree--tree--v3","name":"Tree · Ant Design","url":"https://ant.design/components/tree#tree-demo-draggable","type":"style","pricing":"free","tags":["React","Ant Design"],"ct":["tree"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Ant Design","kind":"tree","page":"https://ant.design/components/tree","note":"Ant Design 官方文档里的「树形」公开演示"},{"id":"cs2-lib-tdesign-tencent-com--tooltip--popup--v3","name":"Tooltip · TDesign · 位置方向","url":"https://tdesign.tencent.com/vue-next/components/popup#位置方向","type":"style","pricing":"free","tags":["React","Vue","TDesign"],"ct":["tooltip"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"TDesign","kind":"tooltip","page":"https://tdesign.tencent.com/vue-next/components/popup","note":"TDesign 官方文档里的「气泡」公开演示（位置方向）"},{"id":"cs2-lib-chakra-ui-com--table--table--v2","name":"Table · Chakra UI · Striped","url":"https://chakra-ui.com/docs/components/table#striped","type":"style","pricing":"free","tags":["React","Chakra UI"],"ct":["table"],"vs":["soft","minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Chakra UI","kind":"table","page":"https://chakra-ui.com/docs/components/table","note":"Chakra UI 官方文档里的「表格」公开演示（Striped）"},{"id":"cs2-lib-quasar-dev--badge--chip--v3","name":"Badge & tag · Quasar · Square","url":"https://quasar.dev/vue-components/chip/#example--square--square","type":"style","pricing":"free","tags":["Vue","Quasar"],"ct":["badge"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Quasar","kind":"badge","page":"https://quasar.dev/vue-components/chip","note":"Quasar 官方文档里的「徽标标签」公开演示（Square）"},{"id":"cs2-lib-element-plus-org--data--descriptions--v1","name":"Data display · Element Plus · Sizes","url":"https://element-plus.org/en-US/component/descriptions.html#sizes","type":"style","pricing":"free","tags":["Vue","Element Plus"],"ct":["data"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Element Plus","kind":"data","page":"https://element-plus.org/en-US/component/descriptions.html","note":"Element Plus 官方文档里的「数据展示」公开演示（Sizes）"},{"id":"cs2-lib-www-naiveui-com--avatar--avatar--v2","name":"Avatar · Naive UI","url":"https://www.naiveui.com/en-US/os-theme/components/avatar","type":"style","pricing":"free","tags":["Vue","Naive UI"],"ct":["avatar"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Naive UI","kind":"avatar","page":"https://www.naiveui.com/en-US/os-theme/components/avatar","note":"Naive UI 官方文档里的「头像」公开演示"},{"id":"cs2-lib-flowbite-com--upload--forms-file-input--v0","name":"Upload · Flowbite · File upload example","url":"https://flowbite.com/docs/forms/file-input/","type":"style","pricing":"freemium","tags":["CSS","React","Vue","Svelte","Flowbite"],"ct":["upload"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Flowbite","kind":"upload","page":"https://flowbite.com/docs/forms/file-input/","note":"Flowbite 官方文档里的「上传」公开演示（File upload example）"},{"id":"cs2-lib-vuetifyjs-com--date--time-pickers--v3","name":"Date picker · Vuetify","url":"https://vuetifyjs.com/en/components/time-pickers/#colors","type":"style","pricing":"free","tags":["Vue","Vuetify"],"ct":["date"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Vuetify","kind":"date","page":"https://vuetifyjs.com/en/components/time-pickers/","note":"Vuetify 官方文档里的「日期」公开演示"},{"id":"cs2-lib-mui-com-material-ui--list--list--v3","name":"List · Material UI · Folder List","url":"https://mui.com/material-ui/react-list/#folder-list","type":"style","pricing":"free","tags":["React","Material UI"],"ct":["list"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Material UI","kind":"list","page":"https://mui.com/material-ui/react-list/","note":"Material UI 官方文档里的「列表」公开演示（Folder List）"},{"id":"cs2-lib-mantine-dev--progress--core-progress--v1","name":"Progress · Mantine · Example: progress with segments","url":"https://mantine.dev/core/progress/#mdx","type":"style","pricing":"free","tags":["React","Mantine"],"ct":["progress"],"vs":["minimal","enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Mantine","kind":"progress","page":"https://mantine.dev/core/progress/","note":"Mantine 官方文档里的「进度」公开演示（Example: progress with segments）"},{"id":"cs2-lib-daisyui-com--nav--dock--v2","name":"Navigation · daisyUI · Dock Small size","url":"https://daisyui.com/components/dock/#dock-small-size","type":"style","pricing":"free","tags":["CSS","daisyUI"],"ct":["nav"],"vs":["playful","soft"],"rt":["component-demo"],"section":"组件样式","libName":"daisyUI","kind":"nav","page":"https://daisyui.com/components/dock/","note":"daisyUI 官方文档里的「导航」公开演示（Dock Small size）"},{"id":"cs2-www-heroui-com--toast--toast--v2","name":"Toast · HeroUI · Placements","url":"https://heroui.com/en/docs/react/components/toast#placements","type":"style","pricing":"unknown","tags":["HeroUI"],"ct":["toast"],"vs":["soft","playful"],"rt":["component-demo"],"section":"组件样式","libName":"HeroUI","kind":"toast","page":"https://www.heroui.com/docs/components/toast","note":"HeroUI 官方文档里的「通知」公开演示（Placements）"},{"id":"cs2-lib-primevue-org--pagination--paginator--v0","name":"Pagination · PrimeVue","url":"https://primevue.dev/paginator/","type":"style","pricing":"freemium","tags":["Vue","PrimeVue"],"ct":["pagination"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"PrimeVue","kind":"pagination","page":"https://primevue.org/paginator/","note":"PrimeVue 官方文档里的「分页」公开演示"},{"id":"cs2-lib-ant-design--tooltip--popconfirm--v0","name":"Tooltip · Ant Design · Auto Shift","url":"https://ant.design/components/popconfirm","type":"style","pricing":"free","tags":["React","Ant Design"],"ct":["tooltip"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Ant Design","kind":"tooltip","page":"https://ant.design/components/popconfirm","note":"Ant Design 官方文档里的「气泡」公开演示（Auto Shift）"},{"id":"cs2-lib-tdesign-tencent-com--tooltip--popconfirm--v0","name":"Tooltip · TDesign · 基础气泡确认框","url":"https://tdesign.tencent.com/vue-next/components/popconfirm#基础气泡确认框","type":"style","pricing":"free","tags":["React","Vue","TDesign"],"ct":["tooltip"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"TDesign","kind":"tooltip","page":"https://tdesign.tencent.com/vue-next/components/popconfirm","note":"TDesign 官方文档里的「气泡」公开演示（基础气泡确认框）"},{"id":"cs2-lib-chakra-ui-com--button--button--v0","name":"Button · Chakra UI","url":"https://chakra-ui.com/docs/components/button","type":"style","pricing":"free","tags":["React","Chakra UI"],"ct":["button"],"vs":["soft","minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Chakra UI","kind":"button","page":"https://chakra-ui.com/docs/components/button","note":"Chakra UI 官方文档里的「按钮」公开演示"},{"id":"cs2-lib-quasar-dev--input--input--v0","name":"Input · Quasar · Coloring","url":"https://quasar.dev/vue-components/input/#example--coloring--coloring","type":"style","pricing":"free","tags":["Vue","Quasar"],"ct":["input"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Quasar","kind":"input","page":"https://quasar.dev/vue-components/input","note":"Quasar 官方文档里的「输入框」公开演示（Coloring）"},{"id":"cs2-lib-element-plus-org--data--descriptions--v2","name":"Data display · Element Plus · Vertical List","url":"https://element-plus.org/en-US/component/descriptions.html#vertical-list","type":"style","pricing":"free","tags":["Vue","Element Plus"],"ct":["data"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Element Plus","kind":"data","page":"https://element-plus.org/en-US/component/descriptions.html","note":"Element Plus 官方文档里的「数据展示」公开演示（Vertical List）"},{"id":"cs2-lib-www-naiveui-com--avatar--avatar--v3","name":"Avatar · Naive UI","url":"https://www.naiveui.com/en-US/os-theme/components/avatar","type":"style","pricing":"free","tags":["Vue","Naive UI"],"ct":["avatar"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Naive UI","kind":"avatar","page":"https://www.naiveui.com/en-US/os-theme/components/avatar","note":"Naive UI 官方文档里的「头像」公开演示"},{"id":"cs2-lib-flowbite-com--upload--forms-file-input--v1","name":"Upload · Flowbite · Helper text","url":"https://flowbite.com/docs/forms/file-input/","type":"style","pricing":"freemium","tags":["CSS","React","Vue","Svelte","Flowbite"],"ct":["upload"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Flowbite","kind":"upload","page":"https://flowbite.com/docs/forms/file-input/","note":"Flowbite 官方文档里的「上传」公开演示（Helper text）"},{"id":"cs2-lib-vuetifyjs-com--table--data-tables-basics--v1","name":"Table · Vuetify","url":"https://vuetifyjs.com/en/components/data-tables/basics/#virtual-tables","type":"style","pricing":"free","tags":["Vue","Vuetify"],"ct":["table"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Vuetify","kind":"table","page":"https://vuetifyjs.com/en/components/data-tables/basics/","note":"Vuetify 官方文档里的「表格」公开演示"},{"id":"cs2-lib-mui-com-material-ui--carousel--image-list--v1","name":"Carousel · Material UI · Standard image list","url":"https://mui.com/material-ui/react-image-list/#standard-image-list","type":"style","pricing":"free","tags":["React","Material UI"],"ct":["carousel"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Material UI","kind":"carousel","page":"https://mui.com/material-ui/react-image-list/","note":"Material UI 官方文档里的「轮播」公开演示（Standard image list）"},{"id":"cs2-lib-mantine-dev--pagination--core-pagination--v0","name":"Pagination · Mantine","url":"https://mantine.dev/core/pagination/#mdx","type":"style","pricing":"free","tags":["React","Mantine"],"ct":["pagination"],"vs":["minimal","enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Mantine","kind":"pagination","page":"https://mantine.dev/core/pagination/","note":"Mantine 官方文档里的「分页」公开演示"},{"id":"cs2-lib-daisyui-com--nav--dock--v3","name":"Navigation · daisyUI · Dock Medium size","url":"https://daisyui.com/components/dock/#dock-medium-size","type":"style","pricing":"free","tags":["CSS","daisyUI"],"ct":["nav"],"vs":["playful","soft"],"rt":["component-demo"],"section":"组件样式","libName":"daisyUI","kind":"nav","page":"https://daisyui.com/components/dock/","note":"daisyUI 官方文档里的「导航」公开演示（Dock Medium size）"},{"id":"cs2-www-heroui-com--dialog--modal--v1","name":"Dialog · HeroUI · Sizes","url":"https://heroui.com/en/docs/react/components/modal#sizes","type":"style","pricing":"unknown","tags":["HeroUI"],"ct":["dialog"],"vs":["soft","playful"],"rt":["component-demo"],"section":"组件样式","libName":"HeroUI","kind":"dialog","page":"https://www.heroui.com/docs/components/modal","note":"HeroUI 官方文档里的「弹窗」公开演示（Sizes）"},{"id":"cs2-lib-primevue-org--motion--progressspinner--v0","name":"Motion · PrimeVue","url":"https://primevue.dev/progressspinner/","type":"style","pricing":"freemium","tags":["Vue","PrimeVue"],"ct":["motion"],"vs":["enterprise"],"rt":["component-demo","motion"],"section":"组件样式","libName":"PrimeVue","kind":"motion","page":"https://primevue.org/progressspinner/","note":"PrimeVue 官方文档里的「动效」公开演示"},{"id":"cs2-lib-ant-design--tooltip--popconfirm--v1","name":"Tooltip · Ant Design · Confirm","url":"https://ant.design/components/popconfirm#semantic-dom","type":"style","pricing":"free","tags":["React","Ant Design"],"ct":["tooltip"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Ant Design","kind":"tooltip","page":"https://ant.design/components/popconfirm","note":"Ant Design 官方文档里的「气泡」公开演示（Confirm）"},{"id":"cs2-lib-tdesign-tencent-com--tooltip--popconfirm--v1","name":"Tooltip · TDesign · 不同图标的气泡确认框","url":"https://tdesign.tencent.com/vue-next/components/popconfirm#不同图标的气泡确认框","type":"style","pricing":"free","tags":["React","Vue","TDesign"],"ct":["tooltip"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"TDesign","kind":"tooltip","page":"https://tdesign.tencent.com/vue-next/components/popconfirm","note":"TDesign 官方文档里的「气泡」公开演示（不同图标的气泡确认框）"},{"id":"cs2-lib-chakra-ui-com--button--button--v1","name":"Button · Chakra UI · Sizes","url":"https://chakra-ui.com/docs/components/button#sizes","type":"style","pricing":"free","tags":["React","Chakra UI"],"ct":["button"],"vs":["soft","minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Chakra UI","kind":"button","page":"https://chakra-ui.com/docs/components/button","note":"Chakra UI 官方文档里的「按钮」公开演示（Sizes）"},{"id":"cs2-lib-quasar-dev--input--input--v2","name":"Input · Quasar · Borderless","url":"https://quasar.dev/vue-components/input/#example--borderless--borderless","type":"style","pricing":"free","tags":["Vue","Quasar"],"ct":["input"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Quasar","kind":"input","page":"https://quasar.dev/vue-components/input","note":"Quasar 官方文档里的「输入框」公开演示（Borderless）"},{"id":"cs2-lib-element-plus-org--data--descriptions--v3","name":"Data display · Element Plus · Rowspan","url":"https://element-plus.org/en-US/component/descriptions.html#rowspan","type":"style","pricing":"free","tags":["Vue","Element Plus"],"ct":["data"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Element Plus","kind":"data","page":"https://element-plus.org/en-US/component/descriptions.html","note":"Element Plus 官方文档里的「数据展示」公开演示（Rowspan）"},{"id":"cs2-lib-www-naiveui-com--alert--alert--v0","name":"Alert · Naive UI","url":"https://www.naiveui.com/en-US/os-theme/components/alert","type":"style","pricing":"free","tags":["Vue","Naive UI"],"ct":["alert"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Naive UI","kind":"alert","page":"https://www.naiveui.com/en-US/os-theme/components/alert","note":"Naive UI 官方文档里的「警告提示」公开演示"},{"id":"cs2-lib-flowbite-com--upload--forms-file-input--v3","name":"Upload · Flowbite · Sizes","url":"https://flowbite.com/docs/forms/file-input/","type":"style","pricing":"freemium","tags":["CSS","React","Vue","Svelte","Flowbite"],"ct":["upload"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Flowbite","kind":"upload","page":"https://flowbite.com/docs/forms/file-input/","note":"Flowbite 官方文档里的「上传」公开演示（Sizes）"},{"id":"cs2-lib-vuetifyjs-com--table--data-tables-basics--v3","name":"Table · Vuetify","url":"https://vuetifyjs.com/en/components/data-tables/basics/#virtual-tables","type":"style","pricing":"free","tags":["Vue","Vuetify"],"ct":["table"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Vuetify","kind":"table","page":"https://vuetifyjs.com/en/components/data-tables/basics/","note":"Vuetify 官方文档里的「表格」公开演示"},{"id":"cs2-lib-mui-com-material-ui--carousel--image-list--v2","name":"Carousel · Material UI · Quilted image list","url":"https://mui.com/material-ui/react-image-list/#quilted-image-list","type":"style","pricing":"free","tags":["React","Material UI"],"ct":["carousel"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Material UI","kind":"carousel","page":"https://mui.com/material-ui/react-image-list/","note":"Material UI 官方文档里的「轮播」公开演示（Quilted image list）"},{"id":"cs2-lib-mantine-dev--pagination--core-pagination--v1","name":"Pagination · Mantine · Example with chunked content","url":"https://mantine.dev/core/pagination/#mdx","type":"style","pricing":"free","tags":["React","Mantine"],"ct":["pagination"],"vs":["minimal","enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Mantine","kind":"pagination","page":"https://mantine.dev/core/pagination/","note":"Mantine 官方文档里的「分页」公开演示（Example with chunked content）"},{"id":"cs2-lib-daisyui-com--input--textarea--v2","name":"Input · daisyUI","url":"https://daisyui.com/components/textarea/#with-form-control-and-labels","type":"style","pricing":"free","tags":["CSS","daisyUI"],"ct":["input"],"vs":["playful","soft"],"rt":["component-demo"],"section":"组件样式","libName":"daisyUI","kind":"input","page":"https://daisyui.com/components/textarea/","note":"daisyUI 官方文档里的「输入框」公开演示"},{"id":"cs2-www-heroui-com--dialog--modal--v2","name":"Dialog · HeroUI · Placement","url":"https://heroui.com/en/docs/react/components/modal#placement","type":"style","pricing":"unknown","tags":["HeroUI"],"ct":["dialog"],"vs":["soft","playful"],"rt":["component-demo"],"section":"组件样式","libName":"HeroUI","kind":"dialog","page":"https://www.heroui.com/docs/components/modal","note":"HeroUI 官方文档里的「弹窗」公开演示（Placement）"},{"id":"cs2-lib-primevue-org--motion--progressspinner--v2","name":"Motion · PrimeVue · Determinate","url":"https://primevue.dev/progressspinner/#__nuxt","type":"style","pricing":"freemium","tags":["Vue","PrimeVue"],"ct":["motion"],"vs":["enterprise"],"rt":["component-demo","motion"],"section":"组件样式","libName":"PrimeVue","kind":"motion","page":"https://primevue.org/progressspinner/","note":"PrimeVue 官方文档里的「动效」公开演示（Determinate）"},{"id":"cs2-lib-ant-design--input--input--v0","name":"Input · Ant Design","url":"https://ant.design/components/input","type":"style","pricing":"free","tags":["React","Ant Design"],"ct":["input"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Ant Design","kind":"input","page":"https://ant.design/components/input","note":"Ant Design 官方文档里的「输入框」公开演示"},{"id":"cs2-lib-tdesign-tencent-com--tooltip--popconfirm--v2","name":"Tooltip · TDesign · 带描述的气泡确认框","url":"https://tdesign.tencent.com/vue-next/components/popconfirm#带描述的气泡确认框","type":"style","pricing":"free","tags":["React","Vue","TDesign"],"ct":["tooltip"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"TDesign","kind":"tooltip","page":"https://tdesign.tencent.com/vue-next/components/popconfirm","note":"TDesign 官方文档里的「气泡」公开演示（带描述的气泡确认框）"},{"id":"cs2-lib-chakra-ui-com--button--button--v2","name":"Button · Chakra UI · Variants","url":"https://chakra-ui.com/docs/components/button#variants","type":"style","pricing":"free","tags":["React","Chakra UI"],"ct":["button"],"vs":["soft","minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Chakra UI","kind":"button","page":"https://chakra-ui.com/docs/components/button","note":"Chakra UI 官方文档里的「按钮」公开演示（Variants）"},{"id":"cs2-lib-quasar-dev--input--input--v3","name":"Input · Quasar · Rounded","url":"https://quasar.dev/vue-components/input/#example--rounded--rounded","type":"style","pricing":"free","tags":["Vue","Quasar"],"ct":["input"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Quasar","kind":"input","page":"https://quasar.dev/vue-components/input","note":"Quasar 官方文档里的「输入框」公开演示（Rounded）"},{"id":"cs2-lib-element-plus-org--data--statistic--v1","name":"Data display · Element Plus · Countdown","url":"https://element-plus.org/en-US/component/statistic.html#countdown","type":"style","pricing":"free","tags":["Vue","Element Plus"],"ct":["data"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Element Plus","kind":"data","page":"https://element-plus.org/en-US/component/statistic.html","note":"Element Plus 官方文档里的「数据展示」公开演示（Countdown）"},{"id":"cs2-lib-www-naiveui-com--card--card--v1","name":"Card · Naive UI","url":"https://www.naiveui.com/en-US/os-theme/components/card","type":"style","pricing":"free","tags":["Vue","Naive UI"],"ct":["card"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Naive UI","kind":"card","page":"https://www.naiveui.com/en-US/os-theme/components/card","note":"Naive UI 官方文档里的「卡片」公开演示"},{"id":"cs2-lib-flowbite-com--menu--components-mega-menu--v0","name":"Menu · Flowbite · Default mega menu","url":"https://flowbite.com/docs/components/mega-menu/","type":"style","pricing":"freemium","tags":["CSS","React","Vue","Svelte","Flowbite"],"ct":["menu"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Flowbite","kind":"menu","page":"https://flowbite.com/docs/components/mega-menu/","note":"Flowbite 官方文档里的「菜单」公开演示（Default mega menu）"},{"id":"cs2-lib-vuetifyjs-com--button--buttons--v0","name":"Button · Vuetify","url":"https://vuetifyjs.com/en/components/buttons/#elevation","type":"style","pricing":"free","tags":["Vue","Vuetify"],"ct":["button"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Vuetify","kind":"button","page":"https://vuetifyjs.com/en/components/buttons/","note":"Vuetify 官方文档里的「按钮」公开演示"},{"id":"cs2-lib-mui-com-material-ui--carousel--image-list--v3","name":"Carousel · Material UI · Woven image list","url":"https://mui.com/material-ui/react-image-list/#woven-image-list","type":"style","pricing":"free","tags":["React","Material UI"],"ct":["carousel"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Material UI","kind":"carousel","page":"https://mui.com/material-ui/react-image-list/","note":"Material UI 官方文档里的「轮播」公开演示（Woven image list）"},{"id":"cs2-lib-mantine-dev--pagination--core-pagination--v2","name":"Pagination · Mantine · Siblings","url":"https://mantine.dev/core/pagination/#mdx","type":"style","pricing":"free","tags":["React","Mantine"],"ct":["pagination"],"vs":["minimal","enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Mantine","kind":"pagination","page":"https://mantine.dev/core/pagination/","note":"Mantine 官方文档里的「分页」公开演示（Siblings）"},{"id":"cs2-lib-daisyui-com--input--textarea--v3","name":"Input · daisyUI · Sizes","url":"https://daisyui.com/components/textarea/#sizes","type":"style","pricing":"free","tags":["CSS","daisyUI"],"ct":["input"],"vs":["playful","soft"],"rt":["component-demo"],"section":"组件样式","libName":"daisyUI","kind":"input","page":"https://daisyui.com/components/textarea/","note":"daisyUI 官方文档里的「输入框」公开演示（Sizes）"},{"id":"cs2-www-heroui-com--dialog--modal--v3","name":"Dialog · HeroUI · Scroll Behavior","url":"https://heroui.com/en/docs/react/components/modal#scroll-behavior","type":"style","pricing":"unknown","tags":["HeroUI"],"ct":["dialog"],"vs":["soft","playful"],"rt":["component-demo"],"section":"组件样式","libName":"HeroUI","kind":"dialog","page":"https://www.heroui.com/docs/components/modal","note":"HeroUI 官方文档里的「弹窗」公开演示（Scroll Behavior）"},{"id":"cs2-lib-primevue-org--carousel--carousel--v0","name":"Carousel · PrimeVue","url":"https://primevue.dev/carousel/","type":"style","pricing":"freemium","tags":["Vue","PrimeVue"],"ct":["carousel"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"PrimeVue","kind":"carousel","page":"https://primevue.org/carousel/","note":"PrimeVue 官方文档里的「轮播」公开演示"},{"id":"cs2-lib-ant-design--input--input--v1","name":"Input · Ant Design · Basic usage","url":"https://ant.design/components/input#input-demo-basic","type":"style","pricing":"free","tags":["React","Ant Design"],"ct":["input"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Ant Design","kind":"input","page":"https://ant.design/components/input","note":"Ant Design 官方文档里的「输入框」公开演示（Basic usage）"},{"id":"cs2-lib-tdesign-tencent-com--date--time-picker--v1","name":"Date picker · TDesign · 自定义时间格式的选择器","url":"https://tdesign.tencent.com/vue-next/components/time-picker#自定义时间格式的选择器","type":"style","pricing":"free","tags":["React","Vue","TDesign"],"ct":["date"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"TDesign","kind":"date","page":"https://tdesign.tencent.com/vue-next/components/time-picker","note":"TDesign 官方文档里的「日期」公开演示（自定义时间格式的选择器）"},{"id":"cs2-lib-chakra-ui-com--button--button--v3","name":"Button · Chakra UI · Icon","url":"https://chakra-ui.com/docs/components/button#icon","type":"style","pricing":"free","tags":["React","Chakra UI"],"ct":["button"],"vs":["soft","minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Chakra UI","kind":"button","page":"https://chakra-ui.com/docs/components/button","note":"Chakra UI 官方文档里的「按钮」公开演示（Icon）"},{"id":"cs2-lib-quasar-dev--alert--banner--v0","name":"Alert · Quasar · Basic","url":"https://quasar.dev/vue-components/banner/#example--basic--basic","type":"style","pricing":"free","tags":["Vue","Quasar"],"ct":["alert"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Quasar","kind":"alert","page":"https://quasar.dev/vue-components/banner","note":"Quasar 官方文档里的「警告提示」公开演示（Basic）"},{"id":"cs2-lib-element-plus-org--toast--message-html--v3","name":"Toast · Element Plus · Closable","url":"https://element-plus.org/en-US/component/message.html#closable","type":"style","pricing":"free","tags":["Vue","Element Plus"],"ct":["toast"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Element Plus","kind":"toast","page":"https://element-plus.org/en-US/component/message.html","note":"Element Plus 官方文档里的「通知」公开演示（Closable）"},{"id":"cs2-lib-www-naiveui-com--loader--spin--v0","name":"Loader · Naive UI","url":"https://www.naiveui.com/en-US/os-theme/components/spin","type":"style","pricing":"free","tags":["Vue","Naive UI"],"ct":["loader"],"vs":["enterprise"],"rt":["component-demo","motion"],"section":"组件样式","libName":"Naive UI","kind":"loader","page":"https://www.naiveui.com/en-US/os-theme/components/spin","note":"Naive UI 官方文档里的「加载」公开演示"},{"id":"cs2-lib-flowbite-com--menu--components-mega-menu--v2","name":"Menu · Flowbite · Full width dropdown","url":"https://flowbite.com/docs/components/mega-menu/","type":"style","pricing":"freemium","tags":["CSS","React","Vue","Svelte","Flowbite"],"ct":["menu"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Flowbite","kind":"menu","page":"https://flowbite.com/docs/components/mega-menu/","note":"Flowbite 官方文档里的「菜单」公开演示（Full width dropdown）"},{"id":"cs2-lib-vuetifyjs-com--button--buttons--v1","name":"Button · Vuetify","url":"https://vuetifyjs.com/en/components/buttons/#elevation","type":"style","pricing":"free","tags":["Vue","Vuetify"],"ct":["button"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Vuetify","kind":"button","page":"https://vuetifyjs.com/en/components/buttons/","note":"Vuetify 官方文档里的「按钮」公开演示"},{"id":"cs2-lib-mui-com-material-ui--nav--bottom-navigation--v0","name":"Navigation · Material UI","url":"https://mui.com/material-ui/react-bottom-navigation/#bottom-navigation","type":"style","pricing":"free","tags":["React","Material UI"],"ct":["nav"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Material UI","kind":"nav","page":"https://mui.com/material-ui/react-bottom-navigation/","note":"Material UI 官方文档里的「导航」公开演示"},{"id":"cs2-lib-mantine-dev--pagination--core-pagination--v3","name":"Pagination · Mantine · Boundaries","url":"https://mantine.dev/core/pagination/#mdx","type":"style","pricing":"free","tags":["React","Mantine"],"ct":["pagination"],"vs":["minimal","enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Mantine","kind":"pagination","page":"https://mantine.dev/core/pagination/","note":"Mantine 官方文档里的「分页」公开演示（Boundaries）"},{"id":"cs2-lib-daisyui-com--layout--diff--v0","name":"Layout · daisyUI","url":"https://daisyui.com/components/diff/#diff","type":"style","pricing":"free","tags":["CSS","daisyUI"],"ct":["layout"],"vs":["playful","soft"],"rt":["component-demo"],"section":"组件样式","libName":"daisyUI","kind":"layout","page":"https://daisyui.com/components/diff/","note":"daisyUI 官方文档里的「区块」公开演示"},{"id":"cs2-www-heroui-com--date--date-picker--v3","name":"Date picker · HeroUI · Validation","url":"https://heroui.com/en/docs/react/components/date-picker#validation","type":"style","pricing":"unknown","tags":["HeroUI"],"ct":["date"],"vs":["soft","playful"],"rt":["component-demo"],"section":"组件样式","libName":"HeroUI","kind":"date","page":"https://www.heroui.com/docs/components/date-picker","note":"HeroUI 官方文档里的「日期」公开演示（Validation）"},{"id":"cs2-lib-primevue-org--carousel--carousel--v2","name":"Carousel · PrimeVue · Alignment","url":"https://primevue.dev/carousel/#__nuxt","type":"style","pricing":"freemium","tags":["Vue","PrimeVue"],"ct":["carousel"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"PrimeVue","kind":"carousel","page":"https://primevue.org/carousel/","note":"PrimeVue 官方文档里的「轮播」公开演示（Alignment）"},{"id":"cs2-lib-ant-design--input--input--v3","name":"Input · Ant Design · Variants","url":"https://ant.design/components/input#input-demo-variant","type":"style","pricing":"free","tags":["React","Ant Design"],"ct":["input"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Ant Design","kind":"input","page":"https://ant.design/components/input","note":"Ant Design 官方文档里的「输入框」公开演示（Variants）"},{"id":"cs2-lib-tdesign-tencent-com--date--time-picker--v3","name":"Date picker · TDesign · 十二小时制时间选择器","url":"https://tdesign.tencent.com/vue-next/components/time-picker#十二小时制时间选择器","type":"style","pricing":"free","tags":["React","Vue","TDesign"],"ct":["date"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"TDesign","kind":"date","page":"https://tdesign.tencent.com/vue-next/components/time-picker","note":"TDesign 官方文档里的「日期」公开演示（十二小时制时间选择器）"},{"id":"cs2-lib-chakra-ui-com--avatar--avatar--v0","name":"Avatar · Chakra UI","url":"https://chakra-ui.com/docs/components/avatar","type":"style","pricing":"free","tags":["React","Chakra UI"],"ct":["avatar"],"vs":["soft","minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Chakra UI","kind":"avatar","page":"https://chakra-ui.com/docs/components/avatar","note":"Chakra UI 官方文档里的「头像」公开演示"},{"id":"cs2-lib-quasar-dev--alert--banner--v1","name":"Alert · Quasar · Rounded border","url":"https://quasar.dev/vue-components/banner/#example--rounded--rounded-border","type":"style","pricing":"free","tags":["Vue","Quasar"],"ct":["alert"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Quasar","kind":"alert","page":"https://quasar.dev/vue-components/banner","note":"Quasar 官方文档里的「警告提示」公开演示（Rounded border）"},{"id":"cs2-lib-element-plus-org--dialog--dialog-html--v1","name":"Dialog · Element Plus · Customized Content","url":"https://element-plus.org/en-US/component/dialog.html#customized-content","type":"style","pricing":"free","tags":["Vue","Element Plus"],"ct":["dialog"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Element Plus","kind":"dialog","page":"https://element-plus.org/en-US/component/dialog.html","note":"Element Plus 官方文档里的「弹窗」公开演示（Customized Content）"},{"id":"cs2-lib-www-naiveui-com--loader--spin--v1","name":"Loader · Naive UI","url":"https://www.naiveui.com/en-US/os-theme/components/spin","type":"style","pricing":"free","tags":["Vue","Naive UI"],"ct":["loader"],"vs":["enterprise"],"rt":["component-demo","motion"],"section":"组件样式","libName":"Naive UI","kind":"loader","page":"https://www.naiveui.com/en-US/os-theme/components/spin","note":"Naive UI 官方文档里的「加载」公开演示"},{"id":"cs2-lib-flowbite-com--menu--components-mega-menu--v3","name":"Menu · Flowbite · Full width with CTA","url":"https://flowbite.com/docs/components/mega-menu/","type":"style","pricing":"freemium","tags":["CSS","React","Vue","Svelte","Flowbite"],"ct":["menu"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Flowbite","kind":"menu","page":"https://flowbite.com/docs/components/mega-menu/","note":"Flowbite 官方文档里的「菜单」公开演示（Full width with CTA）"},{"id":"cs2-lib-vuetifyjs-com--button--buttons--v3","name":"Button · Vuetify","url":"https://vuetifyjs.com/en/components/buttons/#elevation","type":"style","pricing":"free","tags":["Vue","Vuetify"],"ct":["button"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Vuetify","kind":"button","page":"https://vuetifyjs.com/en/components/buttons/","note":"Vuetify 官方文档里的「按钮」公开演示"},{"id":"cs2-lib-mui-com-material-ui--nav--bottom-navigation--v1","name":"Navigation · Material UI","url":"https://mui.com/material-ui/react-bottom-navigation/#bottom-navigation-with-no-label","type":"style","pricing":"free","tags":["React","Material UI"],"ct":["nav"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Material UI","kind":"nav","page":"https://mui.com/material-ui/react-bottom-navigation/","note":"Material UI 官方文档里的「导航」公开演示"},{"id":"cs2-lib-mantine-dev--input--core-tags-input--v0","name":"Input · Mantine · Clear section mode","url":"https://mantine.dev/core/tags-input/#mdx","type":"style","pricing":"free","tags":["React","Mantine"],"ct":["input"],"vs":["minimal","enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Mantine","kind":"input","page":"https://mantine.dev/core/tags-input/","note":"Mantine 官方文档里的「输入框」公开演示（Clear section mode）"},{"id":"cs2-lib-daisyui-com--layout--diff--v1","name":"Layout · daisyUI · Diff text","url":"https://daisyui.com/components/diff/#diff-text","type":"style","pricing":"free","tags":["CSS","daisyUI"],"ct":["layout"],"vs":["playful","soft"],"rt":["component-demo"],"section":"组件样式","libName":"daisyUI","kind":"layout","page":"https://daisyui.com/components/diff/","note":"daisyUI 官方文档里的「区块」公开演示（Diff text）"},{"id":"cs2-www-heroui-com--avatar--avatar--v0","name":"Avatar · HeroUI","url":"https://heroui.com/en/docs/react/components/avatar#usage","type":"style","pricing":"unknown","tags":["HeroUI"],"ct":["avatar"],"vs":["soft","playful"],"rt":["component-demo"],"section":"组件样式","libName":"HeroUI","kind":"avatar","page":"https://www.heroui.com/docs/components/avatar","note":"HeroUI 官方文档里的「头像」公开演示"},{"id":"cs2-lib-primevue-org--dialog--drawer--v0","name":"Dialog · PrimeVue","url":"https://primevue.dev/drawer/","type":"style","pricing":"freemium","tags":["Vue","PrimeVue"],"ct":["dialog"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"PrimeVue","kind":"dialog","page":"https://primevue.org/drawer/","note":"PrimeVue 官方文档里的「弹窗」公开演示"},{"id":"cs2-lib-ant-design--data--statistic--v0","name":"Data display · Ant Design · Active Users","url":"https://ant.design/components/statistic","type":"style","pricing":"free","tags":["React","Ant Design"],"ct":["data"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Ant Design","kind":"data","page":"https://ant.design/components/statistic","note":"Ant Design 官方文档里的「数据展示」公开演示（Active Users）"},{"id":"cs2-lib-tdesign-tencent-com--list--list--v0","name":"List · TDesign · 基础文字列表","url":"https://tdesign.tencent.com/vue-next/components/list#基础文字列表","type":"style","pricing":"free","tags":["React","Vue","TDesign"],"ct":["list"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"TDesign","kind":"list","page":"https://tdesign.tencent.com/vue-next/components/list","note":"TDesign 官方文档里的「列表」公开演示（基础文字列表）"},{"id":"cs2-lib-chakra-ui-com--avatar--avatar--v1","name":"Avatar · Chakra UI · Sizes","url":"https://chakra-ui.com/docs/components/avatar#sizes","type":"style","pricing":"free","tags":["React","Chakra UI"],"ct":["avatar"],"vs":["soft","minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Chakra UI","kind":"avatar","page":"https://chakra-ui.com/docs/components/avatar","note":"Chakra UI 官方文档里的「头像」公开演示（Sizes）"},{"id":"cs2-lib-quasar-dev--alert--banner--v2","name":"Alert · Quasar · With an image","url":"https://quasar.dev/vue-components/banner/#example--image--with-an-image","type":"style","pricing":"free","tags":["Vue","Quasar"],"ct":["alert"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Quasar","kind":"alert","page":"https://quasar.dev/vue-components/banner","note":"Quasar 官方文档里的「警告提示」公开演示（With an image）"},{"id":"cs2-lib-element-plus-org--button--button-html--v0","name":"Button · Element Plus · Basic usage","url":"https://element-plus.org/en-US/component/button.html#basic-usage","type":"style","pricing":"free","tags":["Vue","Element Plus"],"ct":["button"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Element Plus","kind":"button","page":"https://element-plus.org/en-US/component/button.html","note":"Element Plus 官方文档里的「按钮」公开演示（Basic usage）"},{"id":"cs2-lib-www-naiveui-com--loader--spin--v2","name":"Loader · Naive UI","url":"https://www.naiveui.com/en-US/os-theme/components/spin","type":"style","pricing":"free","tags":["Vue","Naive UI"],"ct":["loader"],"vs":["enterprise"],"rt":["component-demo","motion"],"section":"组件样式","libName":"Naive UI","kind":"loader","page":"https://www.naiveui.com/en-US/os-theme/components/spin","note":"Naive UI 官方文档里的「加载」公开演示"},{"id":"cs2-lib-flowbite-com--layout--components-device-mockups--v0","name":"Layout · Flowbite · Default mockup","url":"https://flowbite.com/docs/components/device-mockups/","type":"style","pricing":"freemium","tags":["CSS","React","Vue","Svelte","Flowbite"],"ct":["layout"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Flowbite","kind":"layout","page":"https://flowbite.com/docs/components/device-mockups/","note":"Flowbite 官方文档里的「区块」公开演示（Default mockup）"},{"id":"cs2-lib-vuetifyjs-com--nav--steppers--v0","name":"Navigation · Vuetify","url":"https://vuetifyjs.com/en/components/steppers/#linear-steppers","type":"style","pricing":"free","tags":["Vue","Vuetify"],"ct":["nav"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Vuetify","kind":"nav","page":"https://vuetifyjs.com/en/components/steppers/","note":"Vuetify 官方文档里的「导航」公开演示"},{"id":"cs2-lib-mui-com-material-ui--nav--bottom-navigation--v2","name":"Navigation · Material UI · Fixed positioning","url":"https://mui.com/material-ui/react-bottom-navigation/#fixed-positioning","type":"style","pricing":"free","tags":["React","Material UI"],"ct":["nav"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Material UI","kind":"nav","page":"https://mui.com/material-ui/react-bottom-navigation/","note":"Material UI 官方文档里的「导航」公开演示（Fixed positioning）"},{"id":"cs2-lib-mantine-dev--input--core-tags-input--v2","name":"Input · Mantine · Accept value on blur","url":"https://mantine.dev/core/tags-input/#mdx","type":"style","pricing":"free","tags":["React","Mantine"],"ct":["input"],"vs":["minimal","enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Mantine","kind":"input","page":"https://mantine.dev/core/tags-input/","note":"Mantine 官方文档里的「输入框」公开演示（Accept value on blur）"},{"id":"cs2-lib-daisyui-com--motion--swap--v1","name":"Motion · daisyUI · Swap volume icons","url":"https://daisyui.com/components/swap/#swap-volume-icons","type":"style","pricing":"free","tags":["CSS","daisyUI"],"ct":["motion"],"vs":["playful","soft"],"rt":["component-demo","motion"],"section":"组件样式","libName":"daisyUI","kind":"motion","page":"https://daisyui.com/components/swap/","note":"daisyUI 官方文档里的「动效」公开演示（Swap volume icons）"},{"id":"cs2-www-heroui-com--avatar--avatar--v1","name":"Avatar · HeroUI · Sizes","url":"https://heroui.com/en/docs/react/components/avatar#sizes","type":"style","pricing":"unknown","tags":["HeroUI"],"ct":["avatar"],"vs":["soft","playful"],"rt":["component-demo"],"section":"组件样式","libName":"HeroUI","kind":"avatar","page":"https://www.heroui.com/docs/components/avatar","note":"HeroUI 官方文档里的「头像」公开演示（Sizes）"},{"id":"cs2-lib-primevue-org--dialog--drawer--v2","name":"Dialog · PrimeVue · Position","url":"https://primevue.dev/drawer/#__nuxt","type":"style","pricing":"freemium","tags":["Vue","PrimeVue"],"ct":["dialog"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"PrimeVue","kind":"dialog","page":"https://primevue.org/drawer/","note":"PrimeVue 官方文档里的「弹窗」公开演示（Position）"},{"id":"cs2-lib-ant-design--data--statistic--v1","name":"Data display · Ant Design · Active","url":"https://ant.design/components/statistic#statistic-demo-basic","type":"style","pricing":"free","tags":["React","Ant Design"],"ct":["data"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Ant Design","kind":"data","page":"https://ant.design/components/statistic","note":"Ant Design 官方文档里的「数据展示」公开演示（Active）"},{"id":"cs2-lib-tdesign-tencent-com--list--list--v1","name":"List · TDesign · 多行文字列表","url":"https://tdesign.tencent.com/vue-next/components/list#多行文字列表","type":"style","pricing":"free","tags":["React","Vue","TDesign"],"ct":["list"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"TDesign","kind":"list","page":"https://tdesign.tencent.com/vue-next/components/list","note":"TDesign 官方文档里的「列表」公开演示（多行文字列表）"},{"id":"cs2-lib-chakra-ui-com--loader--skeleton--v1","name":"Loader · Chakra UI · Feed","url":"https://chakra-ui.com/docs/components/skeleton#feed","type":"style","pricing":"free","tags":["React","Chakra UI"],"ct":["loader"],"vs":["soft","minimal"],"rt":["component-demo","motion"],"section":"组件样式","libName":"Chakra UI","kind":"loader","page":"https://chakra-ui.com/docs/components/skeleton","note":"Chakra UI 官方文档里的「加载」公开演示（Feed）"},{"id":"cs2-lib-quasar-dev--alert--banner--v3","name":"Alert · Quasar · Inline actions","url":"https://quasar.dev/vue-components/banner/#example--inline--inline-actions","type":"style","pricing":"free","tags":["Vue","Quasar"],"ct":["alert"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Quasar","kind":"alert","page":"https://quasar.dev/vue-components/banner","note":"Quasar 官方文档里的「警告提示」公开演示（Inline actions）"},{"id":"cs2-lib-element-plus-org--button--button-html--v1","name":"Button · Element Plus · Disabled Button","url":"https://element-plus.org/en-US/component/button.html#disabled-button","type":"style","pricing":"free","tags":["Vue","Element Plus"],"ct":["button"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Element Plus","kind":"button","page":"https://element-plus.org/en-US/component/button.html","note":"Element Plus 官方文档里的「按钮」公开演示（Disabled Button）"},{"id":"cs2-lib-www-naiveui-com--carousel--image--v0","name":"Carousel · Naive UI","url":"https://www.naiveui.com/en-US/os-theme/components/image","type":"style","pricing":"free","tags":["Vue","Naive UI"],"ct":["carousel"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Naive UI","kind":"carousel","page":"https://www.naiveui.com/en-US/os-theme/components/image","note":"Naive UI 官方文档里的「轮播」公开演示"},{"id":"cs2-lib-flowbite-com--layout--components-device-mockups--v1","name":"Layout · Flowbite","url":"https://flowbite.com/docs/components/device-mockups/","type":"style","pricing":"freemium","tags":["CSS","React","Vue","Svelte","Flowbite"],"ct":["layout"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Flowbite","kind":"layout","page":"https://flowbite.com/docs/components/device-mockups/","note":"Flowbite 官方文档里的「区块」公开演示"},{"id":"cs2-lib-vuetifyjs-com--nav--steppers--v1","name":"Navigation · Vuetify","url":"https://vuetifyjs.com/en/components/steppers/#linear-steppers","type":"style","pricing":"free","tags":["Vue","Vuetify"],"ct":["nav"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Vuetify","kind":"nav","page":"https://vuetifyjs.com/en/components/steppers/","note":"Vuetify 官方文档里的「导航」公开演示"},{"id":"cs2-lib-mui-com-material-ui--button--button-group--v1","name":"Button · Material UI · Button variants","url":"https://mui.com/material-ui/react-button-group/#button-variants","type":"style","pricing":"free","tags":["React","Material UI"],"ct":["button"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Material UI","kind":"button","page":"https://mui.com/material-ui/react-button-group/","note":"Material UI 官方文档里的「按钮」公开演示（Button variants）"},{"id":"cs2-lib-mantine-dev--badge--core-chip--v0","name":"Badge & tag · Mantine","url":"https://mantine.dev/core/chip/#mdx","type":"style","pricing":"free","tags":["React","Mantine"],"ct":["badge"],"vs":["minimal","enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Mantine","kind":"badge","page":"https://mantine.dev/core/chip/","note":"Mantine 官方文档里的「徽标标签」公开演示"},{"id":"cs2-lib-daisyui-com--list--list--v0","name":"List · daisyUI","url":"https://daisyui.com/components/list/#list-second-column-grows---default","type":"style","pricing":"free","tags":["CSS","daisyUI"],"ct":["list"],"vs":["playful","soft"],"rt":["component-demo"],"section":"组件样式","libName":"daisyUI","kind":"list","page":"https://daisyui.com/components/list/","note":"daisyUI 官方文档里的「列表」公开演示"},{"id":"cs2-www-heroui-com--avatar--avatar--v2","name":"Avatar · HeroUI · Colors","url":"https://heroui.com/en/docs/react/components/avatar#colors","type":"style","pricing":"unknown","tags":["HeroUI"],"ct":["avatar"],"vs":["soft","playful"],"rt":["component-demo"],"section":"组件样式","libName":"HeroUI","kind":"avatar","page":"https://www.heroui.com/docs/components/avatar","note":"HeroUI 官方文档里的「头像」公开演示（Colors）"},{"id":"cs2-lib-primevue-org--menu--megamenu--v1","name":"Menu · PrimeVue · Basic","url":"https://primevue.dev/megamenu/#__nuxt","type":"style","pricing":"freemium","tags":["Vue","PrimeVue"],"ct":["menu"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"PrimeVue","kind":"menu","page":"https://primevue.org/megamenu/","note":"PrimeVue 官方文档里的「菜单」公开演示（Basic）"},{"id":"cs2-lib-ant-design--data--statistic--v2","name":"Data display · Ant Design · Active Users","url":"https://ant.design/components/statistic#statistic-demo-basic","type":"style","pricing":"free","tags":["React","Ant Design"],"ct":["data"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Ant Design","kind":"data","page":"https://ant.design/components/statistic","note":"Ant Design 官方文档里的「数据展示」公开演示（Active Users）"},{"id":"cs2-lib-tdesign-tencent-com--list--list--v2","name":"List · TDesign · 基础图文列表","url":"https://tdesign.tencent.com/vue-next/components/list#基础图文列表","type":"style","pricing":"free","tags":["React","Vue","TDesign"],"ct":["list"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"TDesign","kind":"list","page":"https://tdesign.tencent.com/vue-next/components/list","note":"TDesign 官方文档里的「列表」公开演示（基础图文列表）"},{"id":"cs2-lib-chakra-ui-com--tabs--tabs--v0","name":"Tabs · Chakra UI","url":"https://chakra-ui.com/docs/components/tabs","type":"style","pricing":"free","tags":["React","Chakra UI"],"ct":["tabs"],"vs":["soft","minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Chakra UI","kind":"tabs","page":"https://chakra-ui.com/docs/components/tabs","note":"Chakra UI 官方文档里的「标签页」公开演示"},{"id":"cs2-lib-quasar-dev--avatar--avatar--v0","name":"Avatar · Quasar · Basic","url":"https://quasar.dev/vue-components/avatar/#example--basic--basic","type":"style","pricing":"free","tags":["Vue","Quasar"],"ct":["avatar"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Quasar","kind":"avatar","page":"https://quasar.dev/vue-components/avatar","note":"Quasar 官方文档里的「头像」公开演示（Basic）"},{"id":"cs2-lib-element-plus-org--button--button-html--v2","name":"Button · Element Plus · Link Button","url":"https://element-plus.org/en-US/component/button.html#link-button","type":"style","pricing":"free","tags":["Vue","Element Plus"],"ct":["button"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Element Plus","kind":"button","page":"https://element-plus.org/en-US/component/button.html","note":"Element Plus 官方文档里的「按钮」公开演示（Link Button）"},{"id":"cs2-lib-www-naiveui-com--carousel--image--v1","name":"Carousel · Naive UI","url":"https://www.naiveui.com/en-US/os-theme/components/image","type":"style","pricing":"free","tags":["Vue","Naive UI"],"ct":["carousel"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Naive UI","kind":"carousel","page":"https://www.naiveui.com/en-US/os-theme/components/image","note":"Naive UI 官方文档里的「轮播」公开演示"},{"id":"cs2-lib-flowbite-com--layout--components-device-mockups--v3","name":"Layout · Flowbite · Tablet mockup","url":"https://flowbite.com/docs/components/device-mockups/","type":"style","pricing":"freemium","tags":["CSS","React","Vue","Svelte","Flowbite"],"ct":["layout"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Flowbite","kind":"layout","page":"https://flowbite.com/docs/components/device-mockups/","note":"Flowbite 官方文档里的「区块」公开演示（Tablet mockup）"},{"id":"cs2-lib-vuetifyjs-com--dialog--dialogs--v1","name":"Dialog · Vuetify","url":"https://vuetifyjs.com/en/components/dialogs/#overflowed","type":"style","pricing":"free","tags":["Vue","Vuetify"],"ct":["dialog"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Vuetify","kind":"dialog","page":"https://vuetifyjs.com/en/components/dialogs/","note":"Vuetify 官方文档里的「弹窗」公开演示"},{"id":"cs2-lib-mui-com-material-ui--button--button-group--v2","name":"Button · Material UI · Sizes and colors","url":"https://mui.com/material-ui/react-button-group/#sizes-and-colors","type":"style","pricing":"free","tags":["React","Material UI"],"ct":["button"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Material UI","kind":"button","page":"https://mui.com/material-ui/react-button-group/","note":"Material UI 官方文档里的「按钮」公开演示（Sizes and colors）"},{"id":"cs2-lib-mantine-dev--chart--charts-line-chart--v0","name":"Chart · Mantine · Line color","url":"https://mantine.dev/charts/line-chart/#mdx","type":"style","pricing":"free","tags":["React","Mantine"],"ct":["chart"],"vs":["minimal","enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Mantine","kind":"chart","page":"https://mantine.dev/charts/line-chart/","note":"Mantine 官方文档里的「图表」公开演示（Line color）"},{"id":"cs2-lib-daisyui-com--list--list--v1","name":"List · daisyUI · List (third column grows)","url":"https://daisyui.com/components/list/#list-third-column-grows","type":"style","pricing":"free","tags":["CSS","daisyUI"],"ct":["list"],"vs":["playful","soft"],"rt":["component-demo"],"section":"组件样式","libName":"daisyUI","kind":"list","page":"https://daisyui.com/components/list/","note":"daisyUI 官方文档里的「列表」公开演示（List (third column grows)）"},{"id":"cs2-www-heroui-com--avatar--avatar--v3","name":"Avatar · HeroUI · Variants","url":"https://heroui.com/en/docs/react/components/avatar#variants","type":"style","pricing":"unknown","tags":["HeroUI"],"ct":["avatar"],"vs":["soft","playful"],"rt":["component-demo"],"section":"组件样式","libName":"HeroUI","kind":"avatar","page":"https://www.heroui.com/docs/components/avatar","note":"HeroUI 官方文档里的「头像」公开演示（Variants）"},{"id":"cs2-lib-primevue-org--input--inputnumber--v0","name":"Input · PrimeVue","url":"https://primevue.dev/inputnumber/","type":"style","pricing":"freemium","tags":["Vue","PrimeVue"],"ct":["input"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"PrimeVue","kind":"input","page":"https://primevue.org/inputnumber/","note":"PrimeVue 官方文档里的「输入框」公开演示"},{"id":"cs2-lib-ant-design--data--statistic--v3","name":"Data display · Ant Design · Monthly Active Users","url":"https://ant.design/components/statistic#statistic-demo-animated","type":"style","pricing":"free","tags":["React","Ant Design"],"ct":["data"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Ant Design","kind":"data","page":"https://ant.design/components/statistic","note":"Ant Design 官方文档里的「数据展示」公开演示（Monthly Active Users）"},{"id":"cs2-lib-tdesign-tencent-com--list--list--v3","name":"List · TDesign · 带操作列表","url":"https://tdesign.tencent.com/vue-next/components/list#带操作列表","type":"style","pricing":"free","tags":["React","Vue","TDesign"],"ct":["list"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"TDesign","kind":"list","page":"https://tdesign.tencent.com/vue-next/components/list","note":"TDesign 官方文档里的「列表」公开演示（带操作列表）"},{"id":"cs2-lib-chakra-ui-com--tabs--tabs--v2","name":"Tabs · Chakra UI · Lazy Mounted","url":"https://chakra-ui.com/docs/components/tabs#lazy-mounted","type":"style","pricing":"free","tags":["React","Chakra UI"],"ct":["tabs"],"vs":["soft","minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Chakra UI","kind":"tabs","page":"https://chakra-ui.com/docs/components/tabs","note":"Chakra UI 官方文档里的「标签页」公开演示（Lazy Mounted）"},{"id":"cs2-lib-quasar-dev--avatar--avatar--v1","name":"Avatar · Quasar · Standard sizes","url":"https://quasar.dev/vue-components/avatar/#example--standardsizes--standard-sizes","type":"style","pricing":"free","tags":["Vue","Quasar"],"ct":["avatar"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Quasar","kind":"avatar","page":"https://quasar.dev/vue-components/avatar","note":"Quasar 官方文档里的「头像」公开演示（Standard sizes）"},{"id":"cs2-lib-element-plus-org--button--button-html--v3","name":"Button · Element Plus · Text Button","url":"https://element-plus.org/en-US/component/button.html#text-button","type":"style","pricing":"free","tags":["Vue","Element Plus"],"ct":["button"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Element Plus","kind":"button","page":"https://element-plus.org/en-US/component/button.html","note":"Element Plus 官方文档里的「按钮」公开演示（Text Button）"},{"id":"cs2-lib-www-naiveui-com--date--time-picker--v0","name":"Date picker · Naive UI","url":"https://www.naiveui.com/en-US/os-theme/components/time-picker","type":"style","pricing":"free","tags":["Vue","Naive UI"],"ct":["date"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Naive UI","kind":"date","page":"https://www.naiveui.com/en-US/os-theme/components/time-picker","note":"Naive UI 官方文档里的「日期」公开演示"},{"id":"cs2-lib-flowbite-com--button--components-clipboard--v0","name":"Button · Flowbite · Default copy to clipboard","url":"https://flowbite.com/docs/components/clipboard/","type":"style","pricing":"freemium","tags":["CSS","React","Vue","Svelte","Flowbite"],"ct":["button"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Flowbite","kind":"button","page":"https://flowbite.com/docs/components/clipboard/","note":"Flowbite 官方文档里的「按钮」公开演示（Default copy to clipboard）"},{"id":"cs2-lib-vuetifyjs-com--toast--snackbars--v0","name":"Toast · Vuetify","url":"https://vuetifyjs.com/en/components/snackbars/#header","type":"style","pricing":"free","tags":["Vue","Vuetify"],"ct":["toast"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Vuetify","kind":"toast","page":"https://vuetifyjs.com/en/components/snackbars/","note":"Vuetify 官方文档里的「通知」公开演示"},{"id":"cs2-lib-mui-com-material-ui--button--button-group--v3","name":"Button · Material UI · Vertical group","url":"https://mui.com/material-ui/react-button-group/#vertical-group","type":"style","pricing":"free","tags":["React","Material UI"],"ct":["button"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Material UI","kind":"button","page":"https://mui.com/material-ui/react-button-group/","note":"Material UI 官方文档里的「按钮」公开演示（Vertical group）"},{"id":"cs2-lib-mantine-dev--chart--charts-line-chart--v1","name":"Chart · Mantine · Stroke width","url":"https://mantine.dev/charts/line-chart/#mdx","type":"style","pricing":"free","tags":["React","Mantine"],"ct":["chart"],"vs":["minimal","enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Mantine","kind":"chart","page":"https://mantine.dev/charts/line-chart/","note":"Mantine 官方文档里的「图表」公开演示（Stroke width）"},{"id":"cs2-lib-daisyui-com--list--list--v2","name":"List · daisyUI","url":"https://daisyui.com/components/list/#list-third-column-wraps-to-next-row","type":"style","pricing":"free","tags":["CSS","daisyUI"],"ct":["list"],"vs":["playful","soft"],"rt":["component-demo"],"section":"组件样式","libName":"daisyUI","kind":"list","page":"https://daisyui.com/components/list/","note":"daisyUI 官方文档里的「列表」公开演示"},{"id":"cs2-www-heroui-com--tabs--tabs--v3","name":"Tabs · HeroUI · Disabled Tab","url":"https://heroui.com/en/docs/react/components/tabs#disabled-tab","type":"style","pricing":"unknown","tags":["HeroUI"],"ct":["tabs"],"vs":["soft","playful"],"rt":["component-demo"],"section":"组件样式","libName":"HeroUI","kind":"tabs","page":"https://www.heroui.com/docs/components/tabs","note":"HeroUI 官方文档里的「标签页」公开演示（Disabled Tab）"},{"id":"cs2-lib-primevue-org--input--inputnumber--v2","name":"Input · PrimeVue · Numerals","url":"https://primevue.dev/inputnumber/#__nuxt","type":"style","pricing":"freemium","tags":["Vue","PrimeVue"],"ct":["input"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"PrimeVue","kind":"input","page":"https://primevue.org/inputnumber/","note":"PrimeVue 官方文档里的「输入框」公开演示（Numerals）"},{"id":"cs2-lib-ant-design--input--auto-complete--v0","name":"Input · Ant Design","url":"https://ant.design/components/auto-complete","type":"style","pricing":"free","tags":["React","Ant Design"],"ct":["input"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Ant Design","kind":"input","page":"https://ant.design/components/auto-complete","note":"Ant Design 官方文档里的「输入框」公开演示"},{"id":"cs2-lib-tdesign-tencent-com--input--input-number--v0","name":"Input · TDesign · 双侧调整的数字输入框","url":"https://tdesign.tencent.com/vue-next/components/input-number#双侧调整的数字输入框","type":"style","pricing":"free","tags":["React","Vue","TDesign"],"ct":["input"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"TDesign","kind":"input","page":"https://tdesign.tencent.com/vue-next/components/input-number","note":"TDesign 官方文档里的「输入框」公开演示（双侧调整的数字输入框）"},{"id":"cs2-lib-quasar-dev--select--select--v0","name":"Select · Quasar · Decorators","url":"https://quasar.dev/vue-components/select/#example--decorators--decorators","type":"style","pricing":"free","tags":["Vue","Quasar"],"ct":["select"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Quasar","kind":"select","page":"https://quasar.dev/vue-components/select","note":"Quasar 官方文档里的「选择器」公开演示（Decorators）"},{"id":"cs2-lib-element-plus-org--tabs--tabs-html--v0","name":"Tabs · Element Plus · Basic usage","url":"https://element-plus.org/en-US/component/tabs.html#basic-usage","type":"style","pricing":"free","tags":["Vue","Element Plus"],"ct":["tabs"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Element Plus","kind":"tabs","page":"https://element-plus.org/en-US/component/tabs.html","note":"Element Plus 官方文档里的「标签页」公开演示（Basic usage）"},{"id":"cs2-lib-www-naiveui-com--date--time-picker--v1","name":"Date picker · Naive UI","url":"https://www.naiveui.com/en-US/os-theme/components/time-picker","type":"style","pricing":"free","tags":["Vue","Naive UI"],"ct":["date"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Naive UI","kind":"date","page":"https://www.naiveui.com/en-US/os-theme/components/time-picker","note":"Naive UI 官方文档里的「日期」公开演示"},{"id":"cs2-lib-flowbite-com--button--components-clipboard--v2","name":"Button · Flowbite · Copy button with text","url":"https://flowbite.com/docs/components/clipboard/","type":"style","pricing":"freemium","tags":["CSS","React","Vue","Svelte","Flowbite"],"ct":["button"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Flowbite","kind":"button","page":"https://flowbite.com/docs/components/clipboard/","note":"Flowbite 官方文档里的「按钮」公开演示（Copy button with text）"},{"id":"cs2-lib-vuetifyjs-com--toast--snackbars--v2","name":"Toast · Vuetify","url":"https://vuetifyjs.com/en/components/snackbars/#header","type":"style","pricing":"free","tags":["Vue","Vuetify"],"ct":["toast"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Vuetify","kind":"toast","page":"https://vuetifyjs.com/en/components/snackbars/","note":"Vuetify 官方文档里的「通知」公开演示"},{"id":"cs2-lib-mui-com-material-ui--badge--badge--v1","name":"Badge & tag · Material UI · Usage guidelines","url":"https://mui.com/material-ui/react-badge/#usage-guidelines","type":"style","pricing":"free","tags":["React","Material UI"],"ct":["badge"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Material UI","kind":"badge","page":"https://mui.com/material-ui/react-badge/","note":"Material UI 官方文档里的「徽标标签」公开演示（Usage guidelines）"},{"id":"cs2-lib-mantine-dev--chart--charts-line-chart--v2","name":"Chart · Mantine · Brush","url":"https://mantine.dev/charts/line-chart/#mdx","type":"style","pricing":"free","tags":["React","Mantine"],"ct":["chart"],"vs":["minimal","enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Mantine","kind":"chart","page":"https://mantine.dev/charts/line-chart/","note":"Mantine 官方文档里的「图表」公开演示（Brush）"},{"id":"cs2-lib-daisyui-com--badge--status--v1","name":"Badge & tag · daisyUI","url":"https://daisyui.com/components/status/#status","type":"style","pricing":"free","tags":["CSS","daisyUI"],"ct":["badge"],"vs":["playful","soft"],"rt":["component-demo"],"section":"组件样式","libName":"daisyUI","kind":"badge","page":"https://daisyui.com/components/status/","note":"daisyUI 官方文档里的「徽标标签」公开演示"},{"id":"cs2-www-heroui-com--select--select--v0","name":"Select · HeroUI","url":"https://heroui.com/en/docs/react/components/select#usage","type":"style","pricing":"unknown","tags":["HeroUI"],"ct":["select"],"vs":["soft","playful"],"rt":["component-demo"],"section":"组件样式","libName":"HeroUI","kind":"select","page":"https://www.heroui.com/docs/components/select","note":"HeroUI 官方文档里的「选择器」公开演示"},{"id":"cs2-lib-primevue-org--input--inputnumber--v3","name":"Input · PrimeVue · Locale","url":"https://primevue.dev/inputnumber/#__nuxt","type":"style","pricing":"freemium","tags":["Vue","PrimeVue"],"ct":["input"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"PrimeVue","kind":"input","page":"https://primevue.org/inputnumber/","note":"PrimeVue 官方文档里的「输入框」公开演示（Locale）"},{"id":"cs2-lib-ant-design--input--auto-complete--v1","name":"Input · Ant Design · Basic Usage","url":"https://ant.design/components/auto-complete#auto-complete-demo-basic","type":"style","pricing":"free","tags":["React","Ant Design"],"ct":["input"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Ant Design","kind":"input","page":"https://ant.design/components/auto-complete","note":"Ant Design 官方文档里的「输入框」公开演示（Basic Usage）"},{"id":"cs2-lib-tdesign-tencent-com--input--input-number--v2","name":"Input · TDesign · 无按钮的数字输入框","url":"https://tdesign.tencent.com/vue-next/components/input-number#无按钮的数字输入框","type":"style","pricing":"free","tags":["React","Vue","TDesign"],"ct":["input"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"TDesign","kind":"input","page":"https://tdesign.tencent.com/vue-next/components/input-number","note":"TDesign 官方文档里的「输入框」公开演示（无按钮的数字输入框）"},{"id":"cs2-lib-quasar-dev--select--select--v1","name":"Select · Quasar · Coloring","url":"https://quasar.dev/vue-components/select/#example--coloring--coloring","type":"style","pricing":"free","tags":["Vue","Quasar"],"ct":["select"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Quasar","kind":"select","page":"https://quasar.dev/vue-components/select","note":"Quasar 官方文档里的「选择器」公开演示（Coloring）"},{"id":"cs2-lib-element-plus-org--tabs--tabs-html--v3","name":"Tabs · Element Plus · Tab position","url":"https://element-plus.org/en-US/component/tabs.html#tab-position","type":"style","pricing":"free","tags":["Vue","Element Plus"],"ct":["tabs"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Element Plus","kind":"tabs","page":"https://element-plus.org/en-US/component/tabs.html","note":"Element Plus 官方文档里的「标签页」公开演示（Tab position）"},{"id":"cs2-lib-www-naiveui-com--date--time-picker--v2","name":"Date picker · Naive UI","url":"https://www.naiveui.com/en-US/os-theme/components/time-picker","type":"style","pricing":"free","tags":["Vue","Naive UI"],"ct":["date"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Naive UI","kind":"date","page":"https://www.naiveui.com/en-US/os-theme/components/time-picker","note":"Naive UI 官方文档里的「日期」公开演示"},{"id":"cs2-lib-flowbite-com--button--components-clipboard--v3","name":"Button · Flowbite · Input group with copy","url":"https://flowbite.com/docs/components/clipboard/","type":"style","pricing":"freemium","tags":["CSS","React","Vue","Svelte","Flowbite"],"ct":["button"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Flowbite","kind":"button","page":"https://flowbite.com/docs/components/clipboard/","note":"Flowbite 官方文档里的「按钮」公开演示（Input group with copy）"},{"id":"cs2-lib-vuetifyjs-com--toast--snackbars--v3","name":"Toast · Vuetify","url":"https://vuetifyjs.com/en/components/snackbars/#header","type":"style","pricing":"free","tags":["Vue","Vuetify"],"ct":["toast"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Vuetify","kind":"toast","page":"https://vuetifyjs.com/en/components/snackbars/","note":"Vuetify 官方文档里的「通知」公开演示"},{"id":"cs2-lib-mui-com-material-ui--badge--badge--v2","name":"Badge & tag · Material UI · Visibility","url":"https://mui.com/material-ui/react-badge/#visibility","type":"style","pricing":"free","tags":["React","Material UI"],"ct":["badge"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Material UI","kind":"badge","page":"https://mui.com/material-ui/react-badge/","note":"Material UI 官方文档里的「徽标标签」公开演示（Visibility）"},{"id":"cs2-lib-mantine-dev--date--dates-date-input--v0","name":"Date picker · Mantine · Clear section mode","url":"https://mantine.dev/dates/date-input/#mdx","type":"style","pricing":"free","tags":["React","Mantine"],"ct":["date"],"vs":["minimal","enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Mantine","kind":"date","page":"https://mantine.dev/dates/date-input/","note":"Mantine 官方文档里的「日期」公开演示（Clear section mode）"},{"id":"cs2-lib-daisyui-com--badge--status--v2","name":"Badge & tag · daisyUI · Status sizes","url":"https://daisyui.com/components/status/#status-sizes","type":"style","pricing":"free","tags":["CSS","daisyUI"],"ct":["badge"],"vs":["playful","soft"],"rt":["component-demo"],"section":"组件样式","libName":"daisyUI","kind":"badge","page":"https://daisyui.com/components/status/","note":"daisyUI 官方文档里的「徽标标签」公开演示（Status sizes）"},{"id":"cs2-www-heroui-com--form--slider--v0","name":"Form · HeroUI","url":"https://heroui.com/en/docs/react/components/slider#usage","type":"style","pricing":"unknown","tags":["HeroUI"],"ct":["form"],"vs":["soft","playful"],"rt":["component-demo"],"section":"组件样式","libName":"HeroUI","kind":"form","page":"https://www.heroui.com/docs/components/slider","note":"HeroUI 官方文档里的「表单」公开演示"},{"id":"cs2-lib-primevue-org--loader--skeleton--v0","name":"Loader · PrimeVue","url":"https://primevue.dev/skeleton/","type":"style","pricing":"freemium","tags":["Vue","PrimeVue"],"ct":["loader"],"vs":["enterprise"],"rt":["component-demo","motion"],"section":"组件样式","libName":"PrimeVue","kind":"loader","page":"https://primevue.org/skeleton/","note":"PrimeVue 官方文档里的「加载」公开演示"},{"id":"cs2-lib-ant-design--input--auto-complete--v3","name":"Input · Ant Design · Customize Input Component","url":"https://ant.design/components/auto-complete#auto-complete-demo-custom","type":"style","pricing":"free","tags":["React","Ant Design"],"ct":["input"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Ant Design","kind":"input","page":"https://ant.design/components/auto-complete","note":"Ant Design 官方文档里的「输入框」公开演示（Customize Input Component）"},{"id":"cs2-lib-tdesign-tencent-com--carousel--image--v0","name":"Carousel · TDesign · 基础图片","url":"https://tdesign.tencent.com/vue-next/components/image#基础图片","type":"style","pricing":"free","tags":["React","Vue","TDesign"],"ct":["carousel"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"TDesign","kind":"carousel","page":"https://tdesign.tencent.com/vue-next/components/image","note":"TDesign 官方文档里的「轮播」公开演示（基础图片）"},{"id":"cs2-lib-quasar-dev--tabs--tabs--v0","name":"Tabs · Quasar · Basic","url":"https://quasar.dev/vue-components/tabs/#example--basic--basic","type":"style","pricing":"free","tags":["Vue","Quasar"],"ct":["tabs"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Quasar","kind":"tabs","page":"https://quasar.dev/vue-components/tabs","note":"Quasar 官方文档里的「标签页」公开演示（Basic）"},{"id":"cs2-lib-element-plus-org--card--card-html--v0","name":"Card · Element Plus · Basic usage","url":"https://element-plus.org/en-US/component/card.html#basic-usage","type":"style","pricing":"free","tags":["Vue","Element Plus"],"ct":["card"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Element Plus","kind":"card","page":"https://element-plus.org/en-US/component/card.html","note":"Element Plus 官方文档里的「卡片」公开演示（Basic usage）"},{"id":"cs2-lib-www-naiveui-com--list--transfer--v0","name":"List · Naive UI","url":"https://www.naiveui.com/en-US/os-theme/components/transfer","type":"style","pricing":"free","tags":["Vue","Naive UI"],"ct":["list"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Naive UI","kind":"list","page":"https://www.naiveui.com/en-US/os-theme/components/transfer","note":"Naive UI 官方文档里的「列表」公开演示"},{"id":"cs2-lib-flowbite-com--nav--components-bottom-navigation--v0","name":"Navigation · Flowbite · Default bottom navigation","url":"https://flowbite.com/docs/components/bottom-navigation/","type":"style","pricing":"freemium","tags":["CSS","React","Vue","Svelte","Flowbite"],"ct":["nav"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Flowbite","kind":"nav","page":"https://flowbite.com/docs/components/bottom-navigation/","note":"Flowbite 官方文档里的「导航」公开演示（Default bottom navigation）"},{"id":"cs2-lib-vuetifyjs-com--tabs--tabs--v0","name":"Tabs · Vuetify","url":"https://vuetifyjs.com/en/components/tabs/#align-tabs","type":"style","pricing":"free","tags":["Vue","Vuetify"],"ct":["tabs"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Vuetify","kind":"tabs","page":"https://vuetifyjs.com/en/components/tabs/","note":"Vuetify 官方文档里的「标签页」公开演示"},{"id":"cs2-lib-mui-com-material-ui--badge--badge--v3","name":"Badge & tag · Material UI · Custom styles","url":"https://mui.com/material-ui/react-badge/#custom-styles","type":"style","pricing":"free","tags":["React","Material UI"],"ct":["badge"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Material UI","kind":"badge","page":"https://mui.com/material-ui/react-badge/","note":"Material UI 官方文档里的「徽标标签」公开演示（Custom styles）"},{"id":"cs2-lib-mantine-dev--tabs--core-segmented-control--v0","name":"Tabs · Mantine","url":"https://mantine.dev/core/segmented-control/#mdx","type":"style","pricing":"free","tags":["React","Mantine"],"ct":["tabs"],"vs":["minimal","enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Mantine","kind":"tabs","page":"https://mantine.dev/core/segmented-control/","note":"Mantine 官方文档里的「标签页」公开演示"},{"id":"cs2-lib-daisyui-com--layout--mask--v0","name":"Layout · daisyUI · Squircle","url":"https://daisyui.com/components/mask/#squircle","type":"style","pricing":"free","tags":["CSS","daisyUI"],"ct":["layout"],"vs":["playful","soft"],"rt":["component-demo"],"section":"组件样式","libName":"daisyUI","kind":"layout","page":"https://daisyui.com/components/mask/","note":"daisyUI 官方文档里的「区块」公开演示（Squircle）"},{"id":"cs2-www-heroui-com--form--slider--v2","name":"Form · HeroUI · Vertical","url":"https://heroui.com/en/docs/react/components/slider#vertical","type":"style","pricing":"unknown","tags":["HeroUI"],"ct":["form"],"vs":["soft","playful"],"rt":["component-demo"],"section":"组件样式","libName":"HeroUI","kind":"form","page":"https://www.heroui.com/docs/components/slider","note":"HeroUI 官方文档里的「表单」公开演示（Vertical）"},{"id":"cs2-lib-primevue-org--loader--skeleton--v2","name":"Loader · PrimeVue · Card","url":"https://primevue.dev/skeleton/#__nuxt","type":"style","pricing":"freemium","tags":["Vue","PrimeVue"],"ct":["loader"],"vs":["enterprise"],"rt":["component-demo","motion"],"section":"组件样式","libName":"PrimeVue","kind":"loader","page":"https://primevue.org/skeleton/","note":"PrimeVue 官方文档里的「加载」公开演示（Card）"},{"id":"cs2-lib-ant-design--tabs--segmented--v3","name":"Tabs · Ant Design · Disabled","url":"https://ant.design/components/segmented#segmented-demo-disabled","type":"style","pricing":"free","tags":["React","Ant Design"],"ct":["tabs"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Ant Design","kind":"tabs","page":"https://ant.design/components/segmented","note":"Ant Design 官方文档里的「标签页」公开演示（Disabled）"},{"id":"cs2-lib-tdesign-tencent-com--carousel--image--v1","name":"Carousel · TDesign · 不同形状的图片","url":"https://tdesign.tencent.com/vue-next/components/image#不同形状的图片","type":"style","pricing":"free","tags":["React","Vue","TDesign"],"ct":["carousel"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"TDesign","kind":"carousel","page":"https://tdesign.tencent.com/vue-next/components/image","note":"TDesign 官方文档里的「轮播」公开演示（不同形状的图片）"},{"id":"cs2-lib-quasar-dev--tabs--tabs--v1","name":"Tabs · Quasar","url":"https://quasar.dev/vue-components/tabs/#example--arrowsmodifiers--outside-inside-and-visible-on-mobile-arrows","type":"style","pricing":"free","tags":["Vue","Quasar"],"ct":["tabs"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Quasar","kind":"tabs","page":"https://quasar.dev/vue-components/tabs","note":"Quasar 官方文档里的「标签页」公开演示"},{"id":"cs2-lib-element-plus-org--card--card-html--v1","name":"Card · Element Plus · Simple card","url":"https://element-plus.org/en-US/component/card.html#simple-card","type":"style","pricing":"free","tags":["Vue","Element Plus"],"ct":["card"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Element Plus","kind":"card","page":"https://element-plus.org/en-US/component/card.html","note":"Element Plus 官方文档里的「卡片」公开演示（Simple card）"},{"id":"cs2-lib-www-naiveui-com--tabs--tabs--v1","name":"Tabs · Naive UI","url":"https://www.naiveui.com/en-US/os-theme/components/tabs","type":"style","pricing":"free","tags":["Vue","Naive UI"],"ct":["tabs"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Naive UI","kind":"tabs","page":"https://www.naiveui.com/en-US/os-theme/components/tabs","note":"Naive UI 官方文档里的「标签页」公开演示"},{"id":"cs2-lib-flowbite-com--nav--components-bottom-navigation--v1","name":"Navigation · Flowbite · Menu items with border","url":"https://flowbite.com/docs/components/bottom-navigation/","type":"style","pricing":"freemium","tags":["CSS","React","Vue","Svelte","Flowbite"],"ct":["nav"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Flowbite","kind":"nav","page":"https://flowbite.com/docs/components/bottom-navigation/","note":"Flowbite 官方文档里的「导航」公开演示（Menu items with border）"},{"id":"cs2-lib-vuetifyjs-com--tabs--tabs--v2","name":"Tabs · Vuetify","url":"https://vuetifyjs.com/en/components/tabs/#align-tabs","type":"style","pricing":"free","tags":["Vue","Vuetify"],"ct":["tabs"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Vuetify","kind":"tabs","page":"https://vuetifyjs.com/en/components/tabs/","note":"Vuetify 官方文档里的「标签页」公开演示"},{"id":"cs2-lib-mui-com-material-ui--button--toggle-button--v1","name":"Button · Material UI · Exclusive selection","url":"https://mui.com/material-ui/react-toggle-button/#exclusive-selection","type":"style","pricing":"free","tags":["React","Material UI"],"ct":["button"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Material UI","kind":"button","page":"https://mui.com/material-ui/react-toggle-button/","note":"Material UI 官方文档里的「按钮」公开演示（Exclusive selection）"},{"id":"cs2-lib-mantine-dev--tabs--core-segmented-control--v1","name":"Tabs · Mantine · Color","url":"https://mantine.dev/core/segmented-control/#mdx","type":"style","pricing":"free","tags":["React","Mantine"],"ct":["tabs"],"vs":["minimal","enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Mantine","kind":"tabs","page":"https://mantine.dev/core/segmented-control/","note":"Mantine 官方文档里的「标签页」公开演示（Color）"},{"id":"cs2-lib-daisyui-com--layout--mask--v1","name":"Layout · daisyUI · Heart","url":"https://daisyui.com/components/mask/#heart","type":"style","pricing":"free","tags":["CSS","daisyUI"],"ct":["layout"],"vs":["playful","soft"],"rt":["component-demo"],"section":"组件样式","libName":"daisyUI","kind":"layout","page":"https://daisyui.com/components/mask/","note":"daisyUI 官方文档里的「区块」公开演示（Heart）"},{"id":"cs2-www-heroui-com--form--slider--v3","name":"Form · HeroUI · Range","url":"https://heroui.com/en/docs/react/components/slider#range","type":"style","pricing":"unknown","tags":["HeroUI"],"ct":["form"],"vs":["soft","playful"],"rt":["component-demo"],"section":"组件样式","libName":"HeroUI","kind":"form","page":"https://www.heroui.com/docs/components/slider","note":"HeroUI 官方文档里的「表单」公开演示（Range）"},{"id":"cs2-lib-primevue-org--loader--skeleton--v3","name":"Loader · PrimeVue · Color","url":"https://primevue.dev/skeleton/#__nuxt","type":"style","pricing":"freemium","tags":["Vue","PrimeVue"],"ct":["loader"],"vs":["enterprise"],"rt":["component-demo","motion"],"section":"组件样式","libName":"PrimeVue","kind":"loader","page":"https://primevue.org/skeleton/","note":"PrimeVue 官方文档里的「加载」公开演示（Color）"},{"id":"cs2-lib-ant-design--input--input-number--v0","name":"Input · Ant Design","url":"https://ant.design/components/input-number","type":"style","pricing":"free","tags":["React","Ant Design"],"ct":["input"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Ant Design","kind":"input","page":"https://ant.design/components/input-number","note":"Ant Design 官方文档里的「输入框」公开演示"},{"id":"cs2-lib-tdesign-tencent-com--carousel--image--v2","name":"Carousel · TDesign · 图集样式的图片","url":"https://tdesign.tencent.com/vue-next/components/image#图集样式的图片","type":"style","pricing":"free","tags":["React","Vue","TDesign"],"ct":["carousel"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"TDesign","kind":"carousel","page":"https://tdesign.tencent.com/vue-next/components/image","note":"TDesign 官方文档里的「轮播」公开演示（图集样式的图片）"},{"id":"cs2-lib-quasar-dev--tabs--tabs--v2","name":"Tabs · Quasar · Vertical (example with QSplitter)","url":"https://quasar.dev/vue-components/tabs/#example--vertical--vertical-example-with-qsplitter","type":"style","pricing":"free","tags":["Vue","Quasar"],"ct":["tabs"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Quasar","kind":"tabs","page":"https://quasar.dev/vue-components/tabs","note":"Quasar 官方文档里的「标签页」公开演示（Vertical (example with QSplitter)）"},{"id":"cs2-lib-element-plus-org--card--card-html--v2","name":"Card · Element Plus · With images","url":"https://element-plus.org/en-US/component/card.html#with-images","type":"style","pricing":"free","tags":["Vue","Element Plus"],"ct":["card"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Element Plus","kind":"card","page":"https://element-plus.org/en-US/component/card.html","note":"Element Plus 官方文档里的「卡片」公开演示（With images）"},{"id":"cs2-lib-www-naiveui-com--tabs--tabs--v2","name":"Tabs · Naive UI","url":"https://www.naiveui.com/en-US/os-theme/components/tabs","type":"style","pricing":"free","tags":["Vue","Naive UI"],"ct":["tabs"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Naive UI","kind":"tabs","page":"https://www.naiveui.com/en-US/os-theme/components/tabs","note":"Naive UI 官方文档里的「标签页」公开演示"},{"id":"cs2-lib-flowbite-com--nav--components-bottom-navigation--v2","name":"Navigation · Flowbite · Application bar example","url":"https://flowbite.com/docs/components/bottom-navigation/","type":"style","pricing":"freemium","tags":["CSS","React","Vue","Svelte","Flowbite"],"ct":["nav"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Flowbite","kind":"nav","page":"https://flowbite.com/docs/components/bottom-navigation/","note":"Flowbite 官方文档里的「导航」公开演示（Application bar example）"},{"id":"cs2-lib-vuetifyjs-com--date--date-pickers--v0","name":"Date picker · Vuetify","url":"https://vuetifyjs.com/en/components/date-pickers/#elevation","type":"style","pricing":"free","tags":["Vue","Vuetify"],"ct":["date"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Vuetify","kind":"date","page":"https://vuetifyjs.com/en/components/date-pickers/","note":"Vuetify 官方文档里的「日期」公开演示"},{"id":"cs2-lib-mui-com-material-ui--button--toggle-button--v2","name":"Button · Material UI · Multiple selection","url":"https://mui.com/material-ui/react-toggle-button/#multiple-selection","type":"style","pricing":"free","tags":["React","Material UI"],"ct":["button"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Material UI","kind":"button","page":"https://mui.com/material-ui/react-toggle-button/","note":"Material UI 官方文档里的「按钮」公开演示（Multiple selection）"},{"id":"cs2-lib-mantine-dev--date--dates-month-picker--v1","name":"Date picker · Mantine · Allow deselect","url":"https://mantine.dev/dates/month-picker/#mdx","type":"style","pricing":"free","tags":["React","Mantine"],"ct":["date"],"vs":["minimal","enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Mantine","kind":"date","page":"https://mantine.dev/dates/month-picker/","note":"Mantine 官方文档里的「日期」公开演示（Allow deselect）"},{"id":"cs2-lib-daisyui-com--layout--mask--v2","name":"Layout · daisyUI · Hexagon","url":"https://daisyui.com/components/mask/#hexagon","type":"style","pricing":"free","tags":["CSS","daisyUI"],"ct":["layout"],"vs":["playful","soft"],"rt":["component-demo"],"section":"组件样式","libName":"daisyUI","kind":"layout","page":"https://daisyui.com/components/mask/","note":"daisyUI 官方文档里的「区块」公开演示（Hexagon）"},{"id":"cs2-www-heroui-com--table--table--v2","name":"Table · HeroUI · Async Loading","url":"https://heroui.com/en/docs/react/components/table#async-loading","type":"style","pricing":"unknown","tags":["HeroUI"],"ct":["table"],"vs":["soft","playful"],"rt":["component-demo"],"section":"组件样式","libName":"HeroUI","kind":"table","page":"https://www.heroui.com/docs/components/table","note":"HeroUI 官方文档里的「表格」公开演示（Async Loading）"},{"id":"cs2-lib-primevue-org--tooltip--popover--v2","name":"Tooltip · PrimeVue · Controlled","url":"https://primevue.dev/popover/#__nuxt","type":"style","pricing":"freemium","tags":["Vue","PrimeVue"],"ct":["tooltip"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"PrimeVue","kind":"tooltip","page":"https://primevue.org/popover/","note":"PrimeVue 官方文档里的「气泡」公开演示（Controlled）"},{"id":"cs2-lib-ant-design--input--input-number--v1","name":"Input · Ant Design · Basic","url":"https://ant.design/components/input-number#input-number-demo-basic","type":"style","pricing":"free","tags":["React","Ant Design"],"ct":["input"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Ant Design","kind":"input","page":"https://ant.design/components/input-number","note":"Ant Design 官方文档里的「输入框」公开演示（Basic）"},{"id":"cs2-lib-tdesign-tencent-com--carousel--image--v3","name":"Carousel · TDesign · 加载状态的图片","url":"https://tdesign.tencent.com/vue-next/components/image#加载状态的图片","type":"style","pricing":"free","tags":["React","Vue","TDesign"],"ct":["carousel"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"TDesign","kind":"carousel","page":"https://tdesign.tencent.com/vue-next/components/image","note":"TDesign 官方文档里的「轮播」公开演示（加载状态的图片）"},{"id":"cs2-lib-quasar-dev--tabs--tabs--v3","name":"Tabs · Quasar · Dense","url":"https://quasar.dev/vue-components/tabs/#example--dense--dense","type":"style","pricing":"free","tags":["Vue","Quasar"],"ct":["tabs"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Quasar","kind":"tabs","page":"https://quasar.dev/vue-components/tabs","note":"Quasar 官方文档里的「标签页」公开演示（Dense）"},{"id":"cs2-lib-element-plus-org--card--card-html--v3","name":"Card · Element Plus · Shadow","url":"https://element-plus.org/en-US/component/card.html#shadow","type":"style","pricing":"free","tags":["Vue","Element Plus"],"ct":["card"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Element Plus","kind":"card","page":"https://element-plus.org/en-US/component/card.html","note":"Element Plus 官方文档里的「卡片」公开演示（Shadow）"},{"id":"cs2-lib-www-naiveui-com--date--calendar--v0","name":"Date picker · Naive UI","url":"https://www.naiveui.com/en-US/os-theme/components/calendar","type":"style","pricing":"free","tags":["Vue","Naive UI"],"ct":["date"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Naive UI","kind":"date","page":"https://www.naiveui.com/en-US/os-theme/components/calendar","note":"Naive UI 官方文档里的「日期」公开演示"},{"id":"cs2-lib-flowbite-com--nav--components-bottom-navigation--v3","name":"Navigation · Flowbite · Example with pagination","url":"https://flowbite.com/docs/components/bottom-navigation/","type":"style","pricing":"freemium","tags":["CSS","React","Vue","Svelte","Flowbite"],"ct":["nav"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Flowbite","kind":"nav","page":"https://flowbite.com/docs/components/bottom-navigation/","note":"Flowbite 官方文档里的「导航」公开演示（Example with pagination）"},{"id":"cs2-lib-vuetifyjs-com--date--date-pickers--v1","name":"Date picker · Vuetify","url":"https://vuetifyjs.com/en/components/date-pickers/#elevation","type":"style","pricing":"free","tags":["Vue","Vuetify"],"ct":["date"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Vuetify","kind":"date","page":"https://vuetifyjs.com/en/components/date-pickers/","note":"Vuetify 官方文档里的「日期」公开演示"},{"id":"cs2-lib-mui-com-material-ui--button--toggle-button--v3","name":"Button · Material UI · Size","url":"https://mui.com/material-ui/react-toggle-button/#size","type":"style","pricing":"free","tags":["React","Material UI"],"ct":["button"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Material UI","kind":"button","page":"https://mui.com/material-ui/react-toggle-button/","note":"Material UI 官方文档里的「按钮」公开演示（Size）"},{"id":"cs2-lib-mantine-dev--badge--core-indicator--v0","name":"Badge & tag · Mantine","url":"https://mantine.dev/core/indicator/#mdx","type":"style","pricing":"free","tags":["React","Mantine"],"ct":["badge"],"vs":["minimal","enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Mantine","kind":"badge","page":"https://mantine.dev/core/indicator/","note":"Mantine 官方文档里的「徽标标签」公开演示"},{"id":"cs2-lib-daisyui-com--layout--mask--v3","name":"Layout · daisyUI","url":"https://daisyui.com/components/mask/#hexagon-2-horizontal-hexagon","type":"style","pricing":"free","tags":["CSS","daisyUI"],"ct":["layout"],"vs":["playful","soft"],"rt":["component-demo"],"section":"组件样式","libName":"daisyUI","kind":"layout","page":"https://daisyui.com/components/mask/","note":"daisyUI 官方文档里的「区块」公开演示"},{"id":"cs2-lib-primevue-org--carousel--galleria--v0","name":"Carousel · PrimeVue","url":"https://primevue.dev/galleria/","type":"style","pricing":"freemium","tags":["Vue","PrimeVue"],"ct":["carousel"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"PrimeVue","kind":"carousel","page":"https://primevue.org/galleria/","note":"PrimeVue 官方文档里的「轮播」公开演示"},{"id":"cs2-lib-ant-design--input--input-number--v2","name":"Input · Ant Design · Basic","url":"https://ant.design/components/input-number#input-number-demo-basic","type":"style","pricing":"free","tags":["React","Ant Design"],"ct":["input"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Ant Design","kind":"input","page":"https://ant.design/components/input-number","note":"Ant Design 官方文档里的「输入框」公开演示（Basic）"},{"id":"cs2-lib-tdesign-tencent-com--data--statistic--v0","name":"Data display · TDesign · 基础用法","url":"https://tdesign.tencent.com/vue-next/components/statistic#基础用法","type":"style","pricing":"free","tags":["React","Vue","TDesign"],"ct":["data"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"TDesign","kind":"data","page":"https://tdesign.tencent.com/vue-next/components/statistic","note":"TDesign 官方文档里的「数据展示」公开演示（基础用法）"},{"id":"cs2-lib-quasar-dev--button--button--v0","name":"Button · Quasar · Standard buttons","url":"https://quasar.dev/vue-components/button/#example--standard--standard-buttons","type":"style","pricing":"free","tags":["Vue","Quasar"],"ct":["button"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Quasar","kind":"button","page":"https://quasar.dev/vue-components/button","note":"Quasar 官方文档里的「按钮」公开演示（Standard buttons）"},{"id":"cs2-lib-element-plus-org--nav--steps-html--v0","name":"Navigation · Element Plus · Basic usage","url":"https://element-plus.org/en-US/component/steps.html#basic-usage","type":"style","pricing":"free","tags":["Vue","Element Plus"],"ct":["nav"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Element Plus","kind":"nav","page":"https://element-plus.org/en-US/component/steps.html","note":"Element Plus 官方文档里的「导航」公开演示（Basic usage）"},{"id":"cs2-lib-www-naiveui-com--menu--dropdown--v1","name":"Menu · Naive UI","url":"https://www.naiveui.com/en-US/os-theme/components/dropdown","type":"style","pricing":"free","tags":["Vue","Naive UI"],"ct":["menu"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Naive UI","kind":"menu","page":"https://www.naiveui.com/en-US/os-theme/components/dropdown","note":"Naive UI 官方文档里的「菜单」公开演示"},{"id":"cs2-lib-flowbite-com--layout--components-footer--v1","name":"Layout · Flowbite · Footer with logo","url":"https://flowbite.com/docs/components/footer/","type":"style","pricing":"freemium","tags":["CSS","React","Vue","Svelte","Flowbite"],"ct":["layout"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Flowbite","kind":"layout","page":"https://flowbite.com/docs/components/footer/","note":"Flowbite 官方文档里的「区块」公开演示（Footer with logo）"},{"id":"cs2-lib-vuetifyjs-com--date--date-pickers--v2","name":"Date picker · Vuetify","url":"https://vuetifyjs.com/en/components/date-pickers/#elevation","type":"style","pricing":"free","tags":["Vue","Vuetify"],"ct":["date"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Vuetify","kind":"date","page":"https://vuetifyjs.com/en/components/date-pickers/","note":"Vuetify 官方文档里的「日期」公开演示"},{"id":"cs2-lib-mui-com-material-ui--table--table--v2","name":"Table · Material UI · Dense table","url":"https://mui.com/material-ui/react-table/#dense-table","type":"style","pricing":"free","tags":["React","Material UI"],"ct":["table"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Material UI","kind":"table","page":"https://mui.com/material-ui/react-table/","note":"Material UI 官方文档里的「表格」公开演示（Dense table）"},{"id":"cs2-lib-mantine-dev--badge--core-indicator--v1","name":"Badge & tag · Mantine · Disabled","url":"https://mantine.dev/core/indicator/#mdx","type":"style","pricing":"free","tags":["React","Mantine"],"ct":["badge"],"vs":["minimal","enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Mantine","kind":"badge","page":"https://mantine.dev/core/indicator/","note":"Mantine 官方文档里的「徽标标签」公开演示（Disabled）"},{"id":"cs2-lib-daisyui-com--layout--mockup-browser--v1","name":"Layout · daisyUI · browser mockup with border","url":"https://daisyui.com/components/mockup-browser/#browser-mockup-with-border","type":"style","pricing":"free","tags":["CSS","daisyUI"],"ct":["layout"],"vs":["playful","soft"],"rt":["component-demo"],"section":"组件样式","libName":"daisyUI","kind":"layout","page":"https://daisyui.com/components/mockup-browser/","note":"daisyUI 官方文档里的「区块」公开演示（browser mockup with border）"},{"id":"cs2-lib-primevue-org--carousel--galleria--v1","name":"Carousel · PrimeVue · Basic","url":"https://primevue.dev/galleria/#__nuxt","type":"style","pricing":"freemium","tags":["Vue","PrimeVue"],"ct":["carousel"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"PrimeVue","kind":"carousel","page":"https://primevue.org/galleria/","note":"PrimeVue 官方文档里的「轮播」公开演示（Basic）"},{"id":"cs2-lib-ant-design--list--list--v1","name":"List · Ant Design · Mr. Greg Grimes","url":"https://ant.design/components/list#list-demo-basic","type":"style","pricing":"free","tags":["React","Ant Design"],"ct":["list"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Ant Design","kind":"list","page":"https://ant.design/components/list","note":"Ant Design 官方文档里的「列表」公开演示（Mr. Greg Grimes）"},{"id":"cs2-lib-tdesign-tencent-com--data--statistic--v2","name":"Data display · TDesign · 颜色","url":"https://tdesign.tencent.com/vue-next/components/statistic#颜色","type":"style","pricing":"free","tags":["React","Vue","TDesign"],"ct":["data"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"TDesign","kind":"data","page":"https://tdesign.tencent.com/vue-next/components/statistic","note":"TDesign 官方文档里的「数据展示」公开演示（颜色）"},{"id":"cs2-lib-quasar-dev--button--button--v1","name":"Button · Quasar · Custom colors","url":"https://quasar.dev/vue-components/button/#example--customcolor--custom-colors","type":"style","pricing":"free","tags":["Vue","Quasar"],"ct":["button"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Quasar","kind":"button","page":"https://quasar.dev/vue-components/button","note":"Quasar 官方文档里的「按钮」公开演示（Custom colors）"},{"id":"cs2-lib-element-plus-org--nav--steps-html--v2","name":"Navigation · Element Plus · Center","url":"https://element-plus.org/en-US/component/steps.html#center","type":"style","pricing":"free","tags":["Vue","Element Plus"],"ct":["nav"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Element Plus","kind":"nav","page":"https://element-plus.org/en-US/component/steps.html","note":"Element Plus 官方文档里的「导航」公开演示（Center）"},{"id":"cs2-lib-www-naiveui-com--menu--dropdown--v2","name":"Menu · Naive UI","url":"https://www.naiveui.com/en-US/os-theme/components/dropdown","type":"style","pricing":"free","tags":["Vue","Naive UI"],"ct":["menu"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Naive UI","kind":"menu","page":"https://www.naiveui.com/en-US/os-theme/components/dropdown","note":"Naive UI 官方文档里的「菜单」公开演示"},{"id":"cs2-lib-flowbite-com--layout--components-footer--v2","name":"Layout · Flowbite · Social media icons","url":"https://flowbite.com/docs/components/footer/","type":"style","pricing":"freemium","tags":["CSS","React","Vue","Svelte","Flowbite"],"ct":["layout"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Flowbite","kind":"layout","page":"https://flowbite.com/docs/components/footer/","note":"Flowbite 官方文档里的「区块」公开演示（Social media icons）"},{"id":"cs2-lib-vuetifyjs-com--chip--chips--v0","name":"Badge & tag · Vuetify","url":"https://vuetifyjs.com/en/components/chips/#icon","type":"style","pricing":"free","tags":["Vue","Vuetify"],"ct":["badge"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Vuetify","kind":"badge","page":"https://vuetifyjs.com/en/components/chips/","note":"Vuetify 官方文档里的「徽标标签」公开演示"},{"id":"cs2-lib-mui-com-material-ui--table--table--v3","name":"Table · Material UI · Sorting & selecting","url":"https://mui.com/material-ui/react-table/#sorting-selecting","type":"style","pricing":"free","tags":["React","Material UI"],"ct":["table"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Material UI","kind":"table","page":"https://mui.com/material-ui/react-table/","note":"Material UI 官方文档里的「表格」公开演示（Sorting & selecting）"},{"id":"cs2-lib-mantine-dev--tooltip--core-popover--v0","name":"Tooltip · Mantine · offset","url":"https://mantine.dev/core/popover/#mdx","type":"style","pricing":"free","tags":["React","Mantine"],"ct":["tooltip"],"vs":["minimal","enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Mantine","kind":"tooltip","page":"https://mantine.dev/core/popover/","note":"Mantine 官方文档里的「气泡」公开演示（offset）"},{"id":"cs2-lib-daisyui-com--layout--mockup-phone--v0","name":"Layout · daisyUI","url":"https://daisyui.com/components/mockup-phone/","type":"style","pricing":"free","tags":["CSS","daisyUI"],"ct":["layout"],"vs":["playful","soft"],"rt":["component-demo"],"section":"组件样式","libName":"daisyUI","kind":"layout","page":"https://daisyui.com/components/mockup-phone/","note":"daisyUI 官方文档里的「区块」公开演示"},{"id":"cs2-lib-primevue-org--carousel--galleria--v2","name":"Carousel · PrimeVue · Controlled","url":"https://primevue.dev/galleria/#__nuxt","type":"style","pricing":"freemium","tags":["Vue","PrimeVue"],"ct":["carousel"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"PrimeVue","kind":"carousel","page":"https://primevue.org/galleria/","note":"PrimeVue 官方文档里的「轮播」公开演示（Controlled）"},{"id":"cs2-lib-ant-design--list--list--v2","name":"List · Ant Design","url":"https://ant.design/components/list#list-demo-vertical","type":"style","pricing":"free","tags":["React","Ant Design"],"ct":["list"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Ant Design","kind":"list","page":"https://ant.design/components/list","note":"Ant Design 官方文档里的「列表」公开演示"},{"id":"cs2-lib-tdesign-tencent-com--data--statistic--v3","name":"Data display · TDesign · 前缀后缀/自定义","url":"https://tdesign.tencent.com/vue-next/components/statistic#前缀后缀-自定义","type":"style","pricing":"free","tags":["React","Vue","TDesign"],"ct":["data"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"TDesign","kind":"data","page":"https://tdesign.tencent.com/vue-next/components/statistic","note":"TDesign 官方文档里的「数据展示」公开演示（前缀后缀/自定义）"},{"id":"cs2-lib-quasar-dev--button--button--v2","name":"Button · Quasar · With icon","url":"https://quasar.dev/vue-components/button/#example--withicons--with-icon","type":"style","pricing":"free","tags":["Vue","Quasar"],"ct":["button"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Quasar","kind":"button","page":"https://quasar.dev/vue-components/button","note":"Quasar 官方文档里的「按钮」公开演示（With icon）"},{"id":"cs2-lib-element-plus-org--nav--steps-html--v3","name":"Navigation · Element Plus · Step bar with description","url":"https://element-plus.org/en-US/component/steps.html#step-bar-with-description","type":"style","pricing":"free","tags":["Vue","Element Plus"],"ct":["nav"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Element Plus","kind":"nav","page":"https://element-plus.org/en-US/component/steps.html","note":"Element Plus 官方文档里的「导航」公开演示（Step bar with description）"},{"id":"cs2-lib-www-naiveui-com--menu--dropdown--v3","name":"Menu · Naive UI","url":"https://www.naiveui.com/en-US/os-theme/components/dropdown","type":"style","pricing":"free","tags":["Vue","Naive UI"],"ct":["menu"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Naive UI","kind":"menu","page":"https://www.naiveui.com/en-US/os-theme/components/dropdown","note":"Naive UI 官方文档里的「菜单」公开演示"},{"id":"cs2-lib-flowbite-com--button--components-button-group--v0","name":"Button · Flowbite · Default example","url":"https://flowbite.com/docs/components/button-group/","type":"style","pricing":"freemium","tags":["CSS","React","Vue","Svelte","Flowbite"],"ct":["button"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Flowbite","kind":"button","page":"https://flowbite.com/docs/components/button-group/","note":"Flowbite 官方文档里的「按钮」公开演示（Default example）"},{"id":"cs2-lib-vuetifyjs-com--chip--chips--v1","name":"Badge & tag · Vuetify","url":"https://vuetifyjs.com/en/components/chips/#icon","type":"style","pricing":"free","tags":["Vue","Vuetify"],"ct":["badge"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Vuetify","kind":"badge","page":"https://vuetifyjs.com/en/components/chips/","note":"Vuetify 官方文档里的「徽标标签」公开演示"},{"id":"cs2-lib-mui-com-material-ui--loader--progress--v0","name":"Loader · Material UI","url":"https://mui.com/material-ui/react-progress/","type":"style","pricing":"free","tags":["React","Material UI"],"ct":["loader"],"vs":["material"],"rt":["component-demo","motion"],"section":"组件样式","libName":"Material UI","kind":"loader","page":"https://mui.com/material-ui/react-progress/","note":"Material UI 官方文档里的「加载」公开演示"},{"id":"cs2-lib-mantine-dev--tooltip--core-popover--v1","name":"Tooltip · Mantine · offset","url":"https://mantine.dev/core/popover/#mdx","type":"style","pricing":"free","tags":["React","Mantine"],"ct":["tooltip"],"vs":["minimal","enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Mantine","kind":"tooltip","page":"https://mantine.dev/core/popover/","note":"Mantine 官方文档里的「气泡」公开演示（offset）"},{"id":"cs2-lib-daisyui-com--menu--menu--v1","name":"Menu · daisyUI","url":"https://daisyui.com/components/menu/#responsive-vertical-on-small-screen-horizontal-on-large-screen","type":"style","pricing":"free","tags":["CSS","daisyUI"],"ct":["menu"],"vs":["playful","soft"],"rt":["component-demo"],"section":"组件样式","libName":"daisyUI","kind":"menu","page":"https://daisyui.com/components/menu/","note":"daisyUI 官方文档里的「菜单」公开演示"},{"id":"cs2-lib-primevue-org--carousel--galleria--v3","name":"Carousel · PrimeVue · Click Event","url":"https://primevue.dev/galleria/#__nuxt","type":"style","pricing":"freemium","tags":["Vue","PrimeVue"],"ct":["carousel"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"PrimeVue","kind":"carousel","page":"https://primevue.org/galleria/","note":"PrimeVue 官方文档里的「轮播」公开演示（Click Event）"},{"id":"cs2-lib-ant-design--carousel--image--v0","name":"Carousel · Ant Design","url":"https://ant.design/components/image","type":"style","pricing":"free","tags":["React","Ant Design"],"ct":["carousel"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Ant Design","kind":"carousel","page":"https://ant.design/components/image","note":"Ant Design 官方文档里的「轮播」公开演示"},{"id":"cs2-lib-tdesign-tencent-com--data--descriptions--v0","name":"Data display · TDesign · 基础","url":"https://tdesign.tencent.com/vue-next/components/descriptions#基础","type":"style","pricing":"free","tags":["React","Vue","TDesign"],"ct":["data"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"TDesign","kind":"data","page":"https://tdesign.tencent.com/vue-next/components/descriptions","note":"TDesign 官方文档里的「数据展示」公开演示（基础）"},{"id":"cs2-lib-quasar-dev--button--button--v3","name":"Button · Quasar · Round buttons","url":"https://quasar.dev/vue-components/button/#example--round--round-buttons","type":"style","pricing":"free","tags":["Vue","Quasar"],"ct":["button"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Quasar","kind":"button","page":"https://quasar.dev/vue-components/button","note":"Quasar 官方文档里的「按钮」公开演示（Round buttons）"},{"id":"cs2-lib-element-plus-org--upload--upload-html--v0","name":"Upload · Element Plus · Basic Usage","url":"https://element-plus.org/en-US/component/upload.html#basic-usage","type":"style","pricing":"free","tags":["Vue","Element Plus"],"ct":["upload"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Element Plus","kind":"upload","page":"https://element-plus.org/en-US/component/upload.html","note":"Element Plus 官方文档里的「上传」公开演示（Basic Usage）"},{"id":"cs2-lib-www-naiveui-com--select--select--v0","name":"Select · Naive UI","url":"https://www.naiveui.com/en-US/os-theme/components/select#Demo","type":"style","pricing":"free","tags":["Vue","Naive UI"],"ct":["select"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Naive UI","kind":"select","page":"https://www.naiveui.com/en-US/os-theme/components/select","note":"Naive UI 官方文档里的「选择器」公开演示"},{"id":"cs2-lib-flowbite-com--input--forms-phone-input--v1","name":"Input · Flowbite · Phone input country code","url":"https://flowbite.com/docs/forms/phone-input/","type":"style","pricing":"freemium","tags":["CSS","React","Vue","Svelte","Flowbite"],"ct":["input"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Flowbite","kind":"input","page":"https://flowbite.com/docs/forms/phone-input/","note":"Flowbite 官方文档里的「输入框」公开演示（Phone input country code）"},{"id":"cs2-lib-vuetifyjs-com--chip--chips--v2","name":"Badge & tag · Vuetify","url":"https://vuetifyjs.com/en/components/chips/#icon","type":"style","pricing":"free","tags":["Vue","Vuetify"],"ct":["badge"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Vuetify","kind":"badge","page":"https://vuetifyjs.com/en/components/chips/","note":"Vuetify 官方文档里的「徽标标签」公开演示"},{"id":"cs2-lib-mui-com-material-ui--loader--progress--v1","name":"Loader · Material UI · Interactive integration","url":"https://mui.com/material-ui/react-progress/#interactive-integration","type":"style","pricing":"free","tags":["React","Material UI"],"ct":["loader"],"vs":["material"],"rt":["component-demo","motion"],"section":"组件样式","libName":"Material UI","kind":"loader","page":"https://mui.com/material-ui/react-progress/","note":"Material UI 官方文档里的「加载」公开演示（Interactive integration）"},{"id":"cs2-lib-mantine-dev--tooltip--core-popover--v2","name":"Tooltip · Mantine · Dropdown arrow","url":"https://mantine.dev/core/popover/#mdx","type":"style","pricing":"free","tags":["React","Mantine"],"ct":["tooltip"],"vs":["minimal","enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Mantine","kind":"tooltip","page":"https://mantine.dev/core/popover/","note":"Mantine 官方文档里的「气泡」公开演示（Dropdown arrow）"},{"id":"cs2-lib-daisyui-com--layout--footer--v0","name":"Layout · daisyUI","url":"https://daisyui.com/components/footer/#footer-with-logo-and-social-icons","type":"style","pricing":"free","tags":["CSS","daisyUI"],"ct":["layout"],"vs":["playful","soft"],"rt":["component-demo"],"section":"组件样式","libName":"daisyUI","kind":"layout","page":"https://daisyui.com/components/footer/","note":"daisyUI 官方文档里的「区块」公开演示"},{"id":"cs2-lib-primevue-org--badge--chip--v0","name":"Badge & tag · PrimeVue","url":"https://primevue.dev/chip/","type":"style","pricing":"freemium","tags":["Vue","PrimeVue"],"ct":["badge"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"PrimeVue","kind":"badge","page":"https://primevue.org/chip/","note":"PrimeVue 官方文档里的「徽标标签」公开演示"},{"id":"cs2-lib-ant-design--carousel--image--v1","name":"Carousel · Ant Design · Progressive Loading","url":"https://ant.design/components/image#image-demo-placeholder","type":"style","pricing":"free","tags":["React","Ant Design"],"ct":["carousel"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Ant Design","kind":"carousel","page":"https://ant.design/components/image","note":"Ant Design 官方文档里的「轮播」公开演示（Progressive Loading）"},{"id":"cs2-lib-tdesign-tencent-com--data--descriptions--v1","name":"Data display · TDesign · 边框","url":"https://tdesign.tencent.com/vue-next/components/descriptions#边框","type":"style","pricing":"free","tags":["React","Vue","TDesign"],"ct":["data"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"TDesign","kind":"data","page":"https://tdesign.tencent.com/vue-next/components/descriptions","note":"TDesign 官方文档里的「数据展示」公开演示（边框）"},{"id":"cs2-lib-quasar-dev--table--table--v0","name":"Table · Quasar · Basic","url":"https://quasar.dev/vue-components/table/#example--basic--basic","type":"style","pricing":"free","tags":["Vue","Quasar"],"ct":["table"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Quasar","kind":"table","page":"https://quasar.dev/vue-components/table","note":"Quasar 官方文档里的「表格」公开演示（Basic）"},{"id":"cs2-lib-element-plus-org--upload--upload-html--v1","name":"Upload · Element Plus · Cover Previous File","url":"https://element-plus.org/en-US/component/upload.html#cover-previous-file","type":"style","pricing":"free","tags":["Vue","Element Plus"],"ct":["upload"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Element Plus","kind":"upload","page":"https://element-plus.org/en-US/component/upload.html","note":"Element Plus 官方文档里的「上传」公开演示（Cover Previous File）"},{"id":"cs2-lib-www-naiveui-com--date--date-picker--v0","name":"Date picker · Naive UI","url":"https://www.naiveui.com/en-US/os-theme/components/date-picker","type":"style","pricing":"free","tags":["Vue","Naive UI"],"ct":["date"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Naive UI","kind":"date","page":"https://www.naiveui.com/en-US/os-theme/components/date-picker","note":"Naive UI 官方文档里的「日期」公开演示"},{"id":"cs2-lib-flowbite-com--input--forms-phone-input--v3","name":"Input · Flowbite · Verification code input","url":"https://flowbite.com/docs/forms/phone-input/","type":"style","pricing":"freemium","tags":["CSS","React","Vue","Svelte","Flowbite"],"ct":["input"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Flowbite","kind":"input","page":"https://flowbite.com/docs/forms/phone-input/","note":"Flowbite 官方文档里的「输入框」公开演示（Verification code input）"},{"id":"cs2-lib-vuetifyjs-com--chip--chips--v3","name":"Badge & tag · Vuetify","url":"https://vuetifyjs.com/en/components/chips/#icon","type":"style","pricing":"free","tags":["Vue","Vuetify"],"ct":["badge"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Vuetify","kind":"badge","page":"https://vuetifyjs.com/en/components/chips/","note":"Vuetify 官方文档里的「徽标标签」公开演示"},{"id":"cs2-lib-mui-com-material-ui--loader--progress--v2","name":"Loader · Material UI · Customization","url":"https://mui.com/material-ui/react-progress/#customization","type":"style","pricing":"free","tags":["React","Material UI"],"ct":["loader"],"vs":["material"],"rt":["component-demo","motion"],"section":"组件样式","libName":"Material UI","kind":"loader","page":"https://mui.com/material-ui/react-progress/","note":"Material UI 官方文档里的「加载」公开演示（Customization）"},{"id":"cs2-lib-mantine-dev--tooltip--core-popover--v3","name":"Tooltip · Mantine · Hide detached","url":"https://mantine.dev/core/popover/#mdx","type":"style","pricing":"free","tags":["React","Mantine"],"ct":["tooltip"],"vs":["minimal","enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Mantine","kind":"tooltip","page":"https://mantine.dev/core/popover/","note":"Mantine 官方文档里的「气泡」公开演示（Hide detached）"},{"id":"cs2-lib-daisyui-com--layout--footer--v2","name":"Layout · daisyUI","url":"https://daisyui.com/components/footer/#footer-with-copyright-text-and-social-icons","type":"style","pricing":"free","tags":["CSS","daisyUI"],"ct":["layout"],"vs":["playful","soft"],"rt":["component-demo"],"section":"组件样式","libName":"daisyUI","kind":"layout","page":"https://daisyui.com/components/footer/","note":"daisyUI 官方文档里的「区块」公开演示"},{"id":"cs2-lib-primevue-org--badge--chip--v3","name":"Badge & tag · PrimeVue · Image","url":"https://primevue.dev/chip/#__nuxt","type":"style","pricing":"freemium","tags":["Vue","PrimeVue"],"ct":["badge"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"PrimeVue","kind":"badge","page":"https://primevue.org/chip/","note":"PrimeVue 官方文档里的「徽标标签」公开演示（Image）"},{"id":"cs2-lib-ant-design--carousel--image--v2","name":"Carousel · Ant Design · Fault tolerant","url":"https://ant.design/components/image#image-demo-fallback","type":"style","pricing":"free","tags":["React","Ant Design"],"ct":["carousel"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Ant Design","kind":"carousel","page":"https://ant.design/components/image","note":"Ant Design 官方文档里的「轮播」公开演示（Fault tolerant）"},{"id":"cs2-lib-tdesign-tencent-com--data--descriptions--v2","name":"Data display · TDesign · 标签引号","url":"https://tdesign.tencent.com/vue-next/components/descriptions#标签引号","type":"style","pricing":"free","tags":["React","Vue","TDesign"],"ct":["data"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"TDesign","kind":"data","page":"https://tdesign.tencent.com/vue-next/components/descriptions","note":"TDesign 官方文档里的「数据展示」公开演示（标签引号）"},{"id":"cs2-lib-quasar-dev--table--table--v1","name":"Table · Quasar · Force dark mode","url":"https://quasar.dev/vue-components/table/#example--dark--force-dark-mode","type":"style","pricing":"free","tags":["Vue","Quasar"],"ct":["table"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Quasar","kind":"table","page":"https://quasar.dev/vue-components/table","note":"Quasar 官方文档里的「表格」公开演示（Force dark mode）"},{"id":"cs2-lib-element-plus-org--upload--upload-html--v3","name":"Upload · Element Plus · Photo Wall","url":"https://element-plus.org/en-US/component/upload.html#photo-wall","type":"style","pricing":"free","tags":["Vue","Element Plus"],"ct":["upload"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Element Plus","kind":"upload","page":"https://element-plus.org/en-US/component/upload.html","note":"Element Plus 官方文档里的「上传」公开演示（Photo Wall）"},{"id":"cs2-lib-www-naiveui-com--upload--upload--v0","name":"Upload · Naive UI","url":"https://www.naiveui.com/en-US/os-theme/components/upload","type":"style","pricing":"free","tags":["Vue","Naive UI"],"ct":["upload"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Naive UI","kind":"upload","page":"https://www.naiveui.com/en-US/os-theme/components/upload","note":"Naive UI 官方文档里的「上传」公开演示"},{"id":"cs2-lib-flowbite-com--checkbox--forms-checkbox--v0","name":"Checkbox & radio · Flowbite · Checkbox example","url":"https://flowbite.com/docs/forms/checkbox/","type":"style","pricing":"freemium","tags":["CSS","React","Vue","Svelte","Flowbite"],"ct":["checkbox"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Flowbite","kind":"checkbox","page":"https://flowbite.com/docs/forms/checkbox/","note":"Flowbite 官方文档里的「复选单选」公开演示（Checkbox example）"},{"id":"cs2-lib-vuetifyjs-com--card--cards--v0","name":"Card · Vuetify","url":"https://vuetifyjs.com/en/components/cards/#variants","type":"style","pricing":"free","tags":["Vue","Vuetify"],"ct":["card"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Vuetify","kind":"card","page":"https://vuetifyjs.com/en/components/cards/","note":"Vuetify 官方文档里的「卡片」公开演示"},{"id":"cs2-lib-mui-com-material-ui--button--button--v0","name":"Button · Material UI · Sizes","url":"https://mui.com/material-ui/react-button/#sizes","type":"style","pricing":"free","tags":["React","Material UI"],"ct":["button"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Material UI","kind":"button","page":"https://mui.com/material-ui/react-button/","note":"Material UI 官方文档里的「按钮」公开演示（Sizes）"},{"id":"cs2-lib-mantine-dev--input--core-number-input--v2","name":"Input · Mantine · Prefix and suffix","url":"https://mantine.dev/core/number-input/#mdx","type":"style","pricing":"free","tags":["React","Mantine"],"ct":["input"],"vs":["minimal","enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Mantine","kind":"input","page":"https://mantine.dev/core/number-input/","note":"Mantine 官方文档里的「输入框」公开演示（Prefix and suffix）"},{"id":"cs2-lib-daisyui-com--layout--footer--v3","name":"Layout · daisyUI","url":"https://daisyui.com/components/footer/#centered-footer-with-logo-and-social-icons","type":"style","pricing":"free","tags":["CSS","daisyUI"],"ct":["layout"],"vs":["playful","soft"],"rt":["component-demo"],"section":"组件样式","libName":"daisyUI","kind":"layout","page":"https://daisyui.com/components/footer/","note":"daisyUI 官方文档里的「区块」公开演示"},{"id":"cs2-lib-primevue-org--card--card--v0","name":"Card · PrimeVue","url":"https://primevue.dev/card/","type":"style","pricing":"freemium","tags":["Vue","PrimeVue"],"ct":["card"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"PrimeVue","kind":"card","page":"https://primevue.org/card/","note":"PrimeVue 官方文档里的「卡片」公开演示"},{"id":"cs2-lib-ant-design--carousel--image--v3","name":"Carousel · Ant Design · Multiple image preview","url":"https://ant.design/components/image#image-demo-preview-group","type":"style","pricing":"free","tags":["React","Ant Design"],"ct":["carousel"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Ant Design","kind":"carousel","page":"https://ant.design/components/image","note":"Ant Design 官方文档里的「轮播」公开演示（Multiple image preview）"},{"id":"cs2-lib-tdesign-tencent-com--data--descriptions--v3","name":"Data display · TDesign · 布局方式","url":"https://tdesign.tencent.com/vue-next/components/descriptions#布局方式","type":"style","pricing":"free","tags":["React","Vue","TDesign"],"ct":["data"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"TDesign","kind":"data","page":"https://tdesign.tencent.com/vue-next/components/descriptions","note":"TDesign 官方文档里的「数据展示」公开演示（布局方式）"},{"id":"cs2-lib-quasar-dev--table--table--v2","name":"Table · Quasar · Dense","url":"https://quasar.dev/vue-components/table/#example--dense--dense","type":"style","pricing":"free","tags":["Vue","Quasar"],"ct":["table"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Quasar","kind":"table","page":"https://quasar.dev/vue-components/table","note":"Quasar 官方文档里的「表格」公开演示（Dense）"},{"id":"cs2-lib-www-naiveui-com--upload--upload--v2","name":"Upload · Naive UI","url":"https://www.naiveui.com/en-US/os-theme/components/upload","type":"style","pricing":"free","tags":["Vue","Naive UI"],"ct":["upload"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Naive UI","kind":"upload","page":"https://www.naiveui.com/en-US/os-theme/components/upload","note":"Naive UI 官方文档里的「上传」公开演示"},{"id":"cs2-lib-flowbite-com--checkbox--forms-checkbox--v2","name":"Checkbox & radio · Flowbite · Checkbox link","url":"https://flowbite.com/docs/forms/checkbox/","type":"style","pricing":"freemium","tags":["CSS","React","Vue","Svelte","Flowbite"],"ct":["checkbox"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Flowbite","kind":"checkbox","page":"https://flowbite.com/docs/forms/checkbox/","note":"Flowbite 官方文档里的「复选单选」公开演示（Checkbox link）"},{"id":"cs2-lib-vuetifyjs-com--card--cards--v1","name":"Card · Vuetify","url":"https://vuetifyjs.com/en/components/cards/#variants","type":"style","pricing":"free","tags":["Vue","Vuetify"],"ct":["card"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Vuetify","kind":"card","page":"https://vuetifyjs.com/en/components/cards/","note":"Vuetify 官方文档里的「卡片」公开演示"},{"id":"cs2-lib-mui-com-material-ui--button--button--v2","name":"Button · Material UI · Loading","url":"https://mui.com/material-ui/react-button/#loading-2","type":"style","pricing":"free","tags":["React","Material UI"],"ct":["button"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Material UI","kind":"button","page":"https://mui.com/material-ui/react-button/","note":"Material UI 官方文档里的「按钮」公开演示（Loading）"},{"id":"cs2-lib-mantine-dev--input--core-number-input--v3","name":"Input · Mantine · Thousand separator","url":"https://mantine.dev/core/number-input/#mdx","type":"style","pricing":"free","tags":["React","Mantine"],"ct":["input"],"vs":["minimal","enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Mantine","kind":"input","page":"https://mantine.dev/core/number-input/","note":"Mantine 官方文档里的「输入框」公开演示（Thousand separator）"},{"id":"cs2-lib-daisyui-com--layout--stack--v0","name":"Layout · daisyUI","url":"https://daisyui.com/components/stack/","type":"style","pricing":"free","tags":["CSS","daisyUI"],"ct":["layout"],"vs":["playful","soft"],"rt":["component-demo"],"section":"组件样式","libName":"daisyUI","kind":"layout","page":"https://daisyui.com/components/stack/","note":"daisyUI 官方文档里的「区块」公开演示"},{"id":"cs2-lib-primevue-org--card--card--v1","name":"Card · PrimeVue · Basic","url":"https://primevue.dev/card/#__nuxt","type":"style","pricing":"freemium","tags":["Vue","PrimeVue"],"ct":["card"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"PrimeVue","kind":"card","page":"https://primevue.org/card/","note":"PrimeVue 官方文档里的「卡片」公开演示（Basic）"},{"id":"cs2-lib-ant-design--tooltip--tour--v0","name":"Tooltip · Ant Design · Hello World!","url":"https://ant.design/components/tour#semantic-dom","type":"style","pricing":"free","tags":["React","Ant Design"],"ct":["tooltip"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Ant Design","kind":"tooltip","page":"https://ant.design/components/tour","note":"Ant Design 官方文档里的「气泡」公开演示（Hello World!）"},{"id":"cs2-lib-tdesign-tencent-com--toast--notification--v0","name":"Toast · TDesign · 基础的消息通知","url":"https://tdesign.tencent.com/vue-next/components/notification#基础的消息通知","type":"style","pricing":"free","tags":["React","Vue","TDesign"],"ct":["toast"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"TDesign","kind":"toast","page":"https://tdesign.tencent.com/vue-next/components/notification","note":"TDesign 官方文档里的「通知」公开演示（基础的消息通知）"},{"id":"cs2-lib-quasar-dev--table--table--v3","name":"Table · Quasar · Infering columns from data","url":"https://quasar.dev/vue-components/table/#example--infercolumns--infering-columns-from-data","type":"style","pricing":"free","tags":["Vue","Quasar"],"ct":["table"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Quasar","kind":"table","page":"https://quasar.dev/vue-components/table","note":"Quasar 官方文档里的「表格」公开演示（Infering columns from data）"},{"id":"cs2-lib-flowbite-com--input--forms-textarea--v1","name":"Input · Flowbite · WYSIWYG Editor","url":"https://flowbite.com/docs/forms/textarea/","type":"style","pricing":"freemium","tags":["CSS","React","Vue","Svelte","Flowbite"],"ct":["input"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Flowbite","kind":"input","page":"https://flowbite.com/docs/forms/textarea/","note":"Flowbite 官方文档里的「输入框」公开演示（WYSIWYG Editor）"},{"id":"cs2-lib-vuetifyjs-com--card--cards--v3","name":"Card · Vuetify","url":"https://vuetifyjs.com/en/components/cards/#variants","type":"style","pricing":"free","tags":["Vue","Vuetify"],"ct":["card"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Vuetify","kind":"card","page":"https://vuetifyjs.com/en/components/cards/","note":"Vuetify 官方文档里的「卡片」公开演示"},{"id":"cs2-lib-mui-com-material-ui--button--button--v3","name":"Button · Material UI · Loading","url":"https://mui.com/material-ui/react-button/#loading-2","type":"style","pricing":"free","tags":["React","Material UI"],"ct":["button"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Material UI","kind":"button","page":"https://mui.com/material-ui/react-button/","note":"Material UI 官方文档里的「按钮」公开演示（Loading）"},{"id":"cs2-lib-mantine-dev--chart--charts-pie-chart--v0","name":"Chart · Mantine · Size","url":"https://mantine.dev/charts/pie-chart/#mdx","type":"style","pricing":"free","tags":["React","Mantine"],"ct":["chart"],"vs":["minimal","enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Mantine","kind":"chart","page":"https://mantine.dev/charts/pie-chart/","note":"Mantine 官方文档里的「图表」公开演示（Size）"},{"id":"cs2-lib-daisyui-com--layout--stack--v1","name":"Layout · daisyUI · stacked images","url":"https://daisyui.com/components/stack/#stacked-images","type":"style","pricing":"free","tags":["CSS","daisyUI"],"ct":["layout"],"vs":["playful","soft"],"rt":["component-demo"],"section":"组件样式","libName":"daisyUI","kind":"layout","page":"https://daisyui.com/components/stack/","note":"daisyUI 官方文档里的「区块」公开演示（stacked images）"},{"id":"cs2-lib-primevue-org--card--card--v2","name":"Card · PrimeVue · With Form","url":"https://primevue.dev/card/#__nuxt","type":"style","pricing":"freemium","tags":["Vue","PrimeVue"],"ct":["card"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"PrimeVue","kind":"card","page":"https://primevue.org/card/","note":"PrimeVue 官方文档里的「卡片」公开演示（With Form）"},{"id":"cs2-lib-ant-design--card--qr-code--v0","name":"Card · Ant Design","url":"https://ant.design/components/qr-code","type":"style","pricing":"free","tags":["React","Ant Design"],"ct":["card"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Ant Design","kind":"card","page":"https://ant.design/components/qr-code","note":"Ant Design 官方文档里的「卡片」公开演示"},{"id":"cs2-lib-tdesign-tencent-com--toast--notification--v1","name":"Toast · TDesign · 带图标的消息通知","url":"https://tdesign.tencent.com/vue-next/components/notification#带图标的消息通知","type":"style","pricing":"free","tags":["React","Vue","TDesign"],"ct":["toast"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"TDesign","kind":"toast","page":"https://tdesign.tencent.com/vue-next/components/notification","note":"TDesign 官方文档里的「通知」公开演示（带图标的消息通知）"},{"id":"cs2-lib-quasar-dev--date--date--v0","name":"Date picker · Quasar · Basic","url":"https://quasar.dev/vue-components/date/#example--basic--basic","type":"style","pricing":"free","tags":["Vue","Quasar"],"ct":["date"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Quasar","kind":"date","page":"https://quasar.dev/vue-components/date","note":"Quasar 官方文档里的「日期」公开演示（Basic）"},{"id":"cs2-lib-flowbite-com--input--forms-textarea--v2","name":"Input · Flowbite · Comment box","url":"https://flowbite.com/docs/forms/textarea/","type":"style","pricing":"freemium","tags":["CSS","React","Vue","Svelte","Flowbite"],"ct":["input"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Flowbite","kind":"input","page":"https://flowbite.com/docs/forms/textarea/","note":"Flowbite 官方文档里的「输入框」公开演示（Comment box）"},{"id":"cs2-lib-vuetifyjs-com--select--selects--v2","name":"Select · Vuetify","url":"https://vuetifyjs.com/en/components/selects/#custom-title-and-value","type":"style","pricing":"free","tags":["Vue","Vuetify"],"ct":["select"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Vuetify","kind":"select","page":"https://vuetifyjs.com/en/components/selects/","note":"Vuetify 官方文档里的「选择器」公开演示"},{"id":"cs2-lib-mui-com-material-ui--nav--stepper--v1","name":"Navigation · Material UI · Linear","url":"https://mui.com/material-ui/react-stepper/#linear","type":"style","pricing":"free","tags":["React","Material UI"],"ct":["nav"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Material UI","kind":"nav","page":"https://mui.com/material-ui/react-stepper/","note":"Material UI 官方文档里的「导航」公开演示（Linear）"},{"id":"cs2-lib-mantine-dev--chart--charts-pie-chart--v1","name":"Chart · Mantine · Segment color","url":"https://mantine.dev/charts/pie-chart/#mdx","type":"style","pricing":"free","tags":["React","Mantine"],"ct":["chart"],"vs":["minimal","enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Mantine","kind":"chart","page":"https://mantine.dev/charts/pie-chart/","note":"Mantine 官方文档里的「图表」公开演示（Segment color）"},{"id":"cs2-lib-daisyui-com--layout--stack--v2","name":"Layout · daisyUI · stacked images","url":"https://daisyui.com/components/stack/#stacked-images","type":"style","pricing":"free","tags":["CSS","daisyUI"],"ct":["layout"],"vs":["playful","soft"],"rt":["component-demo"],"section":"组件样式","libName":"daisyUI","kind":"layout","page":"https://daisyui.com/components/stack/","note":"daisyUI 官方文档里的「区块」公开演示（stacked images）"},{"id":"cs2-lib-primevue-org--card--card--v3","name":"Card · PrimeVue · Advanced","url":"https://primevue.dev/card/#__nuxt","type":"style","pricing":"freemium","tags":["Vue","PrimeVue"],"ct":["card"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"PrimeVue","kind":"card","page":"https://primevue.org/card/","note":"PrimeVue 官方文档里的「卡片」公开演示（Advanced）"},{"id":"cs2-lib-ant-design--card--qr-code--v1","name":"Card · Ant Design · base","url":"https://ant.design/components/qr-code#qr-code-demo-base","type":"style","pricing":"free","tags":["React","Ant Design"],"ct":["card"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Ant Design","kind":"card","page":"https://ant.design/components/qr-code","note":"Ant Design 官方文档里的「卡片」公开演示（base）"},{"id":"cs2-lib-tdesign-tencent-com--toast--notification--v2","name":"Toast · TDesign · 带操作的消息通知","url":"https://tdesign.tencent.com/vue-next/components/notification#带操作的消息通知","type":"style","pricing":"free","tags":["React","Vue","TDesign"],"ct":["toast"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"TDesign","kind":"toast","page":"https://tdesign.tencent.com/vue-next/components/notification","note":"TDesign 官方文档里的「通知」公开演示（带操作的消息通知）"},{"id":"cs2-lib-quasar-dev--date--date--v1","name":"Date picker · Quasar · Landscape","url":"https://quasar.dev/vue-components/date/#example--landscape--landscape","type":"style","pricing":"free","tags":["Vue","Quasar"],"ct":["date"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Quasar","kind":"date","page":"https://quasar.dev/vue-components/date","note":"Quasar 官方文档里的「日期」公开演示（Landscape）"},{"id":"cs2-lib-flowbite-com--input--forms-input-field--v2","name":"Input · Flowbite · Validation","url":"https://flowbite.com/docs/forms/input-field/","type":"style","pricing":"freemium","tags":["CSS","React","Vue","Svelte","Flowbite"],"ct":["input"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Flowbite","kind":"input","page":"https://flowbite.com/docs/forms/input-field/","note":"Flowbite 官方文档里的「输入框」公开演示（Validation）"},{"id":"cs2-lib-vuetifyjs-com--select--selects--v3","name":"Select · Vuetify","url":"https://vuetifyjs.com/en/components/selects/#custom-title-and-value","type":"style","pricing":"free","tags":["Vue","Vuetify"],"ct":["select"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Vuetify","kind":"select","page":"https://vuetifyjs.com/en/components/selects/","note":"Vuetify 官方文档里的「选择器」公开演示"},{"id":"cs2-lib-mui-com-material-ui--nav--stepper--v2","name":"Navigation · Material UI · Non-linear","url":"https://mui.com/material-ui/react-stepper/#non-linear","type":"style","pricing":"free","tags":["React","Material UI"],"ct":["nav"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Material UI","kind":"nav","page":"https://mui.com/material-ui/react-stepper/","note":"Material UI 官方文档里的「导航」公开演示（Non-linear）"},{"id":"cs2-lib-mantine-dev--chart--charts-pie-chart--v2","name":"Chart · Mantine · Segments stroke","url":"https://mantine.dev/charts/pie-chart/#mdx","type":"style","pricing":"free","tags":["React","Mantine"],"ct":["chart"],"vs":["minimal","enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Mantine","kind":"chart","page":"https://mantine.dev/charts/pie-chart/","note":"Mantine 官方文档里的「图表」公开演示（Segments stroke）"},{"id":"cs2-lib-daisyui-com--layout--stack--v3","name":"Layout · daisyUI · stacked cards","url":"https://daisyui.com/components/stack/#stacked-cards","type":"style","pricing":"free","tags":["CSS","daisyUI"],"ct":["layout"],"vs":["playful","soft"],"rt":["component-demo"],"section":"组件样式","libName":"daisyUI","kind":"layout","page":"https://daisyui.com/components/stack/","note":"daisyUI 官方文档里的「区块」公开演示（stacked cards）"},{"id":"cs2-lib-primevue-org--menu--splitbutton--v2","name":"Menu · PrimeVue · Icons","url":"https://primevue.dev/splitbutton/#__nuxt","type":"style","pricing":"freemium","tags":["Vue","PrimeVue"],"ct":["menu"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"PrimeVue","kind":"menu","page":"https://primevue.org/splitbutton/","note":"PrimeVue 官方文档里的「菜单」公开演示（Icons）"},{"id":"cs2-lib-ant-design--card--qr-code--v2","name":"Card · Ant Design · base","url":"https://ant.design/components/qr-code#qr-code-demo-base","type":"style","pricing":"free","tags":["React","Ant Design"],"ct":["card"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Ant Design","kind":"card","page":"https://ant.design/components/qr-code","note":"Ant Design 官方文档里的「卡片」公开演示（base）"},{"id":"cs2-lib-tdesign-tencent-com--toast--notification--v3","name":"Toast · TDesign · 位置控制","url":"https://tdesign.tencent.com/vue-next/components/notification#位置控制","type":"style","pricing":"free","tags":["React","Vue","TDesign"],"ct":["toast"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"TDesign","kind":"toast","page":"https://tdesign.tencent.com/vue-next/components/notification","note":"TDesign 官方文档里的「通知」公开演示（位置控制）"},{"id":"cs2-lib-quasar-dev--date--date--v2","name":"Date picker · Quasar · Multiple days","url":"https://quasar.dev/vue-components/date/#example--selectionmultiple--multiple-days","type":"style","pricing":"free","tags":["Vue","Quasar"],"ct":["date"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Quasar","kind":"date","page":"https://quasar.dev/vue-components/date","note":"Quasar 官方文档里的「日期」公开演示（Multiple days）"},{"id":"cs2-lib-flowbite-com--input--forms-search-input--v0","name":"Input · Flowbite · Search bar example","url":"https://flowbite.com/docs/forms/search-input/","type":"style","pricing":"freemium","tags":["CSS","React","Vue","Svelte","Flowbite"],"ct":["input"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Flowbite","kind":"input","page":"https://flowbite.com/docs/forms/search-input/","note":"Flowbite 官方文档里的「输入框」公开演示（Search bar example）"},{"id":"cs2-lib-vuetifyjs-com--form--sliders--v1","name":"Form · Vuetify","url":"https://vuetifyjs.com/en/components/sliders/#ticks","type":"style","pricing":"free","tags":["Vue","Vuetify"],"ct":["form"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Vuetify","kind":"form","page":"https://vuetifyjs.com/en/components/sliders/","note":"Vuetify 官方文档里的「表单」公开演示"},{"id":"cs2-lib-mui-com-material-ui--card--card--v2","name":"Card · Material UI · Outlined Card","url":"https://mui.com/material-ui/react-card/#outlined-card","type":"style","pricing":"free","tags":["React","Material UI"],"ct":["card"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Material UI","kind":"card","page":"https://mui.com/material-ui/react-card/","note":"Material UI 官方文档里的「卡片」公开演示（Outlined Card）"},{"id":"cs2-lib-mantine-dev--accordion--core-accordion--v0","name":"Accordion · Mantine · Keyboard interactions","url":"https://mantine.dev/core/accordion/#mdx","type":"style","pricing":"free","tags":["React","Mantine"],"ct":["accordion"],"vs":["minimal","enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Mantine","kind":"accordion","page":"https://mantine.dev/core/accordion/","note":"Mantine 官方文档里的「折叠面板」公开演示（Keyboard interactions）"},{"id":"cs2-lib-daisyui-com--chat--chat--v1","name":"Chat · daisyUI · Chat with image","url":"https://daisyui.com/components/chat/#chat-with-image","type":"style","pricing":"free","tags":["CSS","daisyUI"],"ct":["chat"],"vs":["playful","soft"],"rt":["component-demo"],"section":"组件样式","libName":"daisyUI","kind":"chat","page":"https://daisyui.com/components/chat/","note":"daisyUI 官方文档里的「聊天」公开演示（Chat with image）"},{"id":"cs2-lib-primevue-org--slider--knob--v0","name":"Slider · PrimeVue","url":"https://primevue.dev/knob/","type":"style","pricing":"freemium","tags":["Vue","PrimeVue"],"ct":["slider"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"PrimeVue","kind":"slider","page":"https://primevue.org/knob/","note":"PrimeVue 官方文档里的「滑块」公开演示"},{"id":"cs2-lib-ant-design--card--qr-code--v3","name":"Card · Ant Design · other status","url":"https://ant.design/components/qr-code#qr-code-demo-status","type":"style","pricing":"free","tags":["React","Ant Design"],"ct":["card"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Ant Design","kind":"card","page":"https://ant.design/components/qr-code","note":"Ant Design 官方文档里的「卡片」公开演示（other status）"},{"id":"cs2-lib-tdesign-tencent-com--input--input--v0","name":"Input · TDesign · 基础输入框","url":"https://tdesign.tencent.com/vue-next/components/input#基础输入框","type":"style","pricing":"free","tags":["React","Vue","TDesign"],"ct":["input"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"TDesign","kind":"input","page":"https://tdesign.tencent.com/vue-next/components/input","note":"TDesign 官方文档里的「输入框」公开演示（基础输入框）"},{"id":"cs2-lib-quasar-dev--date--date--v3","name":"Date picker · Quasar · Single Range","url":"https://quasar.dev/vue-components/date/#example--selectionrange--single-range","type":"style","pricing":"free","tags":["Vue","Quasar"],"ct":["date"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Quasar","kind":"date","page":"https://quasar.dev/vue-components/date","note":"Quasar 官方文档里的「日期」公开演示（Single Range）"},{"id":"cs2-lib-flowbite-com--input--forms-search-input--v1","name":"Input · Flowbite · Search with dropdown","url":"https://flowbite.com/docs/forms/search-input/","type":"style","pricing":"freemium","tags":["CSS","React","Vue","Svelte","Flowbite"],"ct":["input"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Flowbite","kind":"input","page":"https://flowbite.com/docs/forms/search-input/","note":"Flowbite 官方文档里的「输入框」公开演示（Search with dropdown）"},{"id":"cs2-lib-vuetifyjs-com--form--sliders--v3","name":"Form · Vuetify","url":"https://vuetifyjs.com/en/components/sliders/#ticks","type":"style","pricing":"free","tags":["Vue","Vuetify"],"ct":["form"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Vuetify","kind":"form","page":"https://vuetifyjs.com/en/components/sliders/","note":"Vuetify 官方文档里的「表单」公开演示"},{"id":"cs2-lib-mui-com-material-ui--card--card--v3","name":"Card · Material UI · Complex Interaction","url":"https://mui.com/material-ui/react-card/#complex-interaction","type":"style","pricing":"free","tags":["React","Material UI"],"ct":["card"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Material UI","kind":"card","page":"https://mui.com/material-ui/react-card/","note":"Material UI 官方文档里的「卡片」公开演示（Complex Interaction）"},{"id":"cs2-lib-mantine-dev--chart--charts-donut-chart--v0","name":"Chart · Mantine · Size and thickness","url":"https://mantine.dev/charts/donut-chart/#mdx","type":"style","pricing":"free","tags":["React","Mantine"],"ct":["chart"],"vs":["minimal","enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Mantine","kind":"chart","page":"https://mantine.dev/charts/donut-chart/","note":"Mantine 官方文档里的「图表」公开演示（Size and thickness）"},{"id":"cs2-lib-daisyui-com--chat--chat--v2","name":"Chat · daisyUI","url":"https://daisyui.com/components/chat/#chat-with-image-header-and-footer","type":"style","pricing":"free","tags":["CSS","daisyUI"],"ct":["chat"],"vs":["playful","soft"],"rt":["component-demo"],"section":"组件样式","libName":"daisyUI","kind":"chat","page":"https://daisyui.com/components/chat/","note":"daisyUI 官方文档里的「聊天」公开演示"},{"id":"cs2-lib-primevue-org--slider--knob--v1","name":"Slider · PrimeVue · Basic","url":"https://primevue.dev/knob/#__nuxt","type":"style","pricing":"freemium","tags":["Vue","PrimeVue"],"ct":["slider"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"PrimeVue","kind":"slider","page":"https://primevue.org/knob/","note":"PrimeVue 官方文档里的「滑块」公开演示（Basic）"},{"id":"cs2-lib-ant-design--menu--dropdown--v1","name":"Menu · Ant Design · Basic","url":"https://ant.design/components/dropdown#dropdown-demo-basic","type":"style","pricing":"free","tags":["React","Ant Design"],"ct":["menu"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Ant Design","kind":"menu","page":"https://ant.design/components/dropdown","note":"Ant Design 官方文档里的「菜单」公开演示（Basic）"},{"id":"cs2-lib-tdesign-tencent-com--input--input--v1","name":"Input · TDesign · 前后置标签输入框","url":"https://tdesign.tencent.com/vue-next/components/input#前后置标签输入框","type":"style","pricing":"free","tags":["React","Vue","TDesign"],"ct":["input"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"TDesign","kind":"input","page":"https://tdesign.tencent.com/vue-next/components/input","note":"TDesign 官方文档里的「输入框」公开演示（前后置标签输入框）"},{"id":"cs2-lib-quasar-dev--dialog--dialog--v1","name":"Dialog · Quasar · Styling","url":"https://quasar.dev/vue-components/dialog/#example--style--styling","type":"style","pricing":"free","tags":["Vue","Quasar"],"ct":["dialog"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Quasar","kind":"dialog","page":"https://quasar.dev/vue-components/dialog","note":"Quasar 官方文档里的「弹窗」公开演示（Styling）"},{"id":"cs2-lib-flowbite-com--input--forms-search-input--v2","name":"Input · Flowbite · Simple search input","url":"https://flowbite.com/docs/forms/search-input/","type":"style","pricing":"freemium","tags":["CSS","React","Vue","Svelte","Flowbite"],"ct":["input"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Flowbite","kind":"input","page":"https://flowbite.com/docs/forms/search-input/","note":"Flowbite 官方文档里的「输入框」公开演示（Simple search input）"},{"id":"cs2-lib-mui-com-material-ui--toast--snackbar--v1","name":"Toast · Material UI · Position","url":"https://mui.com/material-ui/react-snackbar/#position","type":"style","pricing":"free","tags":["React","Material UI"],"ct":["toast"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Material UI","kind":"toast","page":"https://mui.com/material-ui/react-snackbar/","note":"Material UI 官方文档里的「通知」公开演示（Position）"},{"id":"cs2-lib-mantine-dev--chart--charts-donut-chart--v1","name":"Chart · Mantine · Padding angle","url":"https://mantine.dev/charts/donut-chart/#mdx","type":"style","pricing":"free","tags":["React","Mantine"],"ct":["chart"],"vs":["minimal","enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Mantine","kind":"chart","page":"https://mantine.dev/charts/donut-chart/","note":"Mantine 官方文档里的「图表」公开演示（Padding angle）"},{"id":"cs2-lib-daisyui-com--button--button--v2","name":"Button · daisyUI · Responsive button","url":"https://daisyui.com/components/button/#responsive-button","type":"style","pricing":"free","tags":["CSS","daisyUI"],"ct":["button"],"vs":["playful","soft"],"rt":["component-demo"],"section":"组件样式","libName":"daisyUI","kind":"button","page":"https://daisyui.com/components/button/","note":"daisyUI 官方文档里的「按钮」公开演示（Responsive button）"},{"id":"cs2-lib-primevue-org--nav--stepper--v0","name":"Navigation · PrimeVue","url":"https://primevue.dev/stepper/","type":"style","pricing":"freemium","tags":["Vue","PrimeVue"],"ct":["nav"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"PrimeVue","kind":"nav","page":"https://primevue.org/stepper/","note":"PrimeVue 官方文档里的「导航」公开演示"},{"id":"cs2-lib-ant-design--menu--dropdown--v2","name":"Menu · Ant Design · Placement","url":"https://ant.design/components/dropdown#dropdown-demo-placement","type":"style","pricing":"free","tags":["React","Ant Design"],"ct":["menu"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Ant Design","kind":"menu","page":"https://ant.design/components/dropdown","note":"Ant Design 官方文档里的「菜单」公开演示（Placement）"},{"id":"cs2-lib-tdesign-tencent-com--input--input--v2","name":"Input · TDesign · 组合输入框","url":"https://tdesign.tencent.com/vue-next/components/input#组合输入框","type":"style","pricing":"free","tags":["React","Vue","TDesign"],"ct":["input"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"TDesign","kind":"input","page":"https://tdesign.tencent.com/vue-next/components/input","note":"TDesign 官方文档里的「输入框」公开演示（组合输入框）"},{"id":"cs2-lib-quasar-dev--dialog--dialog--v2","name":"Dialog · Quasar","url":"https://quasar.dev/vue-components/dialog/#example--backdropfilter--backdrop-filter-v2-14-8","type":"style","pricing":"free","tags":["Vue","Quasar"],"ct":["dialog"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Quasar","kind":"dialog","page":"https://quasar.dev/vue-components/dialog","note":"Quasar 官方文档里的「弹窗」公开演示"},{"id":"cs2-lib-flowbite-com--input--forms-search-input--v3","name":"Input · Flowbite · Location search","url":"https://flowbite.com/docs/forms/search-input/","type":"style","pricing":"freemium","tags":["CSS","React","Vue","Svelte","Flowbite"],"ct":["input"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Flowbite","kind":"input","page":"https://flowbite.com/docs/forms/search-input/","note":"Flowbite 官方文档里的「输入框」公开演示（Location search）"},{"id":"cs2-lib-mui-com-material-ui--toast--snackbar--v2","name":"Toast · Material UI · Content","url":"https://mui.com/material-ui/react-snackbar/#content","type":"style","pricing":"free","tags":["React","Material UI"],"ct":["toast"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Material UI","kind":"toast","page":"https://mui.com/material-ui/react-snackbar/","note":"Material UI 官方文档里的「通知」公开演示（Content）"},{"id":"cs2-lib-mantine-dev--chart--charts-donut-chart--v2","name":"Chart · Mantine · Segment color","url":"https://mantine.dev/charts/donut-chart/#mdx","type":"style","pricing":"free","tags":["React","Mantine"],"ct":["chart"],"vs":["minimal","enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Mantine","kind":"chart","page":"https://mantine.dev/charts/donut-chart/","note":"Mantine 官方文档里的「图表」公开演示（Segment color）"},{"id":"cs2-lib-daisyui-com--button--button--v3","name":"Button · daisyUI · Buttons colors","url":"https://daisyui.com/components/button/#buttons-colors","type":"style","pricing":"free","tags":["CSS","daisyUI"],"ct":["button"],"vs":["playful","soft"],"rt":["component-demo"],"section":"组件样式","libName":"daisyUI","kind":"button","page":"https://daisyui.com/components/button/","note":"daisyUI 官方文档里的「按钮」公开演示（Buttons colors）"},{"id":"cs2-lib-primevue-org--nav--stepper--v1","name":"Navigation · PrimeVue · Horizontal","url":"https://primevue.dev/stepper/#__nuxt","type":"style","pricing":"freemium","tags":["Vue","PrimeVue"],"ct":["nav"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"PrimeVue","kind":"nav","page":"https://primevue.org/stepper/","note":"PrimeVue 官方文档里的「导航」公开演示（Horizontal）"},{"id":"cs2-lib-ant-design--menu--dropdown--v3","name":"Menu · Ant Design · Placement","url":"https://ant.design/components/dropdown#dropdown-demo-placement","type":"style","pricing":"free","tags":["React","Ant Design"],"ct":["menu"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Ant Design","kind":"menu","page":"https://ant.design/components/dropdown","note":"Ant Design 官方文档里的「菜单」公开演示（Placement）"},{"id":"cs2-lib-tdesign-tencent-com--list--transfer--v0","name":"List · TDesign · 基础穿梭框","url":"https://tdesign.tencent.com/vue-next/components/transfer#基础穿梭框","type":"style","pricing":"free","tags":["React","Vue","TDesign"],"ct":["list"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"TDesign","kind":"list","page":"https://tdesign.tencent.com/vue-next/components/transfer","note":"TDesign 官方文档里的「列表」公开演示（基础穿梭框）"},{"id":"cs2-lib-quasar-dev--dialog--dialog--v3","name":"Dialog · Quasar · Positions","url":"https://quasar.dev/vue-components/dialog/#example--positioning--positions","type":"style","pricing":"free","tags":["Vue","Quasar"],"ct":["dialog"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Quasar","kind":"dialog","page":"https://quasar.dev/vue-components/dialog","note":"Quasar 官方文档里的「弹窗」公开演示（Positions）"},{"id":"cs2-lib-flowbite-com--slider--forms-range--v0","name":"Slider · Flowbite · Range slider example","url":"https://flowbite.com/docs/forms/range/","type":"style","pricing":"freemium","tags":["CSS","React","Vue","Svelte","Flowbite"],"ct":["slider"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Flowbite","kind":"slider","page":"https://flowbite.com/docs/forms/range/","note":"Flowbite 官方文档里的「滑块」公开演示（Range slider example）"},{"id":"cs2-lib-mui-com-material-ui--toast--snackbar--v3","name":"Toast · Material UI","url":"https://mui.com/material-ui/react-snackbar/#use-with-floating-action-buttons","type":"style","pricing":"free","tags":["React","Material UI"],"ct":["toast"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Material UI","kind":"toast","page":"https://mui.com/material-ui/react-snackbar/","note":"Material UI 官方文档里的「通知」公开演示"},{"id":"cs2-lib-mantine-dev--chart--charts-donut-chart--v3","name":"Chart · Mantine · Segments stroke","url":"https://mantine.dev/charts/donut-chart/#mdx","type":"style","pricing":"free","tags":["React","Mantine"],"ct":["chart"],"vs":["minimal","enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Mantine","kind":"chart","page":"https://mantine.dev/charts/donut-chart/","note":"Mantine 官方文档里的「图表」公开演示（Segments stroke）"},{"id":"cs2-lib-daisyui-com--toast--toast--v0","name":"Toast · daisyUI","url":"https://daisyui.com/components/toast/","type":"style","pricing":"free","tags":["CSS","daisyUI"],"ct":["toast"],"vs":["playful","soft"],"rt":["component-demo"],"section":"组件样式","libName":"daisyUI","kind":"toast","page":"https://daisyui.com/components/toast/","note":"daisyUI 官方文档里的「通知」公开演示"},{"id":"cs2-lib-primevue-org--nav--stepper--v2","name":"Navigation · PrimeVue · Vertical","url":"https://primevue.dev/stepper/#__nuxt","type":"style","pricing":"freemium","tags":["Vue","PrimeVue"],"ct":["nav"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"PrimeVue","kind":"nav","page":"https://primevue.org/stepper/","note":"PrimeVue 官方文档里的「导航」公开演示（Vertical）"},{"id":"cs2-lib-ant-design--loader--spin--v0","name":"Loader · Ant Design · Basic Usage","url":"https://ant.design/components/spin","type":"style","pricing":"free","tags":["React","Ant Design"],"ct":["loader"],"vs":["enterprise"],"rt":["component-demo","motion"],"section":"组件样式","libName":"Ant Design","kind":"loader","page":"https://ant.design/components/spin","note":"Ant Design 官方文档里的「加载」公开演示（Basic Usage）"},{"id":"cs2-lib-tdesign-tencent-com--date--calendar--v0","name":"Date picker · TDesign · 卡片模式日历","url":"https://tdesign.tencent.com/vue-next/components/calendar#卡片模式日历","type":"style","pricing":"free","tags":["React","Vue","TDesign"],"ct":["date"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"TDesign","kind":"date","page":"https://tdesign.tencent.com/vue-next/components/calendar","note":"TDesign 官方文档里的「日期」公开演示（卡片模式日历）"},{"id":"cs2-lib-quasar-dev--card--card--v0","name":"Card · Quasar · Cards with actions","url":"https://quasar.dev/vue-components/card/#example--actions--cards-with-actions","type":"style","pricing":"free","tags":["Vue","Quasar"],"ct":["card"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Quasar","kind":"card","page":"https://quasar.dev/vue-components/card","note":"Quasar 官方文档里的「卡片」公开演示（Cards with actions）"},{"id":"cs2-lib-flowbite-com--date--forms-timepicker--v1","name":"Date picker · Flowbite · Timepicker with icon","url":"https://flowbite.com/docs/forms/timepicker/","type":"style","pricing":"freemium","tags":["CSS","React","Vue","Svelte","Flowbite"],"ct":["date"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Flowbite","kind":"date","page":"https://flowbite.com/docs/forms/timepicker/","note":"Flowbite 官方文档里的「日期」公开演示（Timepicker with icon）"},{"id":"cs2-lib-mui-com-material-ui--dialog--dialog--v2","name":"Dialog · Material UI · Alerts","url":"https://mui.com/material-ui/react-dialog/#alerts","type":"style","pricing":"free","tags":["React","Material UI"],"ct":["dialog"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Material UI","kind":"dialog","page":"https://mui.com/material-ui/react-dialog/","note":"Material UI 官方文档里的「弹窗」公开演示（Alerts）"},{"id":"cs2-lib-mantine-dev--date--dates-calendar--v0","name":"Date picker · Mantine","url":"https://mantine.dev/dates/calendar/#mdx","type":"style","pricing":"free","tags":["React","Mantine"],"ct":["date"],"vs":["minimal","enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Mantine","kind":"date","page":"https://mantine.dev/dates/calendar/","note":"Mantine 官方文档里的「日期」公开演示"},{"id":"cs2-lib-daisyui-com--toast--toast--v1","name":"Toast · daisyUI · toast with alert inside","url":"https://daisyui.com/components/toast/#toast-with-alert-inside","type":"style","pricing":"free","tags":["CSS","daisyUI"],"ct":["toast"],"vs":["playful","soft"],"rt":["component-demo"],"section":"组件样式","libName":"daisyUI","kind":"toast","page":"https://daisyui.com/components/toast/","note":"daisyUI 官方文档里的「通知」公开演示（toast with alert inside）"},{"id":"cs2-lib-primevue-org--toast--toast--v2","name":"Toast · PrimeVue · Severity","url":"https://primevue.dev/toast/#__nuxt","type":"style","pricing":"freemium","tags":["Vue","PrimeVue"],"ct":["toast"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"PrimeVue","kind":"toast","page":"https://primevue.org/toast/","note":"PrimeVue 官方文档里的「通知」公开演示（Severity）"},{"id":"cs2-lib-ant-design--loader--spin--v1","name":"Loader · Ant Design · Alert message title","url":"https://ant.design/components/spin#spin-demo-basic","type":"style","pricing":"free","tags":["React","Ant Design"],"ct":["loader"],"vs":["enterprise"],"rt":["component-demo","motion"],"section":"组件样式","libName":"Ant Design","kind":"loader","page":"https://ant.design/components/spin","note":"Ant Design 官方文档里的「加载」公开演示（Alert message title）"},{"id":"cs2-lib-tdesign-tencent-com--date--calendar--v1","name":"Date picker · TDesign · 切换模式 日历\\月历","url":"https://tdesign.tencent.com/vue-next/components/calendar#切换模式-日历-月历","type":"style","pricing":"free","tags":["React","Vue","TDesign"],"ct":["date"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"TDesign","kind":"date","page":"https://tdesign.tencent.com/vue-next/components/calendar","note":"TDesign 官方文档里的「日期」公开演示（切换模式 日历\\月历）"},{"id":"cs2-lib-quasar-dev--card--card--v1","name":"Card · Quasar · Aligning actions","url":"https://quasar.dev/vue-components/card/#example--actionsalignment--aligning-actions","type":"style","pricing":"free","tags":["Vue","Quasar"],"ct":["card"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Quasar","kind":"card","page":"https://quasar.dev/vue-components/card","note":"Quasar 官方文档里的「卡片」公开演示（Aligning actions）"},{"id":"cs2-lib-flowbite-com--input--forms-floating-label--v2","name":"Input · Flowbite · Disabled state","url":"https://flowbite.com/docs/forms/floating-label/","type":"style","pricing":"freemium","tags":["CSS","React","Vue","Svelte","Flowbite"],"ct":["input"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Flowbite","kind":"input","page":"https://flowbite.com/docs/forms/floating-label/","note":"Flowbite 官方文档里的「输入框」公开演示（Disabled state）"},{"id":"cs2-lib-mui-com-material-ui--menu--menu--v0","name":"Menu · Material UI · Basic menu","url":"https://mui.com/material-ui/react-menu/#basic-menu","type":"style","pricing":"free","tags":["React","Material UI"],"ct":["menu"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Material UI","kind":"menu","page":"https://mui.com/material-ui/react-menu/","note":"Material UI 官方文档里的「菜单」公开演示（Basic menu）"},{"id":"cs2-lib-mantine-dev--date--dates-calendar--v2","name":"Date picker · Mantine · Custom date pickers","url":"https://mantine.dev/dates/calendar/#mdx","type":"style","pricing":"free","tags":["React","Mantine"],"ct":["date"],"vs":["minimal","enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Mantine","kind":"date","page":"https://mantine.dev/dates/calendar/","note":"Mantine 官方文档里的「日期」公开演示（Custom date pickers）"},{"id":"cs2-lib-daisyui-com--toast--toast--v2","name":"Toast · daisyUI · toast-top toast-start","url":"https://daisyui.com/components/toast/#toast-top-toast-start","type":"style","pricing":"free","tags":["CSS","daisyUI"],"ct":["toast"],"vs":["playful","soft"],"rt":["component-demo"],"section":"组件样式","libName":"daisyUI","kind":"toast","page":"https://daisyui.com/components/toast/","note":"daisyUI 官方文档里的「通知」公开演示（toast-top toast-start）"},{"id":"cs2-lib-primevue-org--button--button--v2","name":"Button · PrimeVue · Icons","url":"https://primevue.dev/button/#__nuxt","type":"style","pricing":"freemium","tags":["Vue","PrimeVue"],"ct":["button"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"PrimeVue","kind":"button","page":"https://primevue.org/button/","note":"PrimeVue 官方文档里的「按钮」公开演示（Icons）"},{"id":"cs2-lib-ant-design--loader--spin--v2","name":"Loader · Ant Design · Alert message title","url":"https://ant.design/components/spin#spin-demo-basic","type":"style","pricing":"free","tags":["React","Ant Design"],"ct":["loader"],"vs":["enterprise"],"rt":["component-demo","motion"],"section":"组件样式","libName":"Ant Design","kind":"loader","page":"https://ant.design/components/spin","note":"Ant Design 官方文档里的「加载」公开演示（Alert message title）"},{"id":"cs2-lib-tdesign-tencent-com--avatar--avatar--v0","name":"Avatar · TDesign · 头像类型","url":"https://tdesign.tencent.com/vue-next/components/avatar#头像类型","type":"style","pricing":"free","tags":["React","Vue","TDesign"],"ct":["avatar"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"TDesign","kind":"avatar","page":"https://tdesign.tencent.com/vue-next/components/avatar","note":"TDesign 官方文档里的「头像」公开演示（头像类型）"},{"id":"cs2-lib-quasar-dev--card--card--v2","name":"Card · Quasar · Card with video","url":"https://quasar.dev/vue-components/card/#example--video--card-with-video","type":"style","pricing":"free","tags":["Vue","Quasar"],"ct":["card"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Quasar","kind":"card","page":"https://quasar.dev/vue-components/card","note":"Quasar 官方文档里的「卡片」公开演示（Card with video）"},{"id":"cs2-lib-flowbite-com--input--forms-floating-label--v3","name":"Input · Flowbite · Validation","url":"https://flowbite.com/docs/forms/floating-label/","type":"style","pricing":"freemium","tags":["CSS","React","Vue","Svelte","Flowbite"],"ct":["input"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Flowbite","kind":"input","page":"https://flowbite.com/docs/forms/floating-label/","note":"Flowbite 官方文档里的「输入框」公开演示（Validation）"},{"id":"cs2-lib-mui-com-material-ui--menu--menu--v1","name":"Menu · Material UI · Icon menu","url":"https://mui.com/material-ui/react-menu/#icon-menu","type":"style","pricing":"free","tags":["React","Material UI"],"ct":["menu"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Material UI","kind":"menu","page":"https://mui.com/material-ui/react-menu/","note":"Material UI 官方文档里的「菜单」公开演示（Icon menu）"},{"id":"cs2-lib-mantine-dev--menu--core-menu--v0","name":"Menu · Mantine · Dropdown position","url":"https://mantine.dev/core/menu/#mdx","type":"style","pricing":"free","tags":["React","Mantine"],"ct":["menu"],"vs":["minimal","enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Mantine","kind":"menu","page":"https://mantine.dev/core/menu/","note":"Mantine 官方文档里的「菜单」公开演示（Dropdown position）"},{"id":"cs2-lib-daisyui-com--toast--toast--v3","name":"Toast · daisyUI · toast-top toast-center","url":"https://daisyui.com/components/toast/#toast-top-toast-center","type":"style","pricing":"free","tags":["CSS","daisyUI"],"ct":["toast"],"vs":["playful","soft"],"rt":["component-demo"],"section":"组件样式","libName":"daisyUI","kind":"toast","page":"https://daisyui.com/components/toast/","note":"daisyUI 官方文档里的「通知」公开演示（toast-top toast-center）"},{"id":"cs2-lib-primevue-org--tabs--tabs--v2","name":"Tabs · PrimeVue · Dynamic","url":"https://primevue.dev/tabs/#__nuxt","type":"style","pricing":"freemium","tags":["Vue","PrimeVue"],"ct":["tabs"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"PrimeVue","kind":"tabs","page":"https://primevue.org/tabs/","note":"PrimeVue 官方文档里的「标签页」公开演示（Dynamic）"},{"id":"cs2-lib-ant-design--button--float-button--v0","name":"Button · Ant Design · Basic","url":"https://ant.design/components/float-button","type":"style","pricing":"free","tags":["React","Ant Design"],"ct":["button"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Ant Design","kind":"button","page":"https://ant.design/components/float-button","note":"Ant Design 官方文档里的「按钮」公开演示（Basic）"},{"id":"cs2-lib-tdesign-tencent-com--avatar--avatar--v2","name":"Avatar · TDesign · 头像大小","url":"https://tdesign.tencent.com/vue-next/components/avatar#头像大小","type":"style","pricing":"free","tags":["React","Vue","TDesign"],"ct":["avatar"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"TDesign","kind":"avatar","page":"https://tdesign.tencent.com/vue-next/components/avatar","note":"TDesign 官方文档里的「头像」公开演示（头像大小）"},{"id":"cs2-lib-quasar-dev--card--card--v3","name":"Card · Quasar · Card with parallax","url":"https://quasar.dev/vue-components/card/#example--parallax--card-with-parallax","type":"style","pricing":"free","tags":["Vue","Quasar"],"ct":["card"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Quasar","kind":"card","page":"https://quasar.dev/vue-components/card","note":"Quasar 官方文档里的「卡片」公开演示（Card with parallax）"},{"id":"cs2-lib-flowbite-com--table--tables--v1","name":"Table · Flowbite · Striped rows","url":"https://flowbite.com/docs/components/tables/","type":"style","pricing":"freemium","tags":["CSS","React","Vue","Svelte","Flowbite"],"ct":["table"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Flowbite","kind":"table","page":"https://flowbite.com/docs/components/tables/","note":"Flowbite 官方文档里的「表格」公开演示（Striped rows）"},{"id":"cs2-lib-mui-com-material-ui--menu--menu--v2","name":"Menu · Material UI · Dense menu","url":"https://mui.com/material-ui/react-menu/#dense-menu","type":"style","pricing":"free","tags":["React","Material UI"],"ct":["menu"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Material UI","kind":"menu","page":"https://mui.com/material-ui/react-menu/","note":"Material UI 官方文档里的「菜单」公开演示（Dense menu）"},{"id":"cs2-lib-mantine-dev--menu--core-menu--v1","name":"Menu · Mantine · Custom component as target","url":"https://mantine.dev/core/menu/#mdx","type":"style","pricing":"free","tags":["React","Mantine"],"ct":["menu"],"vs":["minimal","enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Mantine","kind":"menu","page":"https://mantine.dev/core/menu/","note":"Mantine 官方文档里的「菜单」公开演示（Custom component as target）"},{"id":"cs2-lib-daisyui-com--nav--navbar--v1","name":"Navigation · daisyUI","url":"https://daisyui.com/components/navbar/#navbar-with-title-and-icon","type":"style","pricing":"free","tags":["CSS","daisyUI"],"ct":["nav"],"vs":["playful","soft"],"rt":["component-demo"],"section":"组件样式","libName":"daisyUI","kind":"nav","page":"https://daisyui.com/components/navbar/","note":"daisyUI 官方文档里的「导航」公开演示"},{"id":"cs2-lib-primevue-org--tabs--tabs--v3","name":"Tabs · PrimeVue · Controlled","url":"https://primevue.dev/tabs/#__nuxt","type":"style","pricing":"freemium","tags":["Vue","PrimeVue"],"ct":["tabs"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"PrimeVue","kind":"tabs","page":"https://primevue.org/tabs/","note":"PrimeVue 官方文档里的「标签页」公开演示（Controlled）"},{"id":"cs2-lib-ant-design--button--float-button--v1","name":"Button · Ant Design · FloatButton with tooltip","url":"https://ant.design/components/float-button#float-button-demo-basic","type":"style","pricing":"free","tags":["React","Ant Design"],"ct":["button"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Ant Design","kind":"button","page":"https://ant.design/components/float-button","note":"Ant Design 官方文档里的「按钮」公开演示（FloatButton with tooltip）"},{"id":"cs2-lib-tdesign-tencent-com--loader--skeleton--v0","name":"Loader · TDesign · 基础骨架屏","url":"https://tdesign.tencent.com/vue-next/components/skeleton#基础骨架屏","type":"style","pricing":"free","tags":["React","Vue","TDesign"],"ct":["loader"],"vs":["enterprise"],"rt":["component-demo","motion"],"section":"组件样式","libName":"TDesign","kind":"loader","page":"https://tdesign.tencent.com/vue-next/components/skeleton","note":"TDesign 官方文档里的「加载」公开演示（基础骨架屏）"},{"id":"cs2-lib-flowbite-com--table--tables--v3","name":"Table · Flowbite · Hover state","url":"https://flowbite.com/docs/components/tables/","type":"style","pricing":"freemium","tags":["CSS","React","Vue","Svelte","Flowbite"],"ct":["table"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Flowbite","kind":"table","page":"https://flowbite.com/docs/components/tables/","note":"Flowbite 官方文档里的「表格」公开演示（Hover state）"},{"id":"cs2-lib-mui-com-material-ui--tabs--tabs--v1","name":"Tabs · Material UI · Experimental API","url":"https://mui.com/material-ui/react-tabs/#experimental-api","type":"style","pricing":"free","tags":["React","Material UI"],"ct":["tabs"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Material UI","kind":"tabs","page":"https://mui.com/material-ui/react-tabs/","note":"Material UI 官方文档里的「标签页」公开演示（Experimental API）"},{"id":"cs2-lib-mantine-dev--chart--charts-radar-chart--v0","name":"Chart · Mantine · Change color","url":"https://mantine.dev/charts/radar-chart/#mdx","type":"style","pricing":"free","tags":["React","Mantine"],"ct":["chart"],"vs":["minimal","enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Mantine","kind":"chart","page":"https://mantine.dev/charts/radar-chart/","note":"Mantine 官方文档里的「图表」公开演示（Change color）"},{"id":"cs2-lib-daisyui-com--tabs--tab--v3","name":"Tabs · daisyUI · tabs-box","url":"https://daisyui.com/components/tab/#tabs-box","type":"style","pricing":"free","tags":["CSS","daisyUI"],"ct":["tabs"],"vs":["playful","soft"],"rt":["component-demo"],"section":"组件样式","libName":"daisyUI","kind":"tabs","page":"https://daisyui.com/components/tab/","note":"daisyUI 官方文档里的「标签页」公开演示（tabs-box）"},{"id":"cs2-lib-primevue-org--chart--chart--v0","name":"Chart · PrimeVue","url":"https://primevue.dev/chart/","type":"style","pricing":"freemium","tags":["Vue","PrimeVue"],"ct":["chart"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"PrimeVue","kind":"chart","page":"https://primevue.org/chart/","note":"PrimeVue 官方文档里的「图表」公开演示"},{"id":"cs2-lib-ant-design--button--float-button--v2","name":"Button · Ant Design · placement","url":"https://ant.design/components/float-button#float-button-demo-tooltip","type":"style","pricing":"free","tags":["React","Ant Design"],"ct":["button"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Ant Design","kind":"button","page":"https://ant.design/components/float-button","note":"Ant Design 官方文档里的「按钮」公开演示（placement）"},{"id":"cs2-lib-tdesign-tencent-com--loader--skeleton--v1","name":"Loader · TDesign · 带动画效果的骨架屏","url":"https://tdesign.tencent.com/vue-next/components/skeleton#带动画效果的骨架屏","type":"style","pricing":"free","tags":["React","Vue","TDesign"],"ct":["loader"],"vs":["enterprise"],"rt":["component-demo","motion"],"section":"组件样式","libName":"TDesign","kind":"loader","page":"https://tdesign.tencent.com/vue-next/components/skeleton","note":"TDesign 官方文档里的「加载」公开演示（带动画效果的骨架屏）"},{"id":"cs2-lib-flowbite-com--card--card--v1","name":"Card · Flowbite · Card with button","url":"https://flowbite.com/docs/components/card/","type":"style","pricing":"freemium","tags":["CSS","React","Vue","Svelte","Flowbite"],"ct":["card"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Flowbite","kind":"card","page":"https://flowbite.com/docs/components/card/","note":"Flowbite 官方文档里的「卡片」公开演示（Card with button）"},{"id":"cs2-lib-mui-com-material-ui--tabs--tabs--v2","name":"Tabs · Material UI · With lab API","url":"https://mui.com/material-ui/react-tabs/#with-lab-api","type":"style","pricing":"free","tags":["React","Material UI"],"ct":["tabs"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Material UI","kind":"tabs","page":"https://mui.com/material-ui/react-tabs/","note":"Material UI 官方文档里的「标签页」公开演示（With lab API）"},{"id":"cs2-lib-mantine-dev--progress--core-ring-progress--v0","name":"Progress · Mantine","url":"https://mantine.dev/core/ring-progress/#mdx","type":"style","pricing":"free","tags":["React","Mantine"],"ct":["progress"],"vs":["minimal","enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Mantine","kind":"progress","page":"https://mantine.dev/core/ring-progress/","note":"Mantine 官方文档里的「进度」公开演示"},{"id":"cs2-lib-daisyui-com--table--table--v3","name":"Table · daisyUI","url":"https://daisyui.com/components/table/#table-with-a-row-that-highlights-on-hover","type":"style","pricing":"free","tags":["CSS","daisyUI"],"ct":["table"],"vs":["playful","soft"],"rt":["component-demo"],"section":"组件样式","libName":"daisyUI","kind":"table","page":"https://daisyui.com/components/table/","note":"daisyUI 官方文档里的「表格」公开演示"},{"id":"cs2-lib-primevue-org--chart--chart--v1","name":"Chart · PrimeVue · Basic","url":"https://primevue.dev/chart/#__nuxt","type":"style","pricing":"freemium","tags":["Vue","PrimeVue"],"ct":["chart"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"PrimeVue","kind":"chart","page":"https://primevue.org/chart/","note":"PrimeVue 官方文档里的「图表」公开演示（Basic）"},{"id":"cs2-lib-ant-design--button--float-button--v3","name":"Button · Ant Design · draggable","url":"https://ant.design/components/float-button#float-button-demo-tooltip","type":"style","pricing":"free","tags":["React","Ant Design"],"ct":["button"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Ant Design","kind":"button","page":"https://ant.design/components/float-button","note":"Ant Design 官方文档里的「按钮」公开演示（draggable）"},{"id":"cs2-lib-tdesign-tencent-com--loader--loading--v1","name":"Loader · TDesign · 文字加载","url":"https://tdesign.tencent.com/vue-next/components/loading#文字加载","type":"style","pricing":"free","tags":["React","Vue","TDesign"],"ct":["loader"],"vs":["enterprise"],"rt":["component-demo","motion"],"section":"组件样式","libName":"TDesign","kind":"loader","page":"https://tdesign.tencent.com/vue-next/components/loading","note":"TDesign 官方文档里的「加载」公开演示（文字加载）"},{"id":"cs2-lib-flowbite-com--card--card--v2","name":"Card · Flowbite · Card with link","url":"https://flowbite.com/docs/components/card/","type":"style","pricing":"freemium","tags":["CSS","React","Vue","Svelte","Flowbite"],"ct":["card"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Flowbite","kind":"card","page":"https://flowbite.com/docs/components/card/","note":"Flowbite 官方文档里的「卡片」公开演示（Card with link）"},{"id":"cs2-lib-mui-com-material-ui--tabs--tabs--v3","name":"Tabs · Material UI · With standard API","url":"https://mui.com/material-ui/react-tabs/#with-standard-api","type":"style","pricing":"free","tags":["React","Material UI"],"ct":["tabs"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Material UI","kind":"tabs","page":"https://mui.com/material-ui/react-tabs/","note":"Material UI 官方文档里的「标签页」公开演示（With standard API）"},{"id":"cs2-lib-mantine-dev--progress--core-ring-progress--v1","name":"Progress · Mantine · Customize label","url":"https://mantine.dev/core/ring-progress/#mdx","type":"style","pricing":"free","tags":["React","Mantine"],"ct":["progress"],"vs":["minimal","enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Mantine","kind":"progress","page":"https://mantine.dev/core/ring-progress/","note":"Mantine 官方文档里的「进度」公开演示（Customize label）"},{"id":"cs2-lib-daisyui-com--date--calendar--v0","name":"Date picker · daisyUI · Cally calendar example","url":"https://daisyui.com/components/calendar/#cally-calendar-example","type":"style","pricing":"free","tags":["CSS","daisyUI"],"ct":["date"],"vs":["playful","soft"],"rt":["component-demo"],"section":"组件样式","libName":"daisyUI","kind":"date","page":"https://daisyui.com/components/calendar/","note":"daisyUI 官方文档里的「日期」公开演示（Cally calendar example）"},{"id":"cs2-lib-primevue-org--chart--chart--v2","name":"Chart · PrimeVue · Pie","url":"https://primevue.dev/chart/#__nuxt","type":"style","pricing":"freemium","tags":["Vue","PrimeVue"],"ct":["chart"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"PrimeVue","kind":"chart","page":"https://primevue.org/chart/","note":"PrimeVue 官方文档里的「图表」公开演示（Pie）"},{"id":"cs2-lib-ant-design--table--table--v1","name":"Table · Ant Design · Basic Usage","url":"https://ant.design/components/table#table-demo-basic","type":"style","pricing":"free","tags":["React","Ant Design"],"ct":["table"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Ant Design","kind":"table","page":"https://ant.design/components/table","note":"Ant Design 官方文档里的「表格」公开演示（Basic Usage）"},{"id":"cs2-lib-tdesign-tencent-com--loader--loading--v3","name":"Loader · TDesign · 不同尺寸的加载","url":"https://tdesign.tencent.com/vue-next/components/loading#不同尺寸的加载","type":"style","pricing":"free","tags":["React","Vue","TDesign"],"ct":["loader"],"vs":["enterprise"],"rt":["component-demo","motion"],"section":"组件样式","libName":"TDesign","kind":"loader","page":"https://tdesign.tencent.com/vue-next/components/loading","note":"TDesign 官方文档里的「加载」公开演示（不同尺寸的加载）"},{"id":"cs2-lib-flowbite-com--card--card--v3","name":"Card · Flowbite · Card with image","url":"https://flowbite.com/docs/components/card/","type":"style","pricing":"freemium","tags":["CSS","React","Vue","Svelte","Flowbite"],"ct":["card"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Flowbite","kind":"card","page":"https://flowbite.com/docs/components/card/","note":"Flowbite 官方文档里的「卡片」公开演示（Card with image）"},{"id":"cs2-lib-mui-com-material-ui--avatar--avatar--v1","name":"Avatar · Material UI · Spacing","url":"https://mui.com/material-ui/react-avatar/#spacing","type":"style","pricing":"free","tags":["React","Material UI"],"ct":["avatar"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Material UI","kind":"avatar","page":"https://mui.com/material-ui/react-avatar/","note":"Material UI 官方文档里的「头像」公开演示（Spacing）"},{"id":"cs2-lib-mantine-dev--progress--core-ring-progress--v2","name":"Progress · Mantine · Filled segment transition","url":"https://mantine.dev/core/ring-progress/#mdx","type":"style","pricing":"free","tags":["React","Mantine"],"ct":["progress"],"vs":["minimal","enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Mantine","kind":"progress","page":"https://mantine.dev/core/ring-progress/","note":"Mantine 官方文档里的「进度」公开演示（Filled segment transition）"},{"id":"cs2-lib-daisyui-com--date--calendar--v1","name":"Date picker · daisyUI · Cally date picker example","url":"https://daisyui.com/components/calendar/#cally-date-picker-example","type":"style","pricing":"free","tags":["CSS","daisyUI"],"ct":["date"],"vs":["playful","soft"],"rt":["component-demo"],"section":"组件样式","libName":"daisyUI","kind":"date","page":"https://daisyui.com/components/calendar/","note":"daisyUI 官方文档里的「日期」公开演示（Cally date picker example）"},{"id":"cs2-lib-primevue-org--chart--chart--v3","name":"Chart · PrimeVue · Doughnut","url":"https://primevue.dev/chart/#__nuxt","type":"style","pricing":"freemium","tags":["Vue","PrimeVue"],"ct":["chart"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"PrimeVue","kind":"chart","page":"https://primevue.org/chart/","note":"PrimeVue 官方文档里的「图表」公开演示（Doughnut）"},{"id":"cs2-lib-ant-design--table--table--v2","name":"Table · Ant Design · JSX style API","url":"https://ant.design/components/table#table-demo-jsx","type":"style","pricing":"free","tags":["React","Ant Design"],"ct":["table"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Ant Design","kind":"table","page":"https://ant.design/components/table","note":"Ant Design 官方文档里的「表格」公开演示（JSX style API）"},{"id":"cs2-lib-tdesign-tencent-com--toast--message--v0","name":"Toast · TDesign · 普通全局提示","url":"https://tdesign.tencent.com/vue-next/components/message#普通全局提示","type":"style","pricing":"free","tags":["React","Vue","TDesign"],"ct":["toast"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"TDesign","kind":"toast","page":"https://tdesign.tencent.com/vue-next/components/message","note":"TDesign 官方文档里的「通知」公开演示（普通全局提示）"},{"id":"cs2-lib-flowbite-com--button--buttons--v0","name":"Button · Flowbite · Default button","url":"https://flowbite.com/docs/components/buttons/","type":"style","pricing":"freemium","tags":["CSS","React","Vue","Svelte","Flowbite"],"ct":["button"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Flowbite","kind":"button","page":"https://flowbite.com/docs/components/buttons/","note":"Flowbite 官方文档里的「按钮」公开演示（Default button）"},{"id":"cs2-lib-mui-com-material-ui--avatar--avatar--v2","name":"Avatar · Material UI · With badge","url":"https://mui.com/material-ui/react-avatar/#with-badge","type":"style","pricing":"free","tags":["React","Material UI"],"ct":["avatar"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Material UI","kind":"avatar","page":"https://mui.com/material-ui/react-avatar/","note":"Material UI 官方文档里的「头像」公开演示（With badge）"},{"id":"cs2-lib-mantine-dev--loader--core-skeleton--v0","name":"Loader · Mantine · With content","url":"https://mantine.dev/core/skeleton/#mdx","type":"style","pricing":"free","tags":["React","Mantine"],"ct":["loader"],"vs":["minimal","enterprise"],"rt":["component-demo","motion"],"section":"组件样式","libName":"Mantine","kind":"loader","page":"https://mantine.dev/core/skeleton/","note":"Mantine 官方文档里的「加载」公开演示（With content）"},{"id":"cs2-lib-daisyui-com--menu--dropdown--v3","name":"Menu · daisyUI","url":"https://daisyui.com/components/dropdown/#dropdown--aligns-to-start-of-button-horizontally","type":"style","pricing":"free","tags":["CSS","daisyUI"],"ct":["menu"],"vs":["playful","soft"],"rt":["component-demo"],"section":"组件样式","libName":"daisyUI","kind":"menu","page":"https://daisyui.com/components/dropdown/","note":"daisyUI 官方文档里的「菜单」公开演示"},{"id":"cs2-lib-primevue-org--table--datatable--v0","name":"Table · PrimeVue","url":"https://primevue.dev/datatable/","type":"style","pricing":"freemium","tags":["Vue","PrimeVue"],"ct":["table"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"PrimeVue","kind":"table","page":"https://primevue.org/datatable/","note":"PrimeVue 官方文档里的「表格」公开演示"},{"id":"cs2-lib-ant-design--button--button--v0","name":"Button · Ant Design","url":"https://ant.design/components/button","type":"style","pricing":"free","tags":["React","Ant Design"],"ct":["button"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Ant Design","kind":"button","page":"https://ant.design/components/button","note":"Ant Design 官方文档里的「按钮」公开演示"},{"id":"cs2-lib-tdesign-tencent-com--toast--message--v1","name":"Toast · TDesign · 加载中信息提示","url":"https://tdesign.tencent.com/vue-next/components/message#加载中信息提示","type":"style","pricing":"free","tags":["React","Vue","TDesign"],"ct":["toast"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"TDesign","kind":"toast","page":"https://tdesign.tencent.com/vue-next/components/message","note":"TDesign 官方文档里的「通知」公开演示（加载中信息提示）"},{"id":"cs2-lib-flowbite-com--button--buttons--v2","name":"Button · Flowbite · Gradient monochrome","url":"https://flowbite.com/docs/components/buttons/","type":"style","pricing":"freemium","tags":["CSS","React","Vue","Svelte","Flowbite"],"ct":["button"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Flowbite","kind":"button","page":"https://flowbite.com/docs/components/buttons/","note":"Flowbite 官方文档里的「按钮」公开演示（Gradient monochrome）"},{"id":"cs2-lib-mui-com-material-ui--select--select--v2","name":"Select · Material UI · Labels and helper text","url":"https://mui.com/material-ui/react-select/#labels-and-helper-text","type":"style","pricing":"free","tags":["React","Material UI"],"ct":["select"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Material UI","kind":"select","page":"https://mui.com/material-ui/react-select/","note":"Material UI 官方文档里的「选择器」公开演示（Labels and helper text）"},{"id":"cs2-lib-mantine-dev--tooltip--core-hover-card--v1","name":"Tooltip · Mantine · Keyboard interactions","url":"https://mantine.dev/core/hover-card/#mdx","type":"style","pricing":"free","tags":["React","Mantine"],"ct":["tooltip"],"vs":["minimal","enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Mantine","kind":"tooltip","page":"https://mantine.dev/core/hover-card/","note":"Mantine 官方文档里的「气泡」公开演示（Keyboard interactions）"},{"id":"cs2-lib-daisyui-com--dialog--modal--v0","name":"Dialog · daisyUI · Dialog modal","url":"https://daisyui.com/components/modal/#dialog-modal","type":"style","pricing":"free","tags":["CSS","daisyUI"],"ct":["dialog"],"vs":["playful","soft"],"rt":["component-demo"],"section":"组件样式","libName":"daisyUI","kind":"dialog","page":"https://daisyui.com/components/modal/","note":"daisyUI 官方文档里的「弹窗」公开演示（Dialog modal）"},{"id":"cs2-lib-primevue-org--date--datepicker--v0","name":"Date picker · PrimeVue","url":"https://primevue.dev/datepicker/","type":"style","pricing":"freemium","tags":["Vue","PrimeVue"],"ct":["date"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"PrimeVue","kind":"date","page":"https://primevue.org/datepicker/","note":"PrimeVue 官方文档里的「日期」公开演示"},{"id":"cs2-lib-ant-design--button--button--v1","name":"Button · Ant Design · Syntactic sugar","url":"https://ant.design/components/button#button-demo-basic","type":"style","pricing":"free","tags":["React","Ant Design"],"ct":["button"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Ant Design","kind":"button","page":"https://ant.design/components/button","note":"Ant Design 官方文档里的「按钮」公开演示（Syntactic sugar）"},{"id":"cs2-lib-tdesign-tencent-com--toast--message--v2","name":"Toast · TDesign · 带关闭按钮的全局提示","url":"https://tdesign.tencent.com/vue-next/components/message#带关闭按钮的全局提示","type":"style","pricing":"free","tags":["React","Vue","TDesign"],"ct":["toast"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"TDesign","kind":"toast","page":"https://tdesign.tencent.com/vue-next/components/message","note":"TDesign 官方文档里的「通知」公开演示（带关闭按钮的全局提示）"},{"id":"cs2-lib-flowbite-com--button--buttons--v3","name":"Button · Flowbite · Gradient duotone","url":"https://flowbite.com/docs/components/buttons/","type":"style","pricing":"freemium","tags":["CSS","React","Vue","Svelte","Flowbite"],"ct":["button"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Flowbite","kind":"button","page":"https://flowbite.com/docs/components/buttons/","note":"Flowbite 官方文档里的「按钮」公开演示（Gradient duotone）"},{"id":"cs2-lib-mui-com-material-ui--tooltip--tooltip--v0","name":"Tooltip · Material UI · Positioned tooltips","url":"https://mui.com/material-ui/react-tooltip/#positioned-tooltips","type":"style","pricing":"free","tags":["React","Material UI"],"ct":["tooltip"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Material UI","kind":"tooltip","page":"https://mui.com/material-ui/react-tooltip/","note":"Material UI 官方文档里的「气泡」公开演示（Positioned tooltips）"},{"id":"cs2-lib-mantine-dev--chart--charts-sparkline--v0","name":"Chart · Mantine","url":"https://mantine.dev/charts/sparkline/#mdx","type":"style","pricing":"free","tags":["React","Mantine"],"ct":["chart"],"vs":["minimal","enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Mantine","kind":"chart","page":"https://mantine.dev/charts/sparkline/","note":"Mantine 官方文档里的「图表」公开演示"},{"id":"cs2-lib-daisyui-com--loader--loading--v0","name":"Loader · daisyUI","url":"https://daisyui.com/components/loading/","type":"style","pricing":"free","tags":["CSS","daisyUI"],"ct":["loader"],"vs":["playful","soft"],"rt":["component-demo","motion"],"section":"组件样式","libName":"daisyUI","kind":"loader","page":"https://daisyui.com/components/loading/","note":"daisyUI 官方文档里的「加载」公开演示"},{"id":"cs2-lib-primevue-org--upload--fileupload--v1","name":"Upload · PrimeVue · Basic","url":"https://primevue.dev/fileupload/#__nuxt","type":"style","pricing":"freemium","tags":["Vue","PrimeVue"],"ct":["upload"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"PrimeVue","kind":"upload","page":"https://primevue.org/fileupload/","note":"PrimeVue 官方文档里的「上传」公开演示（Basic）"},{"id":"cs2-lib-ant-design--button--button--v2","name":"Button · Ant Design · Icon","url":"https://ant.design/components/button#button-demo-icon","type":"style","pricing":"free","tags":["React","Ant Design"],"ct":["button"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Ant Design","kind":"button","page":"https://ant.design/components/button","note":"Ant Design 官方文档里的「按钮」公开演示（Icon）"},{"id":"cs2-lib-tdesign-tencent-com--dialog--dialog--v2","name":"Dialog · TDesign · 异步加载类对话框","url":"https://tdesign.tencent.com/vue-next/components/dialog#异步加载类对话框","type":"style","pricing":"free","tags":["React","Vue","TDesign"],"ct":["dialog"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"TDesign","kind":"dialog","page":"https://tdesign.tencent.com/vue-next/components/dialog","note":"TDesign 官方文档里的「弹窗」公开演示（异步加载类对话框）"},{"id":"cs2-lib-flowbite-com--toast--toast--v1","name":"Toast · Flowbite · Colors","url":"https://flowbite.com/docs/components/toast/","type":"style","pricing":"freemium","tags":["CSS","React","Vue","Svelte","Flowbite"],"ct":["toast"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Flowbite","kind":"toast","page":"https://flowbite.com/docs/components/toast/","note":"Flowbite 官方文档里的「通知」公开演示（Colors）"},{"id":"cs2-lib-mui-com-material-ui--tooltip--tooltip--v1","name":"Tooltip · Material UI · Customization","url":"https://mui.com/material-ui/react-tooltip/#customization","type":"style","pricing":"free","tags":["React","Material UI"],"ct":["tooltip"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Material UI","kind":"tooltip","page":"https://mui.com/material-ui/react-tooltip/","note":"Material UI 官方文档里的「气泡」公开演示（Customization）"},{"id":"cs2-lib-mantine-dev--chart--charts-heatmap--v0","name":"Chart · Mantine","url":"https://mantine.dev/charts/heatmap/#mdx","type":"style","pricing":"free","tags":["React","Mantine"],"ct":["chart"],"vs":["minimal","enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Mantine","kind":"chart","page":"https://mantine.dev/charts/heatmap/","note":"Mantine 官方文档里的「图表」公开演示"},{"id":"cs2-lib-daisyui-com--form--toggle--v1","name":"Form · daisyUI · With fieldset and label","url":"https://daisyui.com/components/toggle/#with-fieldset-and-label","type":"style","pricing":"free","tags":["CSS","daisyUI"],"ct":["form"],"vs":["playful","soft"],"rt":["component-demo"],"section":"组件样式","libName":"daisyUI","kind":"form","page":"https://daisyui.com/components/toggle/","note":"daisyUI 官方文档里的「表单」公开演示（With fieldset and label）"},{"id":"cs2-lib-primevue-org--upload--fileupload--v3","name":"Upload · PrimeVue · Advanced","url":"https://primevue.dev/fileupload/#__nuxt","type":"style","pricing":"freemium","tags":["Vue","PrimeVue"],"ct":["upload"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"PrimeVue","kind":"upload","page":"https://primevue.org/fileupload/","note":"PrimeVue 官方文档里的「上传」公开演示（Advanced）"},{"id":"cs2-lib-ant-design--button--button--v3","name":"Button · Ant Design · Icon","url":"https://ant.design/components/button#button-demo-icon","type":"style","pricing":"free","tags":["React","Ant Design"],"ct":["button"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Ant Design","kind":"button","page":"https://ant.design/components/button","note":"Ant Design 官方文档里的「按钮」公开演示（Icon）"},{"id":"cs2-lib-tdesign-tencent-com--dialog--dialog--v3","name":"Dialog · TDesign · 自定义类对话框","url":"https://tdesign.tencent.com/vue-next/components/dialog#自定义类对话框","type":"style","pricing":"free","tags":["React","Vue","TDesign"],"ct":["dialog"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"TDesign","kind":"dialog","page":"https://tdesign.tencent.com/vue-next/components/dialog","note":"TDesign 官方文档里的「弹窗」公开演示（自定义类对话框）"},{"id":"cs2-lib-flowbite-com--date--datepicker--v0","name":"Date picker · Flowbite · Datepicker example","url":"https://flowbite.com/docs/components/datepicker/","type":"style","pricing":"freemium","tags":["CSS","React","Vue","Svelte","Flowbite"],"ct":["date"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Flowbite","kind":"date","page":"https://flowbite.com/docs/components/datepicker/","note":"Flowbite 官方文档里的「日期」公开演示（Datepicker example）"},{"id":"cs2-lib-mui-com-material-ui--input--autocomplete--v1","name":"Input · Material UI","url":"https://mui.com/material-ui/react-autocomplete/#object-options-with-primitive-values","type":"style","pricing":"free","tags":["React","Material UI"],"ct":["input"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Material UI","kind":"input","page":"https://mui.com/material-ui/react-autocomplete/","note":"Material UI 官方文档里的「输入框」公开演示"},{"id":"cs2-lib-mantine-dev--select--core-select--v0","name":"Select · Mantine · Clear section mode","url":"https://mantine.dev/core/select/#mdx","type":"style","pricing":"free","tags":["React","Mantine"],"ct":["select"],"vs":["minimal","enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Mantine","kind":"select","page":"https://mantine.dev/core/select/","note":"Mantine 官方文档里的「选择器」公开演示（Clear section mode）"},{"id":"cs2-lib-daisyui-com--form--toggle--v2","name":"Form · daisyUI · Sizes","url":"https://daisyui.com/components/toggle/#sizes","type":"style","pricing":"free","tags":["CSS","daisyUI"],"ct":["form"],"vs":["playful","soft"],"rt":["component-demo"],"section":"组件样式","libName":"daisyUI","kind":"form","page":"https://daisyui.com/components/toggle/","note":"daisyUI 官方文档里的「表单」公开演示（Sizes）"},{"id":"cs2-lib-ant-design--toast--message--v0","name":"Toast · Ant Design · Hello, Ant Design!","url":"https://ant.design/components/message#semantic-dom","type":"style","pricing":"free","tags":["React","Ant Design"],"ct":["toast"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Ant Design","kind":"toast","page":"https://ant.design/components/message","note":"Ant Design 官方文档里的「通知」公开演示（Hello, Ant Design!）"},{"id":"cs2-lib-tdesign-tencent-com--tabs--tabs--v0","name":"Tabs · TDesign · 基础选项卡","url":"https://tdesign.tencent.com/vue-next/components/tabs#基础选项卡","type":"style","pricing":"free","tags":["React","Vue","TDesign"],"ct":["tabs"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"TDesign","kind":"tabs","page":"https://tdesign.tencent.com/vue-next/components/tabs","note":"TDesign 官方文档里的「标签页」公开演示（基础选项卡）"},{"id":"cs2-lib-flowbite-com--date--datepicker--v1","name":"Date picker · Flowbite · Inline datepicker","url":"https://flowbite.com/docs/components/datepicker/","type":"style","pricing":"freemium","tags":["CSS","React","Vue","Svelte","Flowbite"],"ct":["date"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Flowbite","kind":"date","page":"https://flowbite.com/docs/components/datepicker/","note":"Flowbite 官方文档里的「日期」公开演示（Inline datepicker）"},{"id":"cs2-lib-mui-com-material-ui--input--autocomplete--v2","name":"Input · Material UI · Country select","url":"https://mui.com/material-ui/react-autocomplete/#country-select","type":"style","pricing":"free","tags":["React","Material UI"],"ct":["input"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Material UI","kind":"input","page":"https://mui.com/material-ui/react-autocomplete/","note":"Material UI 官方文档里的「输入框」公开演示（Country select）"},{"id":"cs2-lib-mantine-dev--select--core-select--v1","name":"Select · Mantine · Allow deselect","url":"https://mantine.dev/core/select/#mdx","type":"style","pricing":"free","tags":["React","Mantine"],"ct":["select"],"vs":["minimal","enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Mantine","kind":"select","page":"https://mantine.dev/core/select/","note":"Mantine 官方文档里的「选择器」公开演示（Allow deselect）"},{"id":"cs2-lib-daisyui-com--form--toggle--v3","name":"Form · daisyUI · Colors","url":"https://daisyui.com/components/toggle/#colors","type":"style","pricing":"free","tags":["CSS","daisyUI"],"ct":["form"],"vs":["playful","soft"],"rt":["component-demo"],"section":"组件样式","libName":"daisyUI","kind":"form","page":"https://daisyui.com/components/toggle/","note":"daisyUI 官方文档里的「表单」公开演示（Colors）"},{"id":"cs2-lib-ant-design--nav--steps--v0","name":"Navigation · Ant Design · Finished","url":"https://ant.design/components/steps","type":"style","pricing":"free","tags":["React","Ant Design"],"ct":["nav"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Ant Design","kind":"nav","page":"https://ant.design/components/steps","note":"Ant Design 官方文档里的「导航」公开演示（Finished）"},{"id":"cs2-lib-tdesign-tencent-com--tabs--tabs--v1","name":"Tabs · TDesign · 带图标的选项卡","url":"https://tdesign.tencent.com/vue-next/components/tabs#带图标的选项卡","type":"style","pricing":"free","tags":["React","Vue","TDesign"],"ct":["tabs"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"TDesign","kind":"tabs","page":"https://tdesign.tencent.com/vue-next/components/tabs","note":"TDesign 官方文档里的「标签页」公开演示（带图标的选项卡）"},{"id":"cs2-lib-flowbite-com--tabs--tabs--v0","name":"Tabs · Flowbite · Default tabs","url":"https://flowbite.com/docs/components/tabs/","type":"style","pricing":"freemium","tags":["CSS","React","Vue","Svelte","Flowbite"],"ct":["tabs"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Flowbite","kind":"tabs","page":"https://flowbite.com/docs/components/tabs/","note":"Flowbite 官方文档里的「标签页」公开演示（Default tabs）"},{"id":"cs2-lib-mui-com-material-ui--input--autocomplete--v3","name":"Input · Material UI · Controlled states","url":"https://mui.com/material-ui/react-autocomplete/#controlled-states","type":"style","pricing":"free","tags":["React","Material UI"],"ct":["input"],"vs":["material"],"rt":["component-demo"],"section":"组件样式","libName":"Material UI","kind":"input","page":"https://mui.com/material-ui/react-autocomplete/","note":"Material UI 官方文档里的「输入框」公开演示（Controlled states）"},{"id":"cs2-lib-mantine-dev--select--core-select--v2","name":"Select · Mantine · Open on focus","url":"https://mantine.dev/core/select/#mdx","type":"style","pricing":"free","tags":["React","Mantine"],"ct":["select"],"vs":["minimal","enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Mantine","kind":"select","page":"https://mantine.dev/core/select/","note":"Mantine 官方文档里的「选择器」公开演示（Open on focus）"},{"id":"cs2-lib-daisyui-com--avatar--avatar--v0","name":"Avatar · daisyUI","url":"https://daisyui.com/components/avatar/#avatar","type":"style","pricing":"free","tags":["CSS","daisyUI"],"ct":["avatar"],"vs":["playful","soft"],"rt":["component-demo"],"section":"组件样式","libName":"daisyUI","kind":"avatar","page":"https://daisyui.com/components/avatar/","note":"daisyUI 官方文档里的「头像」公开演示"},{"id":"cs2-lib-ant-design--nav--steps--v1","name":"Navigation · Ant Design · Finished","url":"https://ant.design/components/steps#steps-demo-simple","type":"style","pricing":"free","tags":["React","Ant Design"],"ct":["nav"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Ant Design","kind":"nav","page":"https://ant.design/components/steps","note":"Ant Design 官方文档里的「导航」公开演示（Finished）"},{"id":"cs2-lib-tdesign-tencent-com--tabs--tabs--v2","name":"Tabs · TDesign · 增删选项卡","url":"https://tdesign.tencent.com/vue-next/components/tabs#增删选项卡","type":"style","pricing":"free","tags":["React","Vue","TDesign"],"ct":["tabs"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"TDesign","kind":"tabs","page":"https://tdesign.tencent.com/vue-next/components/tabs","note":"TDesign 官方文档里的「标签页」公开演示（增删选项卡）"},{"id":"cs2-lib-flowbite-com--tabs--tabs--v1","name":"Tabs · Flowbite · Tabs with underline","url":"https://flowbite.com/docs/components/tabs/","type":"style","pricing":"freemium","tags":["CSS","React","Vue","Svelte","Flowbite"],"ct":["tabs"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Flowbite","kind":"tabs","page":"https://flowbite.com/docs/components/tabs/","note":"Flowbite 官方文档里的「标签页」公开演示（Tabs with underline）"},{"id":"cs2-lib-mantine-dev--select--core-select--v3","name":"Select · Mantine · Checked option icon","url":"https://mantine.dev/core/select/#mdx","type":"style","pricing":"free","tags":["React","Mantine"],"ct":["select"],"vs":["minimal","enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Mantine","kind":"select","page":"https://mantine.dev/core/select/","note":"Mantine 官方文档里的「选择器」公开演示（Checked option icon）"},{"id":"cs2-lib-daisyui-com--avatar--avatar--v1","name":"Avatar · daisyUI · Avatar in custom sizes","url":"https://daisyui.com/components/avatar/#avatar-in-custom-sizes","type":"style","pricing":"free","tags":["CSS","daisyUI"],"ct":["avatar"],"vs":["playful","soft"],"rt":["component-demo"],"section":"组件样式","libName":"daisyUI","kind":"avatar","page":"https://daisyui.com/components/avatar/","note":"daisyUI 官方文档里的「头像」公开演示（Avatar in custom sizes）"},{"id":"cs2-lib-ant-design--dialog--modal--v0","name":"Dialog · Ant Design","url":"https://ant.design/components/modal","type":"style","pricing":"free","tags":["React","Ant Design"],"ct":["dialog"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Ant Design","kind":"dialog","page":"https://ant.design/components/modal","note":"Ant Design 官方文档里的「弹窗」公开演示"},{"id":"cs2-lib-tdesign-tencent-com--tabs--tabs--v3","name":"Tabs · TDesign · 不同尺寸的选项卡","url":"https://tdesign.tencent.com/vue-next/components/tabs#不同尺寸的选项卡","type":"style","pricing":"free","tags":["React","Vue","TDesign"],"ct":["tabs"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"TDesign","kind":"tabs","page":"https://tdesign.tencent.com/vue-next/components/tabs","note":"TDesign 官方文档里的「标签页」公开演示（不同尺寸的选项卡）"},{"id":"cs2-lib-flowbite-com--tabs--tabs--v2","name":"Tabs · Flowbite · Tabs with icons","url":"https://flowbite.com/docs/components/tabs/","type":"style","pricing":"freemium","tags":["CSS","React","Vue","Svelte","Flowbite"],"ct":["tabs"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Flowbite","kind":"tabs","page":"https://flowbite.com/docs/components/tabs/","note":"Flowbite 官方文档里的「标签页」公开演示（Tabs with icons）"},{"id":"cs2-lib-mantine-dev--carousel--x-carousel--v0","name":"Carousel · Mantine","url":"https://mantine.dev/x/carousel/#mdx","type":"style","pricing":"free","tags":["React","Mantine"],"ct":["carousel"],"vs":["minimal","enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Mantine","kind":"carousel","page":"https://mantine.dev/x/carousel/","note":"Mantine 官方文档里的「轮播」公开演示"},{"id":"cs2-lib-daisyui-com--avatar--avatar--v2","name":"Avatar · daisyUI · Avatar rounded","url":"https://daisyui.com/components/avatar/#avatar-rounded","type":"style","pricing":"free","tags":["CSS","daisyUI"],"ct":["avatar"],"vs":["playful","soft"],"rt":["component-demo"],"section":"组件样式","libName":"daisyUI","kind":"avatar","page":"https://daisyui.com/components/avatar/","note":"daisyUI 官方文档里的「头像」公开演示（Avatar rounded）"},{"id":"cs2-lib-ant-design--dialog--modal--v1","name":"Dialog · Ant Design · Basic","url":"https://ant.design/components/modal#modal-demo-basic","type":"style","pricing":"free","tags":["React","Ant Design"],"ct":["dialog"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Ant Design","kind":"dialog","page":"https://ant.design/components/modal","note":"Ant Design 官方文档里的「弹窗」公开演示（Basic）"},{"id":"cs2-lib-tdesign-tencent-com--upload--upload--v0","name":"Upload · TDesign · 基础文件上传","url":"https://tdesign.tencent.com/vue-next/components/upload#基础文件上传","type":"style","pricing":"free","tags":["React","Vue","TDesign"],"ct":["upload"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"TDesign","kind":"upload","page":"https://tdesign.tencent.com/vue-next/components/upload","note":"TDesign 官方文档里的「上传」公开演示（基础文件上传）"},{"id":"cs2-lib-flowbite-com--tabs--tabs--v3","name":"Tabs · Flowbite · Pills tabs","url":"https://flowbite.com/docs/components/tabs/","type":"style","pricing":"freemium","tags":["CSS","React","Vue","Svelte","Flowbite"],"ct":["tabs"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Flowbite","kind":"tabs","page":"https://flowbite.com/docs/components/tabs/","note":"Flowbite 官方文档里的「标签页」公开演示（Pills tabs）"},{"id":"cs2-lib-mantine-dev--carousel--x-carousel--v2","name":"Carousel · Mantine · Embla options","url":"https://mantine.dev/x/carousel/#mdx","type":"style","pricing":"free","tags":["React","Mantine"],"ct":["carousel"],"vs":["minimal","enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Mantine","kind":"carousel","page":"https://mantine.dev/x/carousel/","note":"Mantine 官方文档里的「轮播」公开演示（Embla options）"},{"id":"cs2-lib-daisyui-com--avatar--avatar--v3","name":"Avatar · daisyUI · Avatar with mask","url":"https://daisyui.com/components/avatar/#avatar-with-mask","type":"style","pricing":"free","tags":["CSS","daisyUI"],"ct":["avatar"],"vs":["playful","soft"],"rt":["component-demo"],"section":"组件样式","libName":"daisyUI","kind":"avatar","page":"https://daisyui.com/components/avatar/","note":"daisyUI 官方文档里的「头像」公开演示（Avatar with mask）"},{"id":"cs2-lib-ant-design--dialog--modal--v2","name":"Dialog · Ant Design · Basic","url":"https://ant.design/components/modal#modal-demo-basic","type":"style","pricing":"free","tags":["React","Ant Design"],"ct":["dialog"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Ant Design","kind":"dialog","page":"https://ant.design/components/modal","note":"Ant Design 官方文档里的「弹窗」公开演示（Basic）"},{"id":"cs2-lib-tdesign-tencent-com--upload--upload--v2","name":"Upload · TDesign · 基础图片上传","url":"https://tdesign.tencent.com/vue-next/components/upload#基础图片上传","type":"style","pricing":"free","tags":["React","Vue","TDesign"],"ct":["upload"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"TDesign","kind":"upload","page":"https://tdesign.tencent.com/vue-next/components/upload","note":"TDesign 官方文档里的「上传」公开演示（基础图片上传）"},{"id":"cs2-lib-flowbite-com--chat--chat-bubble--v0","name":"Chat · Flowbite · Default chat bubble","url":"https://flowbite.com/docs/components/chat-bubble/","type":"style","pricing":"freemium","tags":["CSS","React","Vue","Svelte","Flowbite"],"ct":["chat"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Flowbite","kind":"chat","page":"https://flowbite.com/docs/components/chat-bubble/","note":"Flowbite 官方文档里的「聊天」公开演示（Default chat bubble）"},{"id":"cs2-lib-mantine-dev--carousel--x-carousel--v3","name":"Carousel · Mantine · Size and gap","url":"https://mantine.dev/x/carousel/#mdx","type":"style","pricing":"free","tags":["React","Mantine"],"ct":["carousel"],"vs":["minimal","enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Mantine","kind":"carousel","page":"https://mantine.dev/x/carousel/","note":"Mantine 官方文档里的「轮播」公开演示（Size and gap）"},{"id":"cs2-lib-daisyui-com--card--card--v0","name":"Card · daisyUI · Pricing Card","url":"https://daisyui.com/components/card/#pricing-card","type":"style","pricing":"free","tags":["CSS","daisyUI"],"ct":["card"],"vs":["playful","soft"],"rt":["component-demo"],"section":"组件样式","libName":"daisyUI","kind":"card","page":"https://daisyui.com/components/card/","note":"daisyUI 官方文档里的「卡片」公开演示（Pricing Card）"},{"id":"cs2-lib-ant-design--dialog--modal--v3","name":"Dialog · Ant Design · Customized Footer","url":"https://ant.design/components/modal#modal-demo-footer","type":"style","pricing":"free","tags":["React","Ant Design"],"ct":["dialog"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Ant Design","kind":"dialog","page":"https://ant.design/components/modal","note":"Ant Design 官方文档里的「弹窗」公开演示（Customized Footer）"},{"id":"cs2-lib-tdesign-tencent-com--upload--upload--v3","name":"Upload · TDesign · 单文件/图片拖拽上传","url":"https://tdesign.tencent.com/vue-next/components/upload#单文件-图片拖拽上传","type":"style","pricing":"free","tags":["React","Vue","TDesign"],"ct":["upload"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"TDesign","kind":"upload","page":"https://tdesign.tencent.com/vue-next/components/upload","note":"TDesign 官方文档里的「上传」公开演示（单文件/图片拖拽上传）"},{"id":"cs2-lib-flowbite-com--chat--chat-bubble--v1","name":"Chat · Flowbite · Voice note message","url":"https://flowbite.com/docs/components/chat-bubble/","type":"style","pricing":"freemium","tags":["CSS","React","Vue","Svelte","Flowbite"],"ct":["chat"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Flowbite","kind":"chat","page":"https://flowbite.com/docs/components/chat-bubble/","note":"Flowbite 官方文档里的「聊天」公开演示（Voice note message）"},{"id":"cs2-lib-mantine-dev--tabs--core-tabs--v0","name":"Tabs · Mantine","url":"https://mantine.dev/core/tabs/#mdx","type":"style","pricing":"free","tags":["React","Mantine"],"ct":["tabs"],"vs":["minimal","enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Mantine","kind":"tabs","page":"https://mantine.dev/core/tabs/","note":"Mantine 官方文档里的「标签页」公开演示"},{"id":"cs2-lib-daisyui-com--card--card--v1","name":"Card · daisyUI · Card with badge","url":"https://daisyui.com/components/card/#card-with-badge","type":"style","pricing":"free","tags":["CSS","daisyUI"],"ct":["card"],"vs":["playful","soft"],"rt":["component-demo"],"section":"组件样式","libName":"daisyUI","kind":"card","page":"https://daisyui.com/components/card/","note":"daisyUI 官方文档里的「卡片」公开演示（Card with badge）"},{"id":"cs2-lib-ant-design--card--card--v0","name":"Card · Ant Design · Default size card","url":"https://ant.design/components/card","type":"style","pricing":"free","tags":["React","Ant Design"],"ct":["card"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Ant Design","kind":"card","page":"https://ant.design/components/card","note":"Ant Design 官方文档里的「卡片」公开演示（Default size card）"},{"id":"cs2-lib-tdesign-tencent-com--select--select--v0","name":"Select · TDesign · 单选选择器","url":"https://tdesign.tencent.com/vue-next/components/select#单选选择器","type":"style","pricing":"free","tags":["React","Vue","TDesign"],"ct":["select"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"TDesign","kind":"select","page":"https://tdesign.tencent.com/vue-next/components/select","note":"TDesign 官方文档里的「选择器」公开演示（单选选择器）"},{"id":"cs2-lib-flowbite-com--chat--chat-bubble--v2","name":"Chat · Flowbite · File attachment","url":"https://flowbite.com/docs/components/chat-bubble/","type":"style","pricing":"freemium","tags":["CSS","React","Vue","Svelte","Flowbite"],"ct":["chat"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Flowbite","kind":"chat","page":"https://flowbite.com/docs/components/chat-bubble/","note":"Flowbite 官方文档里的「聊天」公开演示（File attachment）"},{"id":"cs2-lib-mantine-dev--tabs--core-tabs--v1","name":"Tabs · Mantine · Change colors","url":"https://mantine.dev/core/tabs/#mdx","type":"style","pricing":"free","tags":["React","Mantine"],"ct":["tabs"],"vs":["minimal","enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Mantine","kind":"tabs","page":"https://mantine.dev/core/tabs/","note":"Mantine 官方文档里的「标签页」公开演示（Change colors）"},{"id":"cs2-lib-daisyui-com--card--card--v2","name":"Card · daisyUI · Card with bottom image","url":"https://daisyui.com/components/card/#card-with-bottom-image","type":"style","pricing":"free","tags":["CSS","daisyUI"],"ct":["card"],"vs":["playful","soft"],"rt":["component-demo"],"section":"组件样式","libName":"daisyUI","kind":"card","page":"https://daisyui.com/components/card/","note":"daisyUI 官方文档里的「卡片」公开演示（Card with bottom image）"},{"id":"cs2-lib-ant-design--card--card--v3","name":"Card · Ant Design · Europe Street beat","url":"https://ant.design/components/card#card-demo-simple","type":"style","pricing":"free","tags":["React","Ant Design"],"ct":["card"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Ant Design","kind":"card","page":"https://ant.design/components/card","note":"Ant Design 官方文档里的「卡片」公开演示（Europe Street beat）"},{"id":"cs2-lib-tdesign-tencent-com--select--select--v1","name":"Select · TDesign · 多选选择器","url":"https://tdesign.tencent.com/vue-next/components/select#多选选择器","type":"style","pricing":"free","tags":["React","Vue","TDesign"],"ct":["select"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"TDesign","kind":"select","page":"https://tdesign.tencent.com/vue-next/components/select","note":"TDesign 官方文档里的「选择器」公开演示（多选选择器）"},{"id":"cs2-lib-flowbite-com--chat--chat-bubble--v3","name":"Chat · Flowbite · Image attachment","url":"https://flowbite.com/docs/components/chat-bubble/","type":"style","pricing":"freemium","tags":["CSS","React","Vue","Svelte","Flowbite"],"ct":["chat"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Flowbite","kind":"chat","page":"https://flowbite.com/docs/components/chat-bubble/","note":"Flowbite 官方文档里的「聊天」公开演示（Image attachment）"},{"id":"cs2-lib-mantine-dev--tabs--core-tabs--v2","name":"Tabs · Mantine · Tabs position","url":"https://mantine.dev/core/tabs/#mdx","type":"style","pricing":"free","tags":["React","Mantine"],"ct":["tabs"],"vs":["minimal","enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Mantine","kind":"tabs","page":"https://mantine.dev/core/tabs/","note":"Mantine 官方文档里的「标签页」公开演示（Tabs position）"},{"id":"cs2-lib-daisyui-com--card--card--v3","name":"Card · daisyUI","url":"https://daisyui.com/components/card/#card-with-image-on-side","type":"style","pricing":"free","tags":["CSS","daisyUI"],"ct":["card"],"vs":["playful","soft"],"rt":["component-demo"],"section":"组件样式","libName":"daisyUI","kind":"card","page":"https://daisyui.com/components/card/","note":"daisyUI 官方文档里的「卡片」公开演示"},{"id":"cs2-lib-ant-design--tabs--tabs--v0","name":"Tabs · Ant Design","url":"https://ant.design/components/tabs","type":"style","pricing":"free","tags":["React","Ant Design"],"ct":["tabs"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Ant Design","kind":"tabs","page":"https://ant.design/components/tabs","note":"Ant Design 官方文档里的「标签页」公开演示"},{"id":"cs2-lib-tdesign-tencent-com--select--select--v3","name":"Select · TDesign · 不同状态的选择器","url":"https://tdesign.tencent.com/vue-next/components/select#不同状态的选择器","type":"style","pricing":"free","tags":["React","Vue","TDesign"],"ct":["select"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"TDesign","kind":"select","page":"https://tdesign.tencent.com/vue-next/components/select","note":"TDesign 官方文档里的「选择器」公开演示（不同状态的选择器）"},{"id":"cs2-lib-flowbite-com--carousel--carousel--v0","name":"Carousel · Flowbite · Default slider","url":"https://flowbite.com/docs/components/carousel/","type":"style","pricing":"freemium","tags":["CSS","React","Vue","Svelte","Flowbite"],"ct":["carousel"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Flowbite","kind":"carousel","page":"https://flowbite.com/docs/components/carousel/","note":"Flowbite 官方文档里的「轮播」公开演示（Default slider）"},{"id":"cs2-lib-mantine-dev--form--core-slider--v0","name":"Form · Mantine","url":"https://mantine.dev/core/slider/#mdx","type":"style","pricing":"free","tags":["React","Mantine"],"ct":["form"],"vs":["minimal","enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Mantine","kind":"form","page":"https://mantine.dev/core/slider/","note":"Mantine 官方文档里的「表单」公开演示"},{"id":"cs2-lib-daisyui-com--select--select--v0","name":"Select · daisyUI","url":"https://daisyui.com/components/select/#select","type":"style","pricing":"free","tags":["CSS","daisyUI"],"ct":["select"],"vs":["playful","soft"],"rt":["component-demo"],"section":"组件样式","libName":"daisyUI","kind":"select","page":"https://daisyui.com/components/select/","note":"daisyUI 官方文档里的「选择器」公开演示"},{"id":"cs2-lib-ant-design--tabs--tabs--v1","name":"Tabs · Ant Design · Basic","url":"https://ant.design/components/tabs#tabs-demo-basic","type":"style","pricing":"free","tags":["React","Ant Design"],"ct":["tabs"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Ant Design","kind":"tabs","page":"https://ant.design/components/tabs","note":"Ant Design 官方文档里的「标签页」公开演示（Basic）"},{"id":"cs2-lib-tdesign-tencent-com--button--button--v0","name":"Button · TDesign · 文字按钮","url":"https://tdesign.tencent.com/vue-next/components/button#文字按钮","type":"style","pricing":"free","tags":["React","Vue","TDesign"],"ct":["button"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"TDesign","kind":"button","page":"https://tdesign.tencent.com/vue-next/components/button","note":"TDesign 官方文档里的「按钮」公开演示（文字按钮）"},{"id":"cs2-lib-flowbite-com--carousel--carousel--v1","name":"Carousel · Flowbite · Controls","url":"https://flowbite.com/docs/components/carousel/","type":"style","pricing":"freemium","tags":["CSS","React","Vue","Svelte","Flowbite"],"ct":["carousel"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Flowbite","kind":"carousel","page":"https://flowbite.com/docs/components/carousel/","note":"Flowbite 官方文档里的「轮播」公开演示（Controls）"},{"id":"cs2-lib-mantine-dev--form--core-slider--v1","name":"Form · Mantine · onChangeEnd","url":"https://mantine.dev/core/slider/#mdx","type":"style","pricing":"free","tags":["React","Mantine"],"ct":["form"],"vs":["minimal","enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Mantine","kind":"form","page":"https://mantine.dev/core/slider/","note":"Mantine 官方文档里的「表单」公开演示（onChangeEnd）"},{"id":"cs2-lib-daisyui-com--select--select--v2","name":"Select · daisyUI · With fieldset and labels","url":"https://daisyui.com/components/select/#with-fieldset-and-labels","type":"style","pricing":"free","tags":["CSS","daisyUI"],"ct":["select"],"vs":["playful","soft"],"rt":["component-demo"],"section":"组件样式","libName":"daisyUI","kind":"select","page":"https://daisyui.com/components/select/","note":"daisyUI 官方文档里的「选择器」公开演示（With fieldset and labels）"},{"id":"cs2-lib-ant-design--tabs--tabs--v2","name":"Tabs · Ant Design · Disabled","url":"https://ant.design/components/tabs#tabs-demo-disabled","type":"style","pricing":"free","tags":["React","Ant Design"],"ct":["tabs"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Ant Design","kind":"tabs","page":"https://ant.design/components/tabs","note":"Ant Design 官方文档里的「标签页」公开演示（Disabled）"},{"id":"cs2-lib-tdesign-tencent-com--button--button--v2","name":"Button · TDesign · 幽灵按钮","url":"https://tdesign.tencent.com/vue-next/components/button#幽灵按钮","type":"style","pricing":"free","tags":["React","Vue","TDesign"],"ct":["button"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"TDesign","kind":"button","page":"https://tdesign.tencent.com/vue-next/components/button","note":"TDesign 官方文档里的「按钮」公开演示（幽灵按钮）"},{"id":"cs2-lib-flowbite-com--carousel--carousel--v2","name":"Carousel · Flowbite · Indicators","url":"https://flowbite.com/docs/components/carousel/","type":"style","pricing":"freemium","tags":["CSS","React","Vue","Svelte","Flowbite"],"ct":["carousel"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Flowbite","kind":"carousel","page":"https://flowbite.com/docs/components/carousel/","note":"Flowbite 官方文档里的「轮播」公开演示（Indicators）"},{"id":"cs2-lib-mantine-dev--form--core-slider--v2","name":"Form · Mantine · Control label","url":"https://mantine.dev/core/slider/#mdx","type":"style","pricing":"free","tags":["React","Mantine"],"ct":["form"],"vs":["minimal","enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Mantine","kind":"form","page":"https://mantine.dev/core/slider/","note":"Mantine 官方文档里的「表单」公开演示（Control label）"},{"id":"cs2-lib-daisyui-com--select--select--v3","name":"Select · daisyUI · Primary color","url":"https://daisyui.com/components/select/#primary-color","type":"style","pricing":"free","tags":["CSS","daisyUI"],"ct":["select"],"vs":["playful","soft"],"rt":["component-demo"],"section":"组件样式","libName":"daisyUI","kind":"select","page":"https://daisyui.com/components/select/","note":"daisyUI 官方文档里的「选择器」公开演示（Primary color）"},{"id":"cs2-lib-ant-design--tabs--tabs--v3","name":"Tabs · Ant Design · Centered","url":"https://ant.design/components/tabs#tabs-demo-centered","type":"style","pricing":"free","tags":["React","Ant Design"],"ct":["tabs"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Ant Design","kind":"tabs","page":"https://ant.design/components/tabs","note":"Ant Design 官方文档里的「标签页」公开演示（Centered）"},{"id":"cs2-lib-tdesign-tencent-com--button--button--v3","name":"Button · TDesign · Block 按钮","url":"https://tdesign.tencent.com/vue-next/components/button#block-按钮","type":"style","pricing":"free","tags":["React","Vue","TDesign"],"ct":["button"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"TDesign","kind":"button","page":"https://tdesign.tencent.com/vue-next/components/button","note":"TDesign 官方文档里的「按钮」公开演示（Block 按钮）"},{"id":"cs2-lib-flowbite-com--dialog--modal--v0","name":"Dialog · Flowbite · Default modal","url":"https://flowbite.com/docs/components/modal/","type":"style","pricing":"freemium","tags":["CSS","React","Vue","Svelte","Flowbite"],"ct":["dialog"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Flowbite","kind":"dialog","page":"https://flowbite.com/docs/components/modal/","note":"Flowbite 官方文档里的「弹窗」公开演示（Default modal）"},{"id":"cs2-lib-mantine-dev--form--core-slider--v3","name":"Form · Mantine · Min, max and step","url":"https://mantine.dev/core/slider/#mdx","type":"style","pricing":"free","tags":["React","Mantine"],"ct":["form"],"vs":["minimal","enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Mantine","kind":"form","page":"https://mantine.dev/core/slider/","note":"Mantine 官方文档里的「表单」公开演示（Min, max and step）"},{"id":"cs2-lib-daisyui-com--carousel--carousel--v0","name":"Carousel · daisyUI · Snap to start (default)","url":"https://daisyui.com/components/carousel/#snap-to-start-default","type":"style","pricing":"free","tags":["CSS","daisyUI"],"ct":["carousel"],"vs":["playful","soft"],"rt":["component-demo"],"section":"组件样式","libName":"daisyUI","kind":"carousel","page":"https://daisyui.com/components/carousel/","note":"daisyUI 官方文档里的「轮播」公开演示（Snap to start (default)）"},{"id":"cs2-lib-ant-design--menu--menu--v0","name":"Menu · Ant Design · Navigation One","url":"https://ant.design/components/menu","type":"style","pricing":"free","tags":["React","Ant Design"],"ct":["menu"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Ant Design","kind":"menu","page":"https://ant.design/components/menu","note":"Ant Design 官方文档里的「菜单」公开演示（Navigation One）"},{"id":"cs2-lib-tdesign-tencent-com--date--date-picker--v0","name":"Date picker · TDesign · 年份选择器","url":"https://tdesign.tencent.com/vue-next/components/date-picker#年份选择器","type":"style","pricing":"free","tags":["React","Vue","TDesign"],"ct":["date"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"TDesign","kind":"date","page":"https://tdesign.tencent.com/vue-next/components/date-picker","note":"TDesign 官方文档里的「日期」公开演示（年份选择器）"},{"id":"cs2-lib-flowbite-com--dialog--modal--v2","name":"Dialog · Flowbite · Pop-up modal","url":"https://flowbite.com/docs/components/modal/","type":"style","pricing":"freemium","tags":["CSS","React","Vue","Svelte","Flowbite"],"ct":["dialog"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Flowbite","kind":"dialog","page":"https://flowbite.com/docs/components/modal/","note":"Flowbite 官方文档里的「弹窗」公开演示（Pop-up modal）"},{"id":"cs2-lib-mantine-dev--table--core-table--v3","name":"Table · Mantine · Spacing","url":"https://mantine.dev/core/table/#mdx","type":"style","pricing":"free","tags":["React","Mantine"],"ct":["table"],"vs":["minimal","enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Mantine","kind":"table","page":"https://mantine.dev/core/table/","note":"Mantine 官方文档里的「表格」公开演示（Spacing）"},{"id":"cs2-lib-daisyui-com--carousel--carousel--v3","name":"Carousel · daisyUI","url":"https://daisyui.com/components/carousel/#carousel-with-full-width-items","type":"style","pricing":"free","tags":["CSS","daisyUI"],"ct":["carousel"],"vs":["playful","soft"],"rt":["component-demo"],"section":"组件样式","libName":"daisyUI","kind":"carousel","page":"https://daisyui.com/components/carousel/","note":"daisyUI 官方文档里的「轮播」公开演示"},{"id":"cs2-lib-ant-design--menu--menu--v1","name":"Menu · Ant Design · Navigation One","url":"https://ant.design/components/menu#menu-demo-horizontal","type":"style","pricing":"free","tags":["React","Ant Design"],"ct":["menu"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Ant Design","kind":"menu","page":"https://ant.design/components/menu","note":"Ant Design 官方文档里的「菜单」公开演示（Navigation One）"},{"id":"cs2-lib-tdesign-tencent-com--nav--steps--v0","name":"Navigation · TDesign · 带序号的水平步骤条","url":"https://tdesign.tencent.com/vue-next/components/steps#带序号的水平步骤条","type":"style","pricing":"free","tags":["React","Vue","TDesign"],"ct":["nav"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"TDesign","kind":"nav","page":"https://tdesign.tencent.com/vue-next/components/steps","note":"TDesign 官方文档里的「导航」公开演示（带序号的水平步骤条）"},{"id":"cs2-lib-flowbite-com--dialog--modal--v3","name":"Dialog · Flowbite · Form element","url":"https://flowbite.com/docs/components/modal/","type":"style","pricing":"freemium","tags":["CSS","React","Vue","Svelte","Flowbite"],"ct":["dialog"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Flowbite","kind":"dialog","page":"https://flowbite.com/docs/components/modal/","note":"Flowbite 官方文档里的「弹窗」公开演示（Form element）"},{"id":"cs2-lib-mantine-dev--button--core-button--v0","name":"Button · Mantine","url":"https://mantine.dev/core/button/#mdx","type":"style","pricing":"free","tags":["React","Mantine"],"ct":["button"],"vs":["minimal","enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Mantine","kind":"button","page":"https://mantine.dev/core/button/","note":"Mantine 官方文档里的「按钮」公开演示"},{"id":"cs2-lib-ant-design--menu--menu--v2","name":"Menu · Ant Design","url":"https://ant.design/components/menu#menu-demo-inline","type":"style","pricing":"free","tags":["React","Ant Design"],"ct":["menu"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Ant Design","kind":"menu","page":"https://ant.design/components/menu","note":"Ant Design 官方文档里的「菜单」公开演示"},{"id":"cs2-lib-tdesign-tencent-com--nav--steps--v1","name":"Navigation · TDesign · 不带序的水平步骤条","url":"https://tdesign.tencent.com/vue-next/components/steps#不带序的水平步骤条","type":"style","pricing":"free","tags":["React","Vue","TDesign"],"ct":["nav"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"TDesign","kind":"nav","page":"https://tdesign.tencent.com/vue-next/components/steps","note":"TDesign 官方文档里的「导航」公开演示（不带序的水平步骤条）"},{"id":"cs2-lib-flowbite-com--menu--dropdowns--v0","name":"Menu · Flowbite · Dropdown example","url":"https://flowbite.com/docs/components/dropdowns/","type":"style","pricing":"freemium","tags":["CSS","React","Vue","Svelte","Flowbite"],"ct":["menu"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Flowbite","kind":"menu","page":"https://flowbite.com/docs/components/dropdowns/","note":"Flowbite 官方文档里的「菜单」公开演示（Dropdown example）"},{"id":"cs2-lib-mantine-dev--button--core-button--v1","name":"Button · Mantine · Sections position","url":"https://mantine.dev/core/button/#mdx","type":"style","pricing":"free","tags":["React","Mantine"],"ct":["button"],"vs":["minimal","enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Mantine","kind":"button","page":"https://mantine.dev/core/button/","note":"Mantine 官方文档里的「按钮」公开演示（Sections position）"},{"id":"cs2-lib-ant-design--date--date-picker--v1","name":"Date picker · Ant Design · DatePicker[picker=year]","url":"https://ant.design/components/date-picker#datepickerpickeryear","type":"style","pricing":"free","tags":["React","Ant Design"],"ct":["date"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Ant Design","kind":"date","page":"https://ant.design/components/date-picker","note":"Ant Design 官方文档里的「日期」公开演示（DatePicker[picker=year]）"},{"id":"cs2-lib-tdesign-tencent-com--nav--steps--v2","name":"Navigation · TDesign · 不带序号的垂直步骤条","url":"https://tdesign.tencent.com/vue-next/components/steps#不带序号的垂直步骤条","type":"style","pricing":"free","tags":["React","Vue","TDesign"],"ct":["nav"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"TDesign","kind":"nav","page":"https://tdesign.tencent.com/vue-next/components/steps","note":"TDesign 官方文档里的「导航」公开演示（不带序号的垂直步骤条）"},{"id":"cs2-lib-flowbite-com--menu--dropdowns--v3","name":"Menu · Flowbite · Dropdown divider","url":"https://flowbite.com/docs/components/dropdowns/","type":"style","pricing":"freemium","tags":["CSS","React","Vue","Svelte","Flowbite"],"ct":["menu"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Flowbite","kind":"menu","page":"https://flowbite.com/docs/components/dropdowns/","note":"Flowbite 官方文档里的「菜单」公开演示（Dropdown divider）"},{"id":"cs2-lib-mantine-dev--button--core-button--v2","name":"Button · Mantine · Gradient variant","url":"https://mantine.dev/core/button/#mdx","type":"style","pricing":"free","tags":["React","Mantine"],"ct":["button"],"vs":["minimal","enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Mantine","kind":"button","page":"https://mantine.dev/core/button/","note":"Mantine 官方文档里的「按钮」公开演示（Gradient variant）"},{"id":"cs2-lib-ant-design--date--date-picker--v3","name":"Date picker · Ant Design · DatePicker[picker=month]","url":"https://ant.design/components/date-picker#datepickerpickermonth","type":"style","pricing":"free","tags":["React","Ant Design"],"ct":["date"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Ant Design","kind":"date","page":"https://ant.design/components/date-picker","note":"Ant Design 官方文档里的「日期」公开演示（DatePicker[picker=month]）"},{"id":"cs2-lib-tdesign-tencent-com--nav--steps--v3","name":"Navigation · TDesign · 带序号的垂直步骤条","url":"https://tdesign.tencent.com/vue-next/components/steps#带序号的垂直步骤条","type":"style","pricing":"free","tags":["React","Vue","TDesign"],"ct":["nav"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"TDesign","kind":"nav","page":"https://tdesign.tencent.com/vue-next/components/steps","note":"TDesign 官方文档里的「导航」公开演示（带序号的垂直步骤条）"},{"id":"cs2-lib-flowbite-com--nav--navbar--v0","name":"Navigation · Flowbite · Default navbar","url":"https://flowbite.com/docs/components/navbar/","type":"style","pricing":"freemium","tags":["CSS","React","Vue","Svelte","Flowbite"],"ct":["nav"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Flowbite","kind":"nav","page":"https://flowbite.com/docs/components/navbar/","note":"Flowbite 官方文档里的「导航」公开演示（Default navbar）"},{"id":"cs2-lib-mantine-dev--button--core-button--v3","name":"Button · Mantine · Loading state","url":"https://mantine.dev/core/button/#mdx","type":"style","pricing":"free","tags":["React","Mantine"],"ct":["button"],"vs":["minimal","enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Mantine","kind":"button","page":"https://mantine.dev/core/button/","note":"Mantine 官方文档里的「按钮」公开演示（Loading state）"},{"id":"cs2-lib-ant-design--avatar--avatar--v0","name":"Avatar · Ant Design","url":"https://ant.design/components/avatar","type":"style","pricing":"free","tags":["React","Ant Design"],"ct":["avatar"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Ant Design","kind":"avatar","page":"https://ant.design/components/avatar","note":"Ant Design 官方文档里的「头像」公开演示"},{"id":"cs2-lib-tdesign-tencent-com--table--table--v0","name":"Table · TDesign · 基础表格","url":"https://tdesign.tencent.com/vue-next/components/table#基础表格","type":"style","pricing":"free","tags":["React","Vue","TDesign"],"ct":["table"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"TDesign","kind":"table","page":"https://tdesign.tencent.com/vue-next/components/table","note":"TDesign 官方文档里的「表格」公开演示（基础表格）"},{"id":"cs2-lib-flowbite-com--nav--navbar--v1","name":"Navigation · Flowbite · Navbar with dropdown","url":"https://flowbite.com/docs/components/navbar/","type":"style","pricing":"freemium","tags":["CSS","React","Vue","Svelte","Flowbite"],"ct":["nav"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Flowbite","kind":"nav","page":"https://flowbite.com/docs/components/navbar/","note":"Flowbite 官方文档里的「导航」公开演示（Navbar with dropdown）"},{"id":"cs2-lib-mantine-dev--nav--core-stepper--v0","name":"Navigation · Mantine","url":"https://mantine.dev/core/stepper/#mdx","type":"style","pricing":"free","tags":["React","Mantine"],"ct":["nav"],"vs":["minimal","enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Mantine","kind":"nav","page":"https://mantine.dev/core/stepper/","note":"Mantine 官方文档里的「导航」公开演示"},{"id":"cs2-lib-ant-design--avatar--avatar--v1","name":"Avatar · Ant Design · Basic","url":"https://ant.design/components/avatar#avatar-demo-basic","type":"style","pricing":"free","tags":["React","Ant Design"],"ct":["avatar"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Ant Design","kind":"avatar","page":"https://ant.design/components/avatar","note":"Ant Design 官方文档里的「头像」公开演示（Basic）"},{"id":"cs2-lib-tdesign-tencent-com--table--table--v1","name":"Table · TDesign · 行高亮表格","url":"https://tdesign.tencent.com/vue-next/components/table#行高亮表格","type":"style","pricing":"free","tags":["React","Vue","TDesign"],"ct":["table"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"TDesign","kind":"table","page":"https://tdesign.tencent.com/vue-next/components/table","note":"TDesign 官方文档里的「表格」公开演示（行高亮表格）"},{"id":"cs2-lib-flowbite-com--nav--navbar--v3","name":"Navigation · Flowbite · Sticky navbar","url":"https://flowbite.com/docs/components/navbar/","type":"style","pricing":"freemium","tags":["CSS","React","Vue","Svelte","Flowbite"],"ct":["nav"],"vs":["minimal"],"rt":["component-demo"],"section":"组件样式","libName":"Flowbite","kind":"nav","page":"https://flowbite.com/docs/components/navbar/","note":"Flowbite 官方文档里的「导航」公开演示（Sticky navbar）"},{"id":"cs2-lib-mantine-dev--nav--core-stepper--v3","name":"Navigation · Mantine · Color, radius and size","url":"https://mantine.dev/core/stepper/#mdx","type":"style","pricing":"free","tags":["React","Mantine"],"ct":["nav"],"vs":["minimal","enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Mantine","kind":"nav","page":"https://mantine.dev/core/stepper/","note":"Mantine 官方文档里的「导航」公开演示（Color, radius and size）"},{"id":"cs2-lib-ant-design--avatar--avatar--v2","name":"Avatar · Ant Design · Basic","url":"https://ant.design/components/avatar#avatar-demo-basic","type":"style","pricing":"free","tags":["React","Ant Design"],"ct":["avatar"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Ant Design","kind":"avatar","page":"https://ant.design/components/avatar","note":"Ant Design 官方文档里的「头像」公开演示（Basic）"},{"id":"cs2-lib-tdesign-tencent-com--table--table--v2","name":"Table · TDesign · 可自定义样式的表格","url":"https://tdesign.tencent.com/vue-next/components/table#可自定义样式的表格","type":"style","pricing":"free","tags":["React","Vue","TDesign"],"ct":["table"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"TDesign","kind":"table","page":"https://tdesign.tencent.com/vue-next/components/table","note":"TDesign 官方文档里的「表格」公开演示（可自定义样式的表格）"},{"id":"cs2-lib-mantine-dev--loader--core-loader--v0","name":"Loader · Mantine","url":"https://mantine.dev/core/loader/#mdx","type":"style","pricing":"free","tags":["React","Mantine"],"ct":["loader"],"vs":["minimal","enterprise"],"rt":["component-demo","motion"],"section":"组件样式","libName":"Mantine","kind":"loader","page":"https://mantine.dev/core/loader/","note":"Mantine 官方文档里的「加载」公开演示"},{"id":"cs2-lib-ant-design--avatar--avatar--v3","name":"Avatar · Ant Design · Autoset Font Size","url":"https://ant.design/components/avatar#avatar-demo-dynamic","type":"style","pricing":"free","tags":["React","Ant Design"],"ct":["avatar"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Ant Design","kind":"avatar","page":"https://ant.design/components/avatar","note":"Ant Design 官方文档里的「头像」公开演示（Autoset Font Size）"},{"id":"cs2-lib-tdesign-tencent-com--table--table--v3","name":"Table · TDesign · 单元格超出省略的表格","url":"https://tdesign.tencent.com/vue-next/components/table#单元格超出省略的表格","type":"style","pricing":"free","tags":["React","Vue","TDesign"],"ct":["table"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"TDesign","kind":"table","page":"https://tdesign.tencent.com/vue-next/components/table","note":"TDesign 官方文档里的「表格」公开演示（单元格超出省略的表格）"},{"id":"cs2-lib-mantine-dev--loader--core-loader--v1","name":"Loader · Mantine · Size prop","url":"https://mantine.dev/core/loader/#mdx","type":"style","pricing":"free","tags":["React","Mantine"],"ct":["loader"],"vs":["minimal","enterprise"],"rt":["component-demo","motion"],"section":"组件样式","libName":"Mantine","kind":"loader","page":"https://mantine.dev/core/loader/","note":"Mantine 官方文档里的「加载」公开演示（Size prop）"},{"id":"cs2-lib-ant-design--form--form--v0","name":"Form · Ant Design","url":"https://ant.design/components/form","type":"style","pricing":"free","tags":["React","Ant Design"],"ct":["form"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Ant Design","kind":"form","page":"https://ant.design/components/form","note":"Ant Design 官方文档里的「表单」公开演示"},{"id":"cs2-lib-tdesign-tencent-com--card--card--v0","name":"Card · TDesign · 有边框","url":"https://tdesign.tencent.com/vue-next/components/card#有边框","type":"style","pricing":"free","tags":["React","Vue","TDesign"],"ct":["card"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"TDesign","kind":"card","page":"https://tdesign.tencent.com/vue-next/components/card","note":"TDesign 官方文档里的「卡片」公开演示（有边框）"},{"id":"cs2-lib-mantine-dev--loader--core-loader--v2","name":"Loader · Mantine · children prop","url":"https://mantine.dev/core/loader/#mdx","type":"style","pricing":"free","tags":["React","Mantine"],"ct":["loader"],"vs":["minimal","enterprise"],"rt":["component-demo","motion"],"section":"组件样式","libName":"Mantine","kind":"loader","page":"https://mantine.dev/core/loader/","note":"Mantine 官方文档里的「加载」公开演示（children prop）"},{"id":"cs2-lib-ant-design--form--form--v1","name":"Form · Ant Design · Basic Usage","url":"https://ant.design/components/form#form-demo-basic","type":"style","pricing":"free","tags":["React","Ant Design"],"ct":["form"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Ant Design","kind":"form","page":"https://ant.design/components/form","note":"Ant Design 官方文档里的「表单」公开演示（Basic Usage）"},{"id":"cs2-lib-tdesign-tencent-com--card--card--v1","name":"Card · TDesign · 无边框","url":"https://tdesign.tencent.com/vue-next/components/card#无边框","type":"style","pricing":"free","tags":["React","Vue","TDesign"],"ct":["card"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"TDesign","kind":"card","page":"https://tdesign.tencent.com/vue-next/components/card","note":"TDesign 官方文档里的「卡片」公开演示（无边框）"},{"id":"cs2-lib-mantine-dev--toast--core-notification--v0","name":"Toast · Mantine","url":"https://mantine.dev/core/notification/#mdx","type":"style","pricing":"free","tags":["React","Mantine"],"ct":["toast"],"vs":["minimal","enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Mantine","kind":"toast","page":"https://mantine.dev/core/notification/","note":"Mantine 官方文档里的「通知」公开演示"},{"id":"cs2-lib-ant-design--form--form--v2","name":"Form · Ant Design · Form methods","url":"https://ant.design/components/form#form-demo-control-hooks","type":"style","pricing":"free","tags":["React","Ant Design"],"ct":["form"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Ant Design","kind":"form","page":"https://ant.design/components/form","note":"Ant Design 官方文档里的「表单」公开演示（Form methods）"},{"id":"cs2-lib-tdesign-tencent-com--card--card--v2","name":"Card · TDesign · 带分割线","url":"https://tdesign.tencent.com/vue-next/components/card#带分割线","type":"style","pricing":"free","tags":["React","Vue","TDesign"],"ct":["card"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"TDesign","kind":"card","page":"https://tdesign.tencent.com/vue-next/components/card","note":"TDesign 官方文档里的「卡片」公开演示（带分割线）"},{"id":"cs2-lib-mantine-dev--toast--core-notification--v1","name":"Toast · Mantine · With icon","url":"https://mantine.dev/core/notification/#mdx","type":"style","pricing":"free","tags":["React","Mantine"],"ct":["toast"],"vs":["minimal","enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Mantine","kind":"toast","page":"https://mantine.dev/core/notification/","note":"Mantine 官方文档里的「通知」公开演示（With icon）"},{"id":"cs2-lib-ant-design--form--form--v3","name":"Form · Ant Design · Form Layout","url":"https://ant.design/components/form#form-demo-layout","type":"style","pricing":"free","tags":["React","Ant Design"],"ct":["form"],"vs":["enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Ant Design","kind":"form","page":"https://ant.design/components/form","note":"Ant Design 官方文档里的「表单」公开演示（Form Layout）"},{"id":"cs2-lib-mantine-dev--card--core-card--v0","name":"Card · Mantine","url":"https://mantine.dev/core/card/#mdx","type":"style","pricing":"free","tags":["React","Mantine"],"ct":["card"],"vs":["minimal","enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Mantine","kind":"card","page":"https://mantine.dev/core/card/","note":"Mantine 官方文档里的「卡片」公开演示"},{"id":"cs2-lib-mantine-dev--card--core-card--v1","name":"Card · Mantine · Polymorphic component","url":"https://mantine.dev/core/card/#mdx","type":"style","pricing":"free","tags":["React","Mantine"],"ct":["card"],"vs":["minimal","enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Mantine","kind":"card","page":"https://mantine.dev/core/card/","note":"Mantine 官方文档里的「卡片」公开演示（Polymorphic component）"},{"id":"cs2-lib-mantine-dev--card--core-card--v3","name":"Card · Mantine · withBorder and inheritPadding props","url":"https://mantine.dev/core/card/#mdx","type":"style","pricing":"free","tags":["React","Mantine"],"ct":["card"],"vs":["minimal","enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Mantine","kind":"card","page":"https://mantine.dev/core/card/","note":"Mantine 官方文档里的「卡片」公开演示（withBorder and inheritPadding props）"},{"id":"cs2-lib-mantine-dev--avatar--core-avatar--v0","name":"Avatar · Mantine · Variants","url":"https://mantine.dev/core/avatar/#mdx","type":"style","pricing":"free","tags":["React","Mantine"],"ct":["avatar"],"vs":["minimal","enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Mantine","kind":"avatar","page":"https://mantine.dev/core/avatar/","note":"Mantine 官方文档里的「头像」公开演示（Variants）"},{"id":"cs2-lib-mantine-dev--chart--charts-area-chart--v0","name":"Chart · Mantine · Area color","url":"https://mantine.dev/charts/area-chart/#mdx","type":"style","pricing":"free","tags":["React","Mantine"],"ct":["chart"],"vs":["minimal","enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Mantine","kind":"chart","page":"https://mantine.dev/charts/area-chart/","note":"Mantine 官方文档里的「图表」公开演示（Area color）"},{"id":"cs2-lib-mantine-dev--chart--charts-area-chart--v1","name":"Chart · Mantine · Stroke width","url":"https://mantine.dev/charts/area-chart/#mdx","type":"style","pricing":"free","tags":["React","Mantine"],"ct":["chart"],"vs":["minimal","enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Mantine","kind":"chart","page":"https://mantine.dev/charts/area-chart/","note":"Mantine 官方文档里的「图表」公开演示（Stroke width）"},{"id":"cs2-lib-mantine-dev--chart--charts-area-chart--v2","name":"Chart · Mantine · Fill opacity","url":"https://mantine.dev/charts/area-chart/#mdx","type":"style","pricing":"free","tags":["React","Mantine"],"ct":["chart"],"vs":["minimal","enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Mantine","kind":"chart","page":"https://mantine.dev/charts/area-chart/","note":"Mantine 官方文档里的「图表」公开演示（Fill opacity）"},{"id":"cs2-lib-mantine-dev--chart--charts-area-chart--v3","name":"Chart · Mantine · Brush","url":"https://mantine.dev/charts/area-chart/#mdx","type":"style","pricing":"free","tags":["React","Mantine"],"ct":["chart"],"vs":["minimal","enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Mantine","kind":"chart","page":"https://mantine.dev/charts/area-chart/","note":"Mantine 官方文档里的「图表」公开演示（Brush）"},{"id":"cs2-lib-mantine-dev--editor--x-tiptap--v0","name":"Editor · Mantine · Tasks","url":"https://mantine.dev/x/tiptap/#mdx","type":"style","pricing":"free","tags":["React","Mantine"],"ct":["editor"],"vs":["minimal","enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Mantine","kind":"editor","page":"https://mantine.dev/x/tiptap/","note":"Mantine 官方文档里的「编辑器」公开演示（Tasks）"},{"id":"cs2-lib-mantine-dev--editor--x-tiptap--v1","name":"Editor · Mantine · Table","url":"https://mantine.dev/x/tiptap/#mdx","type":"style","pricing":"free","tags":["React","Mantine"],"ct":["editor"],"vs":["minimal","enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Mantine","kind":"editor","page":"https://mantine.dev/x/tiptap/","note":"Mantine 官方文档里的「编辑器」公开演示（Table）"},{"id":"cs2-lib-mantine-dev--editor--x-tiptap--v2","name":"Editor · Mantine · Details","url":"https://mantine.dev/x/tiptap/#mdx","type":"style","pricing":"free","tags":["React","Mantine"],"ct":["editor"],"vs":["minimal","enterprise"],"rt":["component-demo"],"section":"组件样式","libName":"Mantine","kind":"editor","page":"https://mantine.dev/x/tiptap/","note":"Mantine 官方文档里的「编辑器」公开演示（Details）"},{"id":"lib-coss-origin","name":"Origin UI (coss.com/origin)","url":"https://coss.com/origin","type":"library","pricing":"free","tags":["React","开源"],"ct":["input","button","select","table","form","nav"],"vs":["minimal"],"rt":["component-library"],"section":"开源组件库 · 2026-10 补全","added":"2026-10-14","note":"Huge set of copy-paste shadcn-style primitives: inputs, buttons, selects, dates, tables, timelines. Tailwind + React, open source.","note_zh":"大量可直接复制的 shadcn 风格基础组件：输入框、按钮、选择器、日期、表格、时间线等，Tailwind + React，开源"},{"id":"lib-inspira-ui","name":"Inspira UI","url":"https://inspira-ui.com","type":"library","pricing":"free","tags":["Vue","开源"],"ct":["motion","background","card","button"],"vs":["motion"],"rt":["component-library"],"section":"开源组件库 · 2026-10 补全","added":"2026-10-14","note":"Vue/Nuxt animated components in the spirit of Aceternity and Magic UI. Free and open source.","note_zh":"Vue / Nuxt 版本的动效组件集合，思路与 Aceternity、Magic UI 相近，免费开源"},{"id":"lib-tailark","name":"Tailark","url":"https://tailark.com","type":"library","pricing":"freemium","tags":["React","shadcn"],"ct":["layout"],"vs":["minimal"],"rt":["component-library"],"section":"开源组件库 · 2026-10 补全","added":"2026-10-14","note":"shadcn-style marketing blocks: hero, features, testimonials, CTA. Free blocks are copy-paste.","note_zh":"shadcn 风格的营销页区块：Hero、特性、日志墙、CTA，免费区块可直接复制"},{"id":"lib-shadcn-studio","name":"shadcn/studio","url":"https://shadcnstudio.com","type":"library","pricing":"freemium","tags":["React","开源","shadcn"],"ct":["button","input","card","form"],"vs":["minimal"],"rt":["component-library"],"section":"开源组件库 · 2026-10 补全","added":"2026-10-14","note":"Variant gallery and theme generator for shadcn/ui components, copy any variant.","note_zh":"shadcn 组件变体与主题生成器，按组件给出大量样式变体，可一键复制"},{"id":"lib-zag","name":"Zag.js","url":"https://zagjs.com","type":"library","pricing":"free","tags":["React","Vue","Svelte","开源"],"ct":["dialog","menu","select","tabs"],"vs":["minimal"],"rt":["component-library","a11y"],"section":"开源组件库 · 2026-10 补全","added":"2026-10-14","note":"Framework-agnostic UI component logic built on state machines (powers Ark UI). React/Vue/Solid/Svelte.","note_zh":"用状态机实现的无框架 UI 组件逻辑（Ark UI 的底层），React/Vue/Solid/Svelte 通用"},{"id":"lib-ui-layouts","name":"UI Layouts","url":"https://www.ui-layouts.com","type":"library","pricing":"free","tags":["React","开源"],"ct":["layout","motion","dialog"],"vs":["motion"],"rt":["component-library"],"section":"开源组件库 · 2026-10 补全","added":"2026-10-14","note":"React + Tailwind layout and motion components: galleries, drawers, carousels, scroll effects.","note_zh":"React + Tailwind 的布局与动效组件：图片画廊、抽屉、轮播、滚动动效"},{"id":"lib-cuicui","name":"Cuicui","url":"https://cuicui.day","type":"library","pricing":"free","tags":["React","开源"],"ct":["button","card","layout","input"],"vs":["minimal"],"rt":["component-library"],"section":"开源组件库 · 2026-10 补全","added":"2026-10-14","note":"Copy-paste React components and blocks grouped by use case, with live previews.","note_zh":"可复制粘贴的 React 组件与区块，按场景分类，带实时预览"},{"id":"lib-watermelon","name":"Watermelon UI","url":"https://www.watermelon.sh","type":"library","pricing":"free","tags":["React","开源","shadcn"],"ct":["motion","layout","card"],"vs":["motion"],"rt":["component-library"],"section":"开源组件库 · 2026-10 补全","added":"2026-10-14","note":"Animated shadcn-style components and blocks for modern marketing pages.","note_zh":"shadcn 风格的动效组件与区块，偏现代营销页"},{"id":"lib-neobrutalism","name":"neobrutalism components","url":"https://www.neobrutalism.dev","type":"library","pricing":"free","tags":["React","开源","shadcn"],"ct":["button","card","input"],"vs":["brutalist"],"rt":["component-library"],"section":"开源组件库 · 2026-10 补全","added":"2026-10-14","note":"Neo-brutalist shadcn components: thick borders, hard shadows, saturated colours.","note_zh":"新粗野主义风格的 shadcn 组件：粗描边、硬阴影、高饱和色"},{"id":"lib-retroui","name":"RetroUI","url":"https://www.retroui.dev","type":"library","pricing":"free","tags":["React","开源"],"ct":["button","card","input"],"vs":["brutalist"],"rt":["component-library"],"section":"开源组件库 · 2026-10 补全","added":"2026-10-14","note":"Retro / neo-brutalist React component library for characterful landing pages.","note_zh":"复古/新粗野风 React 组件库，适合个性化落地页"},{"id":"lib-8bitcn","name":"8bitcn/ui","url":"https://8bitcn.com","type":"library","pricing":"free","tags":["React","开源","shadcn"],"ct":["button","card","dialog"],"vs":["playful"],"rt":["component-library"],"section":"开源组件库 · 2026-10 补全","added":"2026-10-14","note":"Pixel-art 8-bit take on shadcn components for games and retro sites.","note_zh":"像素风 8-bit 版 shadcn 组件，游戏化与复古站点"},{"id":"lib-tweakcn","name":"tweakcn","url":"https://tweakcn.com","type":"generator","pricing":"free","tags":["React","开源","shadcn","配色"],"ct":["input"],"vs":["minimal"],"rt":["generator","theme"],"section":"开源组件库 · 2026-10 补全","added":"2026-10-14","note":"Visual theme editor for shadcn/ui: colours, radius, fonts, shadows; exports CSS variables.","note_zh":"shadcn/ui 主题可视化编辑器：调色、圆角、字体、阴影，导出 CSS 变量"},{"id":"lib-jln-themes","name":"shadcn themes (ui.jln.dev)","url":"https://ui.jln.dev","type":"generator","pricing":"free","tags":["React","开源","shadcn","配色"],"vs":["minimal"],"rt":["generator","theme"],"section":"开源组件库 · 2026-10 补全","added":"2026-10-14","note":"Thousands of shadcn/ui colour themes to preview and copy as CSS variables.","note_zh":"上万套 shadcn/ui 配色主题，可预览后复制 CSS 变量"},{"id":"lib-shadcn-io","name":"shadcn.io","url":"https://www.shadcn.io","type":"collection","pricing":"free","tags":["React","开源","shadcn"],"ct":["layout","button"],"vs":["minimal"],"rt":["directory"],"section":"开源组件库 · 2026-10 补全","added":"2026-10-14","note":"Community directory of shadcn components, blocks, icons and templates.","note_zh":"社区整理的 shadcn 组件、区块、图标与模板目录"},{"id":"lib-tailwind-plus-blocks","name":"Tailwind Plus UI Blocks（含免费示例）","url":"https://www.tailwindcss.com/plus/ui-blocks","type":"library","pricing":"paid","tags":["React","Vue","HTML"],"ct":["layout","form","nav","table"],"vs":["minimal"],"rt":["component-library"],"section":"开源组件库 · 2026-10 补全","added":"2026-10-14","note":"Official Tailwind blocks (formerly Tailwind UI). Full library is paid; some previews are free.","note_zh":"Tailwind 官方区块库（原 Tailwind UI）。完整版付费，官网有部分免费预览"},{"id":"lib-aceternity-components","name":"Aceternity UI 全部组件","url":"https://ui.aceternity.com/components","type":"library","pricing":"free","tags":["React","开源"],"ct":["motion","background","card","nav"],"vs":["motion"],"rt":["component-library"],"section":"开源组件库 · 2026-10 补全","added":"2026-10-14","note":"Full list of free Aceternity components: spotlight, 3D cards, background beams, text effects, floating nav.","note_zh":"Aceternity 免费组件全列表：聚光灯、3D 卡片、背景光束、文字生成、浮动导航"},{"id":"lib-magicui-components","name":"Magic UI 全部组件","url":"https://magicui.design/docs/components","type":"library","pricing":"free","tags":["React","开源","shadcn"],"ct":["motion","background","card","layout"],"vs":["motion"],"rt":["component-library"],"section":"开源组件库 · 2026-10 补全","added":"2026-10-14","note":"Full Magic UI component list: marquee, bento grid, number ticker, beams, particles, dock.","note_zh":"Magic UI 组件全列表：Marquee、Bento Grid、数字滚动、光束、粒子、Dock"},{"id":"lib-hover-components","name":"Hover.dev 组件","url":"https://www.hover.dev/components","type":"library","pricing":"freemium","tags":["React"],"ct":["motion","button","nav","card"],"vs":["motion"],"rt":["component-library"],"section":"开源组件库 · 2026-10 补全","added":"2026-10-14","note":"Hover.dev animated components: buttons, navs, cards, heroes; some free.","note_zh":"Hover.dev 动画组件目录：按钮、导航、卡片、Hero；部分免费"},{"id":"lib-flowbite-blocks","name":"Flowbite Blocks","url":"https://flowbite.com/blocks/","type":"library","pricing":"freemium","tags":["HTML","React","开源"],"ct":["layout","table","form"],"vs":["minimal"],"rt":["component-library"],"section":"开源组件库 · 2026-10 补全","added":"2026-10-14","note":"Flowbite Tailwind blocks for marketing, app dashboards and e-commerce; some free.","note_zh":"Flowbite 的 Tailwind 区块：营销页、应用后台、电商；部分免费"},{"id":"gh-mengto-threeui","name":"threeui","url":"https://threeui.com","type":"library","pricing":"free","tags":["React","开源","自动收录"],"ct":["background"],"vs":["minimal"],"rt":["component-library"],"section":"每日新收录","added":"2026-10-15","note":"New GitHub UI repo: Open-source ThreeUI Community catalog with live interactive components and complete Community source. (★6622, MIT, MengTo/threeui)","note_zh":"GitHub 新晋 UI 仓库：Open-source ThreeUI Community catalog with live interactive components and complete Community source.（GitHub ★6622，MIT 许可，仓库 MengTo/threeui）"},{"id":"gh-ddoemonn-interior","name":"interior","url":"https://interior.dev","type":"library","pricing":"free","tags":["React","开源","自动收录"],"ct":["motion"],"vs":["minimal"],"rt":["component-library"],"section":"每日新收录","added":"2026-10-15","note":"New GitHub UI repo: micro-interactions for react, built for the half-second after a click (★958, MIT, ddoemonn/interior)","note_zh":"GitHub 新晋 UI 仓库：micro-interactions for react, built for the half-second after a click（GitHub ★958，MIT 许可，仓库 ddoemonn/interior）"},{"id":"gh-boardui-boardui","name":"boardui","url":"https://www.boardui.com","type":"library","pricing":"free","tags":["React","HTML","开源","自动收录"],"ct":["chat"],"vs":["minimal"],"rt":["component-library"],"section":"每日新收录","added":"2026-10-15","note":"New GitHub UI repo: React design system for agentic interfaces. Every free BoardUI component as source, with a working AI chat app on your own model key as the homepage. (★626, MIT, BoardUI/boardui)","note_zh":"GitHub 新晋 UI 仓库：React design system for agentic interfaces. Every free BoardUI component as source, with a working AI chat app on your own model key as the homepage.（GitHub ★626，MIT 许可，仓库 BoardUI/boardui）"},{"id":"gh-shadcn-labs-mdxcn","name":"mdxcn","url":"https://mdxcn.dev","type":"library","pricing":"free","tags":["React","开源","自动收录"],"ct":["chart"],"vs":["minimal"],"rt":["component-library"],"section":"每日新收录","added":"2026-10-15","note":"New GitHub UI repo: mdxcn is a free, open-source set of callouts, steps, terminals, charts, and timelines for mdx. copy any component with the shadcn cli. (★430, MIT, shadcn-labs/mdxcn)","note_zh":"GitHub 新晋 UI 仓库：mdxcn is a free, open-source set of callouts, steps, terminals, charts, and timelines for mdx. copy any component with the shadcn cli.（GitHub ★430，MIT 许可，仓库 shadcn-labs/mdxcn）"},{"id":"gh-caho1-open-claude-ui","name":"open-claude-ui","url":"https://github.com/Caho1/open-claude-ui","type":"library","pricing":"free","tags":["React","HTML","开源","自动收录"],"ct":["chat","motion"],"vs":["minimal"],"rt":["component-library"],"section":"每日新收录","added":"2026-10-15","note":"New GitHub UI repo: 基于 REA 深度拆解并高保真还原 Claude 官方桌面端 UI。纯手写 30 个独立 React 组件与 8 项硬核交互物理算法，附带 3000+ 行逆向分析手册。 (★315, MIT, Caho1/open-claude-ui)","note_zh":"GitHub 新晋 UI 仓库：基于 REA 深度拆解并高保真还原 Claude 官方桌面端 UI。纯手写 30 个独立 React 组件与 8 项硬核交互物理算法，附带 3000+ 行逆向分析手册。（GitHub ★315，MIT 许可，仓库 Caho1/open-claude-ui）"},{"id":"gh-cruxgarden-plasma-ui","name":"plasma-ui","url":"https://cruxgarden.github.io/plasma-ui/","type":"library","pricing":"free","tags":["React","开源","自动收录"],"ct":["motion","background"],"vs":["minimal"],"rt":["component-library"],"section":"每日新收录","added":"2026-10-15","note":"New GitHub UI repo: Liquid glass components for React (★294, MIT, CruxGarden/plasma-ui)","note_zh":"GitHub 新晋 UI 仓库：Liquid glass components for React（GitHub ★294，MIT 许可，仓库 CruxGarden/plasma-ui）"},{"id":"gh-appllama-liquid-glass-chat-ui","name":"liquid-glass-chat-ui","url":"https://appllama.io","type":"library","pricing":"free","tags":["React","开源","自动收录"],"ct":["chat","motion","background"],"vs":["minimal"],"rt":["component-library"],"section":"每日新收录","added":"2026-10-15","note":"New GitHub UI repo: Explore liquid-glass chat UIs with animated portraits, interactive stories, and floating composers. (★216, MIT, Appllama/liquid-glass-chat-ui)","note_zh":"GitHub 新晋 UI 仓库：Explore liquid-glass chat UIs with animated portraits, interactive stories, and floating composers.（GitHub ★216，MIT 许可，仓库 Appllama/liquid-glass-chat-ui）"},{"id":"gh-kostja94-bricks","name":"bricks","url":"https://alignify.co/products/bricks","type":"library","pricing":"free","tags":["HTML","开源","自动收录"],"ct":["chat"],"vs":["minimal"],"rt":["component-library"],"section":"每日新收录","added":"2026-10-15","note":"New GitHub UI repo: Component layer for AI agents: implementation-aware contracts for building project-native interface components. (★198, MIT, kostja94/bricks)","note_zh":"GitHub 新晋 UI 仓库：Component layer for AI agents: implementation-aware contracts for building project-native interface components.（GitHub ★198，MIT 许可，仓库 kostja94/bricks）"},{"id":"gh-moumen-soliman-lab","name":"lab","url":"https://lab.moumen.dev","type":"library","pricing":"free","tags":["HTML","开源","自动收录"],"vs":["minimal"],"rt":["component-library"],"section":"每日新收录","added":"2026-10-15","note":"New GitHub UI repo: A small lab of the components we build every day, rethought for better feel. Copy the source if that’s all you need. Stay for how each one was built, dead ends included, written fo (★171, MIT, moumen-soliman/lab)","note_zh":"GitHub 新晋 UI 仓库：A small lab of the components we build every day, rethought for better feel. Copy the source if that’s all you need. Stay for how each one was built, dead ends included, written fo（GitHub ★171，MIT 许可，仓库 moumen-soliman/lab）"},{"id":"gh-shadcn-ui-lint","name":"lint","url":"https://github.com/shadcn-ui/lint","type":"library","pricing":"free","tags":["React","HTML","开源","自动收录"],"ct":["chat"],"vs":["minimal"],"rt":["component-library"],"section":"每日新收录","added":"2026-10-15","note":"New GitHub UI repo: An agent-first linter for Tailwind design systems. Write design system rules that agents can verify. (★3194, MIT, shadcn-ui/lint)","note_zh":"GitHub 新晋 UI 仓库：An agent-first linter for Tailwind design systems. Write design system rules that agents can verify.（GitHub ★3194，MIT 许可，仓库 shadcn-ui/lint）"},{"id":"gh-panel-ui-panelui","name":"PanelUI","url":"https://www.panelui.dev/","type":"library","pricing":"free","tags":["React","开源","自动收录"],"ct":["form"],"vs":["minimal"],"rt":["component-library"],"section":"每日新收录","added":"2026-10-15","note":"New GitHub UI repo: High-performance React Native  and React components . (★806, MIT, panel-ui/PanelUI)","note_zh":"GitHub 新晋 UI 仓库：High-performance React Native  and React components .（GitHub ★806，MIT 许可，仓库 panel-ui/PanelUI）"},{"id":"gh-deeplethe-solid-glass","name":"solid-glass","url":"https://deeplethe.github.io/solid-glass","type":"library","pricing":"free","tags":["React","HTML","开源","自动收录"],"ct":["chat"],"vs":["minimal"],"rt":["component-library"],"section":"每日新收录","added":"2026-10-15","note":"New GitHub UI repo: A design system for AI applications. Material, physical, tactile, technical. (★724, MIT, deeplethe/solid-glass)","note_zh":"GitHub 新晋 UI 仓库：A design system for AI applications. Material, physical, tactile, technical.（GitHub ★724，MIT 许可，仓库 deeplethe/solid-glass）"},{"id":"gh-theorcdev-shadscan","name":"shadscan","url":"https://shadscan.com","type":"library","pricing":"free","tags":["React","开源","自动收录"],"ct":["chat"],"vs":["minimal"],"rt":["component-library"],"section":"每日新收录","added":"2026-10-15","note":"New GitHub UI repo: Deterministic UI audits for shadcn apps, built for your terminal, your CI, and your AI agent. (★553, MIT, TheOrcDev/shadscan)","note_zh":"GitHub 新晋 UI 仓库：Deterministic UI audits for shadcn apps, built for your terminal, your CI, and your AI agent.（GitHub ★553，MIT 许可，仓库 TheOrcDev/shadscan）"},{"id":"gh-keyline-icons-keyline-icons","name":"keyline-icons","url":"https://keylineicons.com/","type":"library","pricing":"free","tags":["React","HTML","开源","自动收录"],"ct":["chat","table","icon"],"vs":["minimal"],"rt":["component-library"],"section":"每日新收录","added":"2026-10-15","note":"New GitHub UI repo: 1,435 free MIT icons in stroke, two-tone, duotone and fill, rounded or sharp: 11,480 SVGs on one 24×24 grid. Built for shadcn/ui. (★162, MIT, keyline-icons/keyline-icons)","note_zh":"GitHub 新晋 UI 仓库：1,435 free MIT icons in stroke, two-tone, duotone and fill, rounded or sharp: 11,480 SVGs on one 24×24 grid. Built for shadcn/ui.（GitHub ★162，MIT 许可，仓库 keyline-icons/keyline-icons）"},{"id":"cs2-magicui-design--background--flickering-grid--v0","name":"Background · Magic UI · Flickering Grid","url":"https://magicui.design/docs/components/flickering-grid","type":"style","pricing":"unknown","tags":["Magic UI"],"ct":["background"],"vs":["dark-tech","gradient","motion"],"rt":["component-demo","motion"],"section":"组件样式","libName":"Magic UI","kind":"background","page":"https://magicui.design/docs/components/flickering-grid","added":"2026-10-15","note":"Magic UI 官方文档里的「背景」公开演示（Flickering Grid）。MIT。"},{"id":"cs2-www-cult-ui-com--tabs--direction-aware-tabs--v0","name":"Tabs · Cult UI · Direction Aware Tabs","url":"https://www.cult-ui.com/docs/components/direction-aware-tabs","type":"style","pricing":"unknown","tags":["Cult UI"],"ct":["tabs"],"vs":["dark-tech","skeuomorphic","motion"],"rt":["component-demo","motion"],"section":"组件样式","libName":"Cult UI","kind":"tabs","page":"https://www.cult-ui.com/docs/components/direction-aware-tabs","added":"2026-10-15","note":"Cult UI 官方文档里的「标签页」公开演示（Direction Aware Tabs）。MIT。"},{"id":"cs2-www-cult-ui-com--card--minimal-card--v0","name":"Card · Cult UI · Minimal Card","url":"https://www.cult-ui.com/docs/components/minimal-card","type":"style","pricing":"unknown","tags":["Cult UI"],"ct":["card"],"vs":["dark-tech","skeuomorphic","motion"],"rt":["component-demo"],"section":"组件样式","libName":"Cult UI","kind":"card","page":"https://www.cult-ui.com/docs/components/minimal-card","added":"2026-10-15","note":"Cult UI 官方文档里的「卡片」公开演示（Minimal Card）。MIT。"},{"id":"cs2-www-cult-ui-com--card--texture-card--v0","name":"Card · Cult UI · Texture Card","url":"https://www.cult-ui.com/docs/components/texture-card","type":"style","pricing":"unknown","tags":["Cult UI"],"ct":["card"],"vs":["dark-tech","skeuomorphic","motion"],"rt":["component-demo"],"section":"组件样式","libName":"Cult UI","kind":"card","page":"https://www.cult-ui.com/docs/components/texture-card","added":"2026-10-15","note":"Cult UI 官方文档里的「卡片」公开演示（Texture Card）。MIT。"},{"id":"cs2-www-cult-ui-com--editor--code-block--v0","name":"Editor · Cult UI · Code Block","url":"https://www.cult-ui.com/docs/components/code-block","type":"style","pricing":"unknown","tags":["Cult UI"],"ct":["editor"],"vs":["dark-tech","skeuomorphic","motion"],"rt":["component-demo"],"section":"组件样式","libName":"Cult UI","kind":"editor","page":"https://www.cult-ui.com/docs/components/code-block","added":"2026-10-15","note":"Cult UI 官方文档里的「编辑器」公开演示（Code Block）。MIT。"}]}