{"updated":"2026-10-15 15:17 UTC","fields":{"t":"title","k":"kind: skill|spec|note|resource|component","u":"url (relative = on this site)","r":"raw markdown (kb only)","d":"description","g":"tags"},"items":[{"t":"accessibility","k":"skill","u":"kb/skill/accessibility/","r":"kb/skill/accessibility.md","d":"Audit and improve web accessibility following WCAG 2.2 guidelines. Use when asked to \"improve accessibility\", \"a11y audit\", \"WCAG compliance\", \"screen reader support\", \"keyboard navigation\", or \"make ","g":["design","full-text"]},{"t":"api-design-principles","k":"skill","u":"kb/skill/api-design-principles/","r":"kb/skill/api-design-principles.md","d":"Master REST and GraphQL API design principles to build intuitive, scalable, and maintainable APIs that delight developers. Use when designing new APIs, reviewing API specifications, or establishing AP","g":["engineering","digest"]},{"t":"architecture-patterns","k":"skill","u":"kb/skill/architecture-patterns/","r":"kb/skill/architecture-patterns.md","d":"Implement proven backend architecture patterns including Clean Architecture, Hexagonal Architecture, and Domain-Driven Design. Use this skill when designing clean architecture for a new microservice, ","g":["engineering","digest"]},{"t":"baseline-ui","k":"skill","u":"kb/skill/baseline-ui/","r":"kb/skill/baseline-ui.md","d":"Quickly deslop UI code by fixing spacing, hierarchy, typography, and small layout issues. Use when the interface needs a fast cleanup or polish pass.","g":["design","full-text"]},{"t":"composition-patterns","k":"skill","u":"kb/skill/composition-patterns/","r":"kb/skill/composition-patterns.md","d":"React composition patterns that scale. Use when refactoring components with","g":["engineering","full-text"]},{"t":"emil-design-eng","k":"skill","u":"kb/skill/emil-design-eng/","r":"kb/skill/emil-design-eng.md","d":"This skill encodes Emil Kowalski's philosophy on UI polish, component design, animation decisions, and the invisible details that make software feel great.","g":["design","full-text"]},{"t":"fastapi-templates","k":"skill","u":"kb/skill/fastapi-templates/","r":"kb/skill/fastapi-templates.md","d":"Create production-ready FastAPI projects with async patterns, dependency injection, and comprehensive error handling. Use when building new FastAPI applications or setting up backend API projects.","g":["engineering","digest"]},{"t":"frontend-design","k":"skill","u":"kb/skill/frontend-design/","r":"kb/skill/frontend-design.md","d":"Guidance for distinctive, intentional visual design when building new UI or reshaping an existing one. Helps with aesthetic direction, typography, and making choices that don't read as templated defau","g":["design","full-text"]},{"t":"github-actions-templates","k":"skill","u":"kb/skill/github-actions-templates/","r":"kb/skill/github-actions-templates.md","d":"Create production-ready GitHub Actions workflows for automated testing, building, and deploying applications. Use when setting up CI/CD with GitHub Actions, automating development workflows, or creati","g":["engineering","digest"]},{"t":"impeccable","k":"skill","u":"kb/skill/impeccable/","r":"kb/skill/impeccable.md","d":"Use when the user wants to design, redesign, shape, critique, audit, polish, clarify, distill, harden, optimize, adapt, animate, colorize, extract, or otherwise improve a frontend interface. Covers we","g":["design","full-text"]},{"t":"javascript-testing-patterns","k":"skill","u":"kb/skill/javascript-testing-patterns/","r":"kb/skill/javascript-testing-patterns.md","d":"Implement comprehensive testing strategies using Jest, Vitest, and Testing Library for unit tests, integration tests, and end-to-end testing with mocking, fixtures, and test-driven development. Use wh","g":["engineering","digest"]},{"t":"mcp-builder","k":"skill","u":"kb/skill/mcp-builder/","r":"kb/skill/mcp-builder.md","d":"Guide for creating high-quality MCP (Model Context Protocol) servers that enable LLMs to interact with external services through well-designed tools. Use when building MCP servers to integrate externa","g":["engineering","full-text"]},{"t":"nodejs-backend-patterns","k":"skill","u":"kb/skill/nodejs-backend-patterns/","r":"kb/skill/nodejs-backend-patterns.md","d":"Build production-ready Node.js backend services with Express/Fastify, implementing middleware patterns, error handling, authentication, database integration, and API design best practices. Use when cr","g":["engineering","digest"]},{"t":"performance","k":"skill","u":"kb/skill/performance/","r":"kb/skill/performance.md","d":"Optimize web performance for faster loading and better user experience. Use when asked to \"speed up my site\", \"optimize performance\", \"reduce load time\", \"fix slow loading\", \"improve page speed\", or \"","g":["engineering","full-text"]},{"t":"playwright-cli","k":"skill","u":"kb/skill/playwright-cli/","r":"kb/skill/playwright-cli.md","d":"Automate browser interactions, test web pages and work with Playwright tests.","g":["engineering","digest"]},{"t":"postgresql-table-design","k":"skill","u":"kb/skill/postgresql-table-design/","r":"kb/skill/postgresql-table-design.md","d":"Use this skill when designing or reviewing a PostgreSQL-specific schema. Covers best-practices, data types, indexing, constraints, performance patterns, and advanced features","g":["engineering","digest"]},{"t":"rag-implementation","k":"skill","u":"kb/skill/rag-implementation/","r":"kb/skill/rag-implementation.md","d":"Build Retrieval-Augmented Generation (RAG) systems for LLM applications with vector databases and semantic search. Use when implementing knowledge-grounded AI, building document Q&A systems, or integr","g":["engineering","digest"]},{"t":"react-best-practices","k":"skill","u":"kb/skill/react-best-practices/","r":"kb/skill/react-best-practices.md","d":"React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js code to ensure optimal performance patter","g":["engineering","full-text"]},{"t":"redesign-skill","k":"skill","u":"kb/skill/redesign-skill/","r":"kb/skill/redesign-skill.md","d":"Upgrades existing websites and apps to premium quality. Audits current design, identifies generic AI patterns, and applies high-end design standards without breaking functionality. Works with any CSS ","g":["design","digest"]},{"t":"stripe-integration","k":"skill","u":"kb/skill/stripe-integration/","r":"kb/skill/stripe-integration.md","d":"Implement Stripe payment processing for robust, PCI-compliant payment flows including checkout, subscriptions, and webhooks. Use when integrating Stripe payments, building subscription systems, or imp","g":["engineering","digest"]},{"t":"taste-skill","k":"skill","u":"kb/skill/taste-skill/","r":"kb/skill/taste-skill.md","d":"Anti-slop frontend skill for landing pages, portfolios, and redesigns. The agent reads the brief, infers the right design direction, and ships interfaces that do not look templated. Real design system","g":["design","full-text"]},{"t":"typescript-advanced-types","k":"skill","u":"kb/skill/typescript-advanced-types/","r":"kb/skill/typescript-advanced-types.md","d":"Master TypeScript's advanced type system including generics, conditional types, mapped types, template literals, and utility types for building type-safe applications. Use when implementing complex ty","g":["engineering","digest"]},{"t":"web-design-guidelines","k":"skill","u":"kb/skill/web-design-guidelines/","r":"kb/skill/web-design-guidelines.md","d":"Review UI code for Web Interface Guidelines compliance. Use when asked to \"review my UI\", \"check accessibility\", \"audit design\", \"review UX\", or \"check my site against best practices\".","g":["design","digest"]},{"t":"web-quality-audit","k":"skill","u":"kb/skill/web-quality-audit/","r":"kb/skill/web-quality-audit.md","d":"Run an evidence-led web quality audit covering performance, accessibility, SEO, best practices, and agentic browsing. Use when asked to \"audit my site\", \"review web quality\", \"run lighthouse audit\", \"","g":["engineering","full-text"]},{"t":"webapp-testing","k":"skill","u":"kb/skill/webapp-testing/","r":"kb/skill/webapp-testing.md","d":"Toolkit for interacting with and testing local web applications using Playwright. Supports verifying frontend functionality, debugging UI behavior, capturing browser screenshots, and viewing browser l","g":["engineering","full-text"]},{"t":"Spacing & layout","k":"spec","u":"kb/spec/spacing/","r":"kb/spec/spacing.md","d":"Use one 4/8-based scale, a max content width, and consistent gutters; spacing communicates grouping.","g":["layout","tokens"]},{"t":"Typography","k":"spec","u":"kb/spec/typography/","r":"kb/spec/typography.md","d":"Two families max, a modular type scale, tight display tracking, comfortable body leading, tabular numbers for data.","g":["type","tokens"]},{"t":"Colour","k":"spec","u":"kb/spec/color/","r":"kb/spec/color.md","d":"Neutral base + one accent; semantic tokens; check contrast in both themes; gradients only as accents.","g":["color","tokens"]},{"t":"Motion","k":"spec","u":"kb/spec/motion/","r":"kb/spec/motion.md","d":"Purposeful, fast (150–300 ms), ease-out on enter, transform/opacity only, honour reduced motion.","g":["motion"]},{"t":"Accessibility","k":"spec","u":"kb/spec/accessibility/","r":"kb/spec/accessibility.md","d":"Semantic HTML, visible focus, names for icon buttons, 24px targets, keyboard dialogs, WCAG 2.2 AA.","g":["a11y"]},{"t":"Dark mode","k":"spec","u":"kb/spec/dark-mode/","r":"kb/spec/dark-mode.md","d":"A second palette, not inversion: off-black base, elevation by lightness, desaturated accent, color-scheme set.","g":["dark mode","color"]},{"t":"Mobile & responsive","k":"spec","u":"kb/spec/mobile/","r":"kb/spec/mobile.md","d":"Mobile-first layout, 44px touch targets, bottom navigation for primary tabs, safe areas, no horizontal scroll.","g":["mobile","layout"]},{"t":"House style: restrained fancy","k":"note","u":"kb/note/restrained-fancy/","r":"kb/note/restrained-fancy.md","d":"The UI Hub house style for sites we build: fancy but restrained, Aceternity / Magic UI / Cult UI quality, dense real content.","g":["style","lessons"]},{"t":"Lessons: previews and screenshots","k":"note","u":"kb/note/lessons-previews/","r":"kb/note/lessons-previews.md","d":"What we learned shipping 2,000+ component previews.","g":["lessons","previews"]},{"t":"Lessons: getting good UI from AI agents","k":"note","u":"kb/note/lessons-ai-ui/","r":"kb/note/lessons-ai-ui.md","d":"Practical rules that made agent-built UIs look designed instead of generated.","g":["lessons","AI"]},{"t":"AI-assisted UI design: a workflow that keeps taste in the loop","k":"note","u":"kb/note/blog-ai-assisted-ui-design-workflow/","r":"kb/note/blog-ai-assisted-ui-design-workflow.md","d":"Generators are fast but average. Split the job: humans set direction and constraints, AI explores variants, humans curate and polish.","g":["blog","workflow","AI"]},{"t":"Prompting for UI: write specs, not wishes","k":"note","u":"kb/note/blog-prompts-for-ui/","r":"kb/note/blog-prompts-for-ui.md","d":"\"Modern and clean\" means nothing to a model. Name layout, tokens, states, content and what to avoid.","g":["blog","prompt"]},{"t":"Design-to-code with AI: map to your components, not to pixels","k":"note","u":"kb/note/blog-design-to-code-with-ai/","r":"kb/note/blog-design-to-code-with-ai.md","d":"Pixel-perfect export creates throwaway code. Give the agent your component registry and tokens via MCP so output reuses what you already ship.","g":["blog","design-to-code","Figma"]},{"t":"Teaching agents taste: how design skills de-slop AI interfaces","k":"note","u":"kb/note/blog-taste-and-skills-for-agents/","r":"kb/note/blog-taste-and-skills-for-agents.md","d":"Skills like frontend-design, taste-skill and impeccable package opinions as files agents load on demand. Here is how to combine them.","g":["blog","skills","taste"]},{"t":"Component composition: why headless + copy-paste won","k":"note","u":"kb/note/blog-component-composition/","r":"kb/note/blog-component-composition.md","d":"Radix behaviour, your styles, code you own. Compound components keep APIs small and make AI edits safer.","g":["blog","components","architecture"]},{"t":"Motion that feels right: purpose, duration, easing, restraint","k":"note","u":"kb/note/blog-motion-that-feels-right/","r":"kb/note/blog-motion-that-feels-right.md","d":"Most UI motion should be under 300ms, ease-out, and skipped for frequent actions. Spectacle belongs on marketing pages, not in tools.","g":["blog","motion"]},{"t":"Dark mode done right: tokens, elevation and contrast","k":"note","u":"kb/note/blog-dark-mode-done-right/","r":"kb/note/blog-dark-mode-done-right.md","d":"Dark mode is a second palette, not an inverted one. Use semantic tokens, lighter surfaces for elevation, and desaturated accents.","g":["blog","dark mode","tokens"]},{"t":"Accessibility in AI-generated UI: the checks models skip","k":"note","u":"kb/note/blog-accessibility-in-ai-generated-ui/","r":"kb/note/blog-accessibility-in-ai-generated-ui.md","d":"Generated UIs look fine and fail keyboards and screen readers. Start from accessible primitives, then audit against WCAG 2.2.","g":["blog","accessibility"]},{"t":"v0 in practice: from a prompt to shadcn code you can keep","k":"note","u":"kb/note/blog-v0-prompt-to-shadcn/","r":"kb/note/blog-v0-prompt-to-shadcn.md","d":"v0 is strongest when you treat it as a shadcn/Tailwind code generator, not a design oracle. Brief it like an engineer, then pull the code into your repo.","g":["blog","v0","shadcn","prompt-to-UI"]},{"t":"Lovable and Bolt: when prompt-to-UI becomes prompt-to-app","k":"note","u":"kb/note/blog-lovable-bolt-prompt-to-app/","r":"kb/note/blog-lovable-bolt-prompt-to-app.md","d":"Both tools build whole apps, so design quality now competes with data, auth and deploys for attention. How to keep the look from being an afterthought.","g":["blog","Lovable","Bolt","full-stack"]},{"t":"Figma Make and the Figma agent: AI moves onto the canvas","k":"note","u":"kb/note/blog-figma-make-and-figma-agent/","r":"kb/note/blog-figma-make-and-figma-agent.md","d":"Figma Make turns prompts into working prototypes; the Figma agent, generally available since 6 Oct 2026, reads team guideline files. Why the guideline file matters most.","g":["blog","Figma","Figma Make","agent"]},{"t":"MagicOS: Magic Patterns bets on an infinite canvas of AI threads","k":"note","u":"kb/note/blog-magic-patterns-magicos/","r":"kb/note/blog-magic-patterns-magicos.md","d":"Launched 13 Oct 2026: one coordinator chat spawns parallel design threads on a shared canvas. What it fixes (lost context) and when a single design is still better.","g":["blog","Magic Patterns","MagicOS","canvas"]},{"t":"Prompt-to-UI tools compared: v0, Lovable, Bolt, Figma Make, Magic Patterns","k":"note","u":"kb/note/blog-prompt-to-ui-tools-compared/","r":"kb/note/blog-prompt-to-ui-tools-compared.md","d":"Not a leaderboard: a decision guide by what you are shipping, where the output lives, and how much design control you need.","g":["blog","comparison","v0","Lovable","Bolt","Figma Make","Magic Patterns"]},{"t":"Aceternity UI deep dive: spectacle, used sparingly","k":"note","u":"kb/note/blog-aceternity-ui-deep-dive/","r":"kb/note/blog-aceternity-ui-deep-dive.md","d":"Copy-paste React + Tailwind + Motion effects that made the \"fancy\" landing look popular. Which pieces carry a page and which turn it into a demo reel.","g":["blog","Aceternity UI","motion","components"]},{"t":"Magic UI deep dive: animated components that install like shadcn","k":"note","u":"kb/note/blog-magic-ui-deep-dive/","r":"kb/note/blog-magic-ui-deep-dive.md","d":"An open-source (MIT) set of motion components distributed through the shadcn registry. Best picks for SaaS pages and how to keep them accessible.","g":["blog","Magic UI","shadcn","motion"]},{"t":"Cult UI deep dive: tactile components with personality","k":"note","u":"kb/note/blog-cult-ui-deep-dive/","r":"kb/note/blog-cult-ui-deep-dive.md","d":"shadcn-compatible components that feel physical: dynamic islands, textured buttons, expandable cards. How to borrow personality without breaking consistency.","g":["blog","Cult UI","shadcn","components"]},{"t":"shadcn blocks and registries: page sections as source code","k":"note","u":"kb/note/blog-shadcn-blocks-deep-dive/","r":"kb/note/blog-shadcn-blocks-deep-dive.md","d":"Blocks (dashboards, sidebars, login pages) install with one CLI command, and any team can publish its own registry. Why this is the best substrate for AI agents.","g":["blog","shadcn","blocks","registry"]},{"t":"Typography for AI-generated UI: the fastest way to look less generic","k":"note","u":"kb/note/blog-typography-for-ai-generated-ui/","r":"kb/note/blog-typography-for-ai-generated-ui.md","d":"Generators default to one sans at three sizes. A type scale, a second typeface, tighter tracking on display sizes and real line lengths fix most of it.","g":["blog","typography","tokens"]},{"t":"OKLCH colour systems: palettes that survive dark mode","k":"note","u":"kb/note/blog-oklch-color-and-dark-mode/","r":"kb/note/blog-oklch-color-and-dark-mode.md","d":"OKLCH keeps perceived lightness consistent across hues, so you can generate scales and dark themes by math instead of eyeballing. Tailwind v4 uses it by default.","g":["blog","color","OKLCH","dark mode"]},{"t":"Landing page teardown: what Linear and Vercel get right","k":"note","u":"kb/note/blog-landing-page-teardown-linear-vercel/","r":"kb/note/blog-landing-page-teardown-linear-vercel.md","d":"Two widely copied developer-tool homepages, read as a list of decisions: one message, product as hero image, dark restraint, and proof placed right after the promise.","g":["blog","landing page","teardown","case study"]},{"t":"Dashboard patterns that hold up: from KPI strip to drill-down table","k":"note","u":"kb/note/blog-dashboard-design-patterns/","r":"kb/note/blog-dashboard-design-patterns.md","d":"AI tools love to generate twelve charts. Good dashboards answer three questions in order: is it OK, what changed, why. A layout and a component list for each.","g":["blog","dashboard","data","patterns"]},{"t":"Design tokens for agents: the file that makes AI output on-brand","k":"note","u":"kb/note/blog-design-tokens-for-agents/","r":"kb/note/blog-design-tokens-for-agents.md","d":"A machine-readable token file (the W3C DTCG format) plus a short usage note beats any adjective in a prompt. Structure, naming, and how to hand it to an agent.","g":["blog","design tokens","DTCG","agents"]},{"t":"Design skills for Claude and Cursor: SKILL.md, rules and AGENTS.md","k":"note","u":"kb/note/blog-claude-cursor-design-skills/","r":"kb/note/blog-claude-cursor-design-skills.md","d":"Three file formats, one idea: durable instructions an agent loads when relevant. How to write a design skill that changes output, with a template.","g":["blog","skills","Claude","Cursor","rules"]},{"t":"Weekly roundup, 14 Oct 2026: guideline files go mainstream","k":"note","u":"kb/note/blog-weekly-roundup-2026-w42/","r":"kb/note/blog-weekly-roundup-2026-w42.md","d":"Figma agent GA with team guidelines, Lovable drops its pick-a-look step, Magic Patterns launches MagicOS, Chrome iterates on HTML-in-Canvas. What it means for your workflow.","g":["blog","news","weekly","Figma","Lovable","MagicOS"]},{"t":"Tutorial: have an agent build a landing page using UI Hub as context","k":"note","u":"kb/note/blog-tutorial-agent-builds-landing-with-ui-hub/","r":"kb/note/blog-tutorial-agent-builds-landing-with-ui-hub.md","d":"Six steps from an empty folder to a verified page: load AGENTS.md, search the encyclopedia, pick components, load skills, build, verify in a browser.","g":["blog","tutorial","agents","UI Hub"]},{"t":"Claude Design everywhere: out of beta, into every chat","k":"note","u":"kb/note/blog-claude-design-everywhere/","r":"kb/note/blog-claude-design-everywhere.md","d":"Anthropic took Docs, Slides and Design out of beta on every plan, launched Dashboards and Motion in beta, and will close the standalone Design site on 14 Dec 2026. For UI builders the practical move i","g":["blog","Claude","Design","Artifacts","Dashboards"]},{"t":"Figma code layers and Specs: the canvas becomes the shared context again","k":"note","u":"kb/note/blog-figma-code-layers-and-specs/","r":"kb/note/blog-figma-code-layers-and-specs.md","d":"At Config India (15 Oct 2026) Figma moved code layers into open beta, launched Specs as a Markdown home on the canvas, and let libraries carry guidelines and code sources. The lesson for UI builders: ","g":["blog","Figma","Code Layers","Specs","MCP","design systems"]},{"t":"Figma MCP Server Guide（含官方 Skills）","k":"resource","u":"https://github.com/figma/mcp-server-guide","d":"Figma 官方 MCP 配置指南，含 figma-create-design-system-rules 等 Skill，可为 CLAUDE.md、AGENTS.md、.cursor/rules 生成设计规范","g":["minimal","skill"]},{"t":"Figma：为 MCP 写自定义 Skill","k":"resource","u":"https://developers.figma.com/docs/figma-mcp-server/create-skills/","d":"教你写 Skill，让 Agent 先查组件库，再按你们的 Variables 命名和模式出稿","g":["minimal","tutorial"]},{"t":"Figma：给 MCP 加自定义规则","k":"resource","u":"https://developers.figma.com/docs/figma-mcp-server/add-custom-rules/","d":"现成规则模板：get_design_context → 截图 → 用 token 实现 → 对照设计稿检查","g":["minimal","tutorial"]},{"t":"Figma：设计师怎么用 Claude Code","k":"resource","u":"https://www.figma.com/resource-library/claude-code-for-designers/","d":"设计师入门：连上 Figma、读组件和 token、把改动推回画布","g":["minimal","tutorial"]},{"t":"Impeccable","k":"resource","u":"https://impeccable.style","d":"3 万多星的设计 Skill：20 多条设计命令，加 UI 审查和 AI slop 反模式检测；官网可在线看效果和命令说明","g":["editorial","minimal","skill"]},{"t":"Taste Skill（13 个子 Skill 全集）","k":"resource","u":"https://github.com/Leonxlnx/taste-skill","d":"8 万多星的「反 AI 味」Skill 合集，共 13 个：管排版、留白、圆角、动效强度，还能审查已有页面；官网 tasteskill.dev","g":["minimal","editorial","soft","skill"]},{"t":"bencium Claude Code Design Skill","k":"resource","u":"https://github.com/bencium/bencium-claude-code-design-skill","d":"社区评价「最完整的 UX 设计 Skill 之一」，偏 UX 流程和可用性","g":["minimal","skill"]},{"t":"Vercel agent-skills（web-design-guidelines）","k":"resource","u":"https://github.com/vercel-labs/agent-skills","d":"Vercel 官方：按 100 多条界面规范审查 UI 代码，覆盖无障碍、焦点、表单、动效、排版、暗色、i18n","g":["minimal","swiss","skill"]},{"t":"shadcn/ui 官方 Skill","k":"resource","u":"https://ui.shadcn.com/docs/skills","d":"读 components.json，按 shadcn 的组合规则和语义色写组件，减少 AI 乱拼","g":["minimal","skill"]},{"t":"Ant Design for Agents（MCP + Skill）","k":"resource","u":"https://ant-design.antgroup.com/docs/react/for-agents","d":"蚂蚁官方：antd mcp、antd setup --client cursor/claude/codex，一条命令装好 MCP 和 Skill","g":["enterprise","skill"]},{"t":"Ant Design llms.txt / design.md","k":"resource","u":"https://ant.design/docs/react/llms","d":"有 llms.txt、llms-full.txt 和 design.md，把整套 antd 规范喂给 AI","g":["enterprise","spec"]},{"t":"GSAP 官方 Skills","k":"resource","u":"https://github.com/greensock/gsap-skills","d":"GreenSock 官方动效 Skill：时间轴、ScrollTrigger、React 清理，Cursor / Claude / Codex 都能用","g":["motion","skill"]},{"t":"DESIGN.md 格式规范（Google）","k":"resource","u":"https://github.com/google-labs-code/design.md","d":"Google 提出的 DESIGN.md 格式：YAML 写 token，Markdown 写设计意图","g":["minimal","spec"]},{"t":"addyosmani/agent-skills","k":"resource","u":"https://github.com/addyosmani/agent-skills","d":"Addy Osmani 的工程 Skill 集，含前端性能和质量类","g":["minimal","skill"]},{"t":"openai/plugins","k":"resource","u":"https://github.com/openai/plugins","d":"OpenAI 官方 Codex 插件和 Skill 仓库，里面有设计、Figma 相关插件","g":["minimal","skill"]},{"t":"Oil Frontend（中文前端规范 Skill）","k":"resource","u":"https://github.com/oil-oil/oil-frontend","d":"中文作者写的前端规范 Skill：组件、函数、架构，加基础 UI/UX，适合不熟前端规范的人","g":["minimal","skill"]},{"t":"dembrandt","k":"resource","u":"https://github.com/dembrandt/dembrandt","d":"输入网址，几秒提取整套设计系统（色、字、间距、阴影），能当 MCP 接进 Claude","g":["minimal","tool"]},{"t":"skills.sh","k":"resource","u":"https://skills.sh","d":"跨 Agent 的 Skill 目录，用 npx skills add 安装","g":["minimal","collection"]},{"t":"ui-skills.com","k":"resource","u":"https://www.ui-skills.com","d":"面向人和 Agent 的设计 playbook 合集（本站许多 Skill 卡片来自这里）","g":["minimal","collection"]},{"t":"whichai.dev","k":"resource","u":"https://www.whichai.dev","d":"把各家模型「装 / 不装设计 Skill」做出的前端放一起对比，判断值不值得装","g":["minimal","collection"]},{"t":"Taste Skill 13 个子 Skill 拆解（@shao__meng）","k":"resource","u":"https://x.com/i/status/2093148263621017886","d":"中文长帖，逐个讲 Taste Skill 的 13 个子 Skill 管什么、什么时候用","g":["minimal","tutorial"]},{"t":"Apple Human Interface Guidelines","k":"resource","u":"https://developer.apple.com/design/human-interface-guidelines/","d":"iOS、macOS、visionOS 的权威规范，Liquid Glass 时代必读","g":["apple","glass","minimal","system"]},{"t":"Apple Design Resources","k":"resource","u":"https://developer.apple.com/design/resources/","d":"官方 Figma / Sketch 套件、SF 字体、SF Symbols","g":["apple","glass","system"]},{"t":"Material Design 3","k":"resource","u":"https://m3.material.io/","d":"Google M3 和 Expressive 的组件、颜色、动效、无障碍规范","g":["material","playful","system"]},{"t":"Material Theme Builder","k":"resource","u":"https://material-foundation.github.io/material-theme-builder/","d":"一个主色生成整套 M3 色彩 token，可以导出代码","g":["material","tool"]},{"t":"Microsoft Fluent 2","k":"resource","u":"https://fluent2.microsoft.design/","d":"微软跨平台设计语言，有 Web、iOS、Android、Windows 版本","g":["fluent","enterprise","system"]},{"t":"Fusion Design（阿里）","k":"resource","u":"https://fusion.design/","d":"阿里中台设计系统","g":["enterprise","system"]},{"t":"NutUI（京东）","k":"resource","u":"https://nutui.jd.com/","d":"京东移动端和小程序电商风组件规范","g":["playful","system"]},{"t":"WeUI（微信）","k":"resource","u":"https://github.com/Tencent/weui","d":"微信原生视觉规范组件","g":["minimal","system"]},{"t":"微信小程序设计指南","k":"resource","u":"https://developers.weixin.qq.com/miniprogram/design/","d":"小程序官方交互和视觉原则","g":["minimal","system"]},{"t":"HarmonyOS 设计（华为）","k":"resource","u":"https://developer.huawei.com/consumer/cn/design/","d":"鸿蒙官方设计规范和资源","g":["minimal","soft","system"]},{"t":"Samsung One UI","k":"resource","u":"https://developer.samsung.com/one-ui","d":"三星官方：布局、栅格、大屏和折叠屏规范","g":["soft","minimal","system"]},{"t":"Shopify Polaris","k":"resource","u":"https://polaris.shopify.com/","d":"Shopify 后台设计系统，现在以 Web Components 为主","g":["enterprise","minimal","system"]},{"t":"Polaris Web Components 文档","k":"resource","u":"https://shopify.dev/docs/api/app-home/polaris-web-components","d":"Polaris 新版组件 API","g":["enterprise","minimal","system"]},{"t":"Salesforce Lightning（SLDS）","k":"resource","u":"https://www.lightningdesignsystem.com/","d":"企业 SaaS 规范，styling hooks 是 token 化主题的典型","g":["enterprise","system"]},{"t":"Atlassian Design System","k":"resource","u":"https://atlassian.design/","d":"Jira / Confluence 的规范，token 和写作规范都公开","g":["enterprise","minimal","system"]},{"t":"Uber Base","k":"resource","u":"https://base.uber.com/","d":"Uber 官方设计系统","g":["minimal","swiss","system"]},{"t":"Base Web（Uber React 实现）","k":"resource","u":"https://baseweb.design/","d":"Base 的开源 React 组件","g":["minimal","swiss","component"]},{"t":"Adobe Spectrum","k":"resource","u":"https://spectrum.adobe.com/","d":"Adobe 全家桶设计语言","g":["enterprise","minimal","system"]},{"t":"Spectrum 2","k":"resource","u":"https://s2.spectrum.adobe.com/","d":"Spectrum 新一代视觉和组件","g":["soft","minimal","system"]},{"t":"GOV.UK Design System","k":"resource","u":"https://design-system.service.gov.uk/","d":"公共服务规范，无障碍和表单模式是教科书级","g":["utilitarian","system"]},{"t":"Twilio Paste","k":"resource","u":"https://paste.twilio.design/","d":"Twilio 的公开设计系统，组件文档写得很规范","g":["enterprise","minimal","system"]},{"t":"Zendesk Garden","k":"resource","u":"https://garden.zendesk.com/","d":"Zendesk 的公开设计系统，SaaS 组件参考","g":["enterprise","soft","system"]},{"t":"HashiCorp Helios","k":"resource","u":"https://helios.hashicorp.design/","d":"HashiCorp 的公开设计系统，开发者工具类界面参考","g":["enterprise","system"]},{"t":"Elastic EUI","k":"resource","u":"https://eui.elastic.co/","d":"Elastic 的公开设计系统，数据密集型界面参考","g":["enterprise","system"]},{"t":"Airbnb DLS（Karri Saarinen 复盘）","k":"resource","u":"https://karrisaarinen.com/dls/","d":"Airbnb DLS 不公开；主导者亲自讲怎么搭跨端组件体系","g":["minimal","soft","tutorial"]},{"t":"Spotify Encore（官方工程博客）","k":"resource","u":"https://engineering.atspotify.com/2023/5/multiple-layers-of-abstraction-in-design-systems","d":"Encore「多个系统组成的系统」：组件的分层抽象和 slots","g":["dark-tech","tutorial"]},{"t":"Netflix Hawkins 设计系统解读","k":"resource","u":"https://learn.thedesignsystem.guide/p/how-netflix-builds-design-systems","d":"Netflix 为什么做 Hawkins、怎么用 token 统一多端（原文在 Netflix 技术博客）","g":["dark-tech","tutorial"]},{"t":"The Design System Guide","k":"resource","u":"https://thedesignsystem.guide","d":"Romina Kavcic 写的从零搭设计系统全流程，带模板","g":["minimal","tutorial"]},{"t":"Atomic Design（Brad Frost 免费全书）","k":"resource","u":"https://atomicdesign.bradfrost.com/","d":"原子、分子、组织的组件分层方法论","g":["minimal","tutorial"]},{"t":"Figma 官方 Variables 指南","k":"resource","u":"https://help.figma.com/hc/en-us/articles/15339657135383-Guide-to-variables-in-Figma","d":"在 Figma 里落地 token 和模式（明暗、品牌）","g":["minimal","tutorial"]},{"t":"Style Dictionary","k":"resource","u":"https://styledictionary.com/","d":"一份 token 编译成 CSS、iOS、Android 的标准做法","g":["minimal","tool"]},{"t":"Tokens Studio 文档","k":"resource","u":"https://docs.tokens.studio/","d":"Figma 和代码之间同步 token 的完整教程","g":["minimal","tutorial"]},{"t":"UXPin：Design Tokens 完整指南","k":"resource","u":"https://www.uxpin.com/studio/blog/what-are-design-tokens/","d":"token 入门：原子、语义、组件三层","g":["minimal","tutorial"]},{"t":"React Summit：Figma→TV 的 token 和 MCP 管线","k":"resource","u":"https://gitnation.com/contents/from-figma-to-tv-and-beyond-scaling-react-ui-with-design-tokens-and-mcp","d":"实战：GitHub Actions 加 MCP，把 token 同步到 Web、移动端和电视","g":["dark-tech","tutorial"]},{"t":"Refactoring UI","k":"resource","u":"https://www.refactoringui.com/","d":"Tailwind 作者写的「开发者也能做好看 UI」，讲间距、层级、颜色（付费书）","g":["minimal","tutorial"]},{"t":"Practical Typography","k":"resource","u":"https://practicaltypography.com/","d":"排版基本功：行长、行高、字号层级","g":["editorial","tutorial"]},{"t":"Utopia（流体字号和间距）","k":"resource","u":"https://utopia.fyi/","d":"用 clamp() 生成响应式字号和间距 scale","g":["swiss","minimal","tool"]},{"t":"Type Scale","k":"resource","u":"https://typescale.com/","d":"可视化选字号比例","g":["editorial","swiss","tool"]},{"t":"8pt Grid（spec.fm）","k":"resource","u":"https://spec.fm/specifics/8-pt-grid","d":"8 点栅格间距体系的经典讲解","g":["swiss","tutorial"]},{"t":"Material 3 动效规范","k":"resource","u":"https://m3.material.io/styles/motion/overview","d":"缓动、时长 token 和转场模式","g":["material","tutorial"]},{"t":"Emil Kowalski：7 个动效实用技巧","k":"resource","u":"https://emilkowal.ski/ui/7-practical-animation-tips","d":"Sonner、Vaul 作者写的 UI 动效手感要点","g":["minimal","tutorial"]},{"t":"animations.dev","k":"resource","u":"https://animations.dev","d":"Emil 的网页动效系统课（付费）","g":["minimal","tutorial"]},{"t":"Rauno：交互设计中看不见的细节","k":"resource","u":"https://rauno.me/craft/interaction-design","d":"Vercel 设计师讲交互细节和「手感」","g":["minimal","tutorial"]},{"t":"web.dev Learn Design","k":"resource","u":"https://web.dev/learn/design","d":"Google 免费课：响应式设计","g":["minimal","tutorial"]},{"t":"web.dev Learn Accessibility","k":"resource","u":"https://web.dev/learn/accessibility","d":"Google 免费课：无障碍","g":["minimal","tutorial"]},{"t":"Inclusive Components","k":"resource","u":"https://inclusive-components.design/","d":"逐个组件（开关、标签页、卡片、菜单）讲怎么做无障碍","g":["utilitarian","tutorial"]},{"t":"W3C Design Tokens 社区组","k":"resource","u":"https://www.designtokens.org/","d":"跨工具 token 标准的官方来源","g":["minimal","spec"]},{"t":"DTCG Format 2025.10 稳定版","k":"resource","u":"https://www.designtokens.org/tr/2025.10/format/","d":"token JSON 格式正式规范，Figma、Tokens Studio、Style Dictionary 都在跟","g":["minimal","spec"]},{"t":"Vercel Web Interface Guidelines","k":"resource","u":"https://vercel.com/design/guidelines","d":"很细的界面规范清单（焦点、表单、动效、排版），可以直接给 AI 当审查标准","g":["minimal","swiss","spec"]},{"t":"web-interface-guidelines 仓库","k":"resource","u":"https://github.com/vercel-labs/web-interface-guidelines","d":"上面这份规范的 Markdown 原文，可以放进 AGENTS.md","g":["minimal","swiss","spec"]},{"t":"Material 3 Design Tokens","k":"resource","u":"https://m3.material.io/foundations/design-tokens/overview","d":"M3 的 token 分层（ref → sys → comp）和命名","g":["material","spec"]},{"t":"Material 3 颜色角色","k":"resource","u":"https://m3.material.io/styles/color/roles","d":"primary、on-primary、container 等语义色角色的标准答案","g":["material","spec"]},{"t":"Fluent 2 Design Tokens","k":"resource","u":"https://fluent2.microsoft.design/design-tokens","d":"微软的全局 token 和别名 token 体系","g":["fluent","spec"]},{"t":"Carbon 主题和 token","k":"resource","u":"https://carbondesignsystem.com/elements/themes/overview/","d":"IBM 四套主题，靠一组语义 token 切换","g":["enterprise","swiss","spec"]},{"t":"Atlassian Design Tokens","k":"resource","u":"https://atlassian.design/foundations/tokens/design-tokens","d":"语义 token 命名范例，例如 color.background.danger","g":["enterprise","spec"]},{"t":"Ant Design 定制主题（Seed → Map → Alias）","k":"resource","u":"https://ant.design/docs/react/customize-theme","d":"国内最常用的三层 token 算法模型","g":["enterprise","spec"]},{"t":"Primer Primitives","k":"resource","u":"https://primer.style/foundations/primitives","d":"GitHub 的基础 token 和功能 token","g":["minimal","spec"]},{"t":"Adobe Spectrum Design Data（tokens）","k":"resource","u":"https://github.com/adobe/spectrum-design-data","d":"Spectrum 公开的 token 数据仓库（旧仓库是 adobe/spectrum-tokens）","g":["enterprise","spec"]},{"t":"Apple HIG Typography","k":"resource","u":"https://developer.apple.com/design/human-interface-guidelines/typography","d":"Dynamic Type 字号层级和行高规范","g":["apple","spec"]},{"t":"WCAG 2.2 Quick Reference","k":"resource","u":"https://www.w3.org/WAI/WCAG22/quickref/","d":"对比度、焦点、点击区域等硬性要求","g":["utilitarian","spec"]},{"t":"WAI-ARIA Authoring Practices（APG）","k":"resource","u":"https://www.w3.org/WAI/ARIA/apg/","d":"每种组件（下拉、标签页、对话框）的键盘和 ARIA 标准写法","g":["utilitarian","spec"]},{"t":"Open UI","k":"resource","u":"https://open-ui.org/","d":"W3C 社区组，统一各大组件库的组件命名和结构","g":["minimal","spec"]},{"t":"Radix Colors：12 级色阶用法","k":"resource","u":"https://www.radix-ui.com/colors/docs/palette-composition/understanding-the-scale","d":"每一级颜色用在背景、边框还是文字，规则讲得很清楚","g":["minimal","spec"]},{"t":"Adobe Leonardo","k":"resource","u":"https://leonardocolor.io/","d":"按对比度生成无障碍色阶，Adobe 开源","g":["minimal","tool"]},{"t":"Design System Checklist","k":"resource","u":"https://designsystemchecklist.com","d":"上线前逐项检查设计系统","g":["minimal","collection"]},{"t":"Design Systems Surf","k":"resource","u":"https://designsystems.surf","d":"可搜索的设计系统大全","g":["minimal","collection"]},{"t":"Componly Collection","k":"resource","u":"https://collection.componly.co","d":"设计系统组件对照","g":["minimal","collection"]},{"t":"Goodcart","k":"resource","u":"https://goodcart.design","d":"电商 / 购物流程 UI 灵感","g":["minimal","inspiration"]},{"t":"Shoot","k":"resource","u":"https://shoot.design","d":"UI 截图灵感库","g":["minimal","inspiration"]},{"t":"A/B Test Design","k":"resource","u":"https://abtest.design","d":"真实 A/B 测试前后对比，学「哪个版本赢了」","g":["minimal","inspiration"]},{"t":"Morphin Inspirations","k":"resource","u":"https://morphin.dev/inspirations","d":"交互 / 动效灵感合集","g":["motion","gradient","inspiration"]},{"t":"Pushkeen","k":"resource","u":"https://pushkeen.ai","d":"AI 产品界面灵感","g":["dark-tech","minimal","inspiration"]},{"t":"Viewport UI","k":"resource","u":"https://viewportui.com","d":"免费 UI 灵感目录","g":["minimal","inspiration"]},{"t":"Recent（原 Godly）","k":"resource","u":"https://recent.design","d":"Godly 旧域名已跳到这里，每日精选网页、品牌、动效","g":["editorial","brutalist","motion","inspiration"]},{"t":"Load More","k":"resource","u":"https://www.loadmo.re","d":"实验性、移动优先的前卫网页画廊","g":["brutalist","editorial","inspiration"]},{"t":"Design Spells","k":"resource","u":"https://designspells.com","d":"「像魔法一样」的微交互和彩蛋细节","g":["playful","motion","inspiration"]},{"t":"Designspiration","k":"resource","u":"https://www.designspiration.com","d":"更干净的 Pinterest 式设计灵感","g":["minimal","editorial","inspiration"]},{"t":"Muzli","k":"resource","u":"https://muz.li","d":"新标签页插件，每日推送设计灵感","g":["minimal","inspiration"]},{"t":"Curated Design","k":"resource","u":"https://curated.design/inspiration/","d":"按行业和区块（Hero、定价、页脚）筛网页","g":["minimal","inspiration"]},{"t":"Cosmos","k":"resource","u":"https://www.cosmos.so","d":"视觉收藏、情绪板和视觉搜索","g":["editorial","minimal","inspiration"]},{"t":"Layers","k":"resource","u":"https://layers.to","d":"设计师作品社区（SaaS、仪表盘、图标）","g":["minimal","dark-tech","inspiration"]},{"t":"Minimal Gallery","k":"resource","u":"https://minimal.gallery","d":"2013 年起的极简网站画廊","g":["minimal","swiss","inspiration"]},{"t":"Game UI Database","k":"resource","u":"https://www.gameuidatabase.com","d":"游戏 UI 截图库，做数据面板和座舱界面很有用","g":["retro","dark-tech","inspiration"]},{"t":"Interface In Game","k":"resource","u":"https://interfaceingame.com","d":"游戏界面截图和录屏合集","g":["retro","dark-tech","inspiration"]},{"t":"HUDS+GUIS","k":"resource","u":"https://www.hudsandguis.com","d":"科幻电影 HUD 和未来界面合集","g":["dark-tech","3d","inspiration"]},{"t":"Navbar Gallery","k":"resource","u":"https://www.navbar.gallery","d":"专收导航栏设计","g":["minimal","inspiration"]},{"t":"Footer Design","k":"resource","u":"https://www.footer.design","d":"专收页脚设计","g":["minimal","inspiration"]},{"t":"CTA Gallery","k":"resource","u":"https://www.cta.gallery","d":"专收行动号召（CTA）区块","g":["minimal","inspiration"]},{"t":"404s","k":"resource","u":"https://www.404s.design","d":"专收 404 页面","g":["playful","inspiration"]},{"t":"AppShot Gallery","k":"resource","u":"https://www.appshot.gallery","d":"真实移动端 App 截图","g":["apple","minimal","inspiration"]},{"t":"Pageflows","k":"resource","u":"https://pageflows.com","d":"完整用户流程录屏","g":["minimal","inspiration"]},{"t":"Ripplix","k":"resource","u":"https://www.ripplix.com","d":"7000+ UI 动画参考","g":["motion","inspiration"]},{"t":"Kinetics","k":"resource","u":"https://kinetics.colorion.co","d":"150+ 动效，附 React 代码和可喂 AI 的提示词","g":["motion","gradient","effect"]},{"t":"CSS Text Effects","k":"resource","u":"https://text-effects.colorion.co","d":"CSS 文字特效合集","g":["playful","gradient","effect"]},{"t":"Gradient Buttons","k":"resource","u":"https://gradientbuttons.colorion.co","d":"渐变按钮合集","g":["gradient","playful","effect"]},{"t":"MicroKit","k":"resource","u":"https://microkit.co","d":"微交互组件","g":["minimal","motion","component"]},{"t":"Liquid Glass（samasante）","k":"resource","u":"https://glass.samasante.com","d":"玻璃折射组件","g":["glass","apple","effect"]},{"t":"Circle Loaders","k":"resource","u":"https://circleloaders.dominikakissi.com","d":"SVG 环形加载动画","g":["minimal","motion","effect"]},{"t":"UIAble","k":"resource","u":"https://uiable.com","d":"shadcn 生态组件","g":["minimal","component"]},{"t":"mapcn","k":"resource","u":"https://mapcn.dev","d":"可复制的 React 地图组件","g":["minimal","component"]},{"t":"Appica UI","k":"resource","u":"https://appica.dev/ui","d":"注重无障碍的组件","g":["minimal","component"]},{"t":"Spectrum UI","k":"resource","u":"https://ui.spectrumhq.in","d":"Next.js 动效组件","g":["dark-tech","motion","component"]},{"t":"Spell UI","k":"resource","u":"https://spell.sh","d":"精致的 React 组件","g":["minimal","soft","component"]},{"t":"Swift Pieces","k":"resource","u":"https://swiftpieces.com","d":"SwiftUI 动效组件","g":["apple","motion","component"]},{"t":"mcpcn","k":"resource","u":"https://github.com/shadcn-labs/mcpcn","d":"shadcn-labs 出的开源组件","g":["minimal","component"]},{"t":"Animated Icons","k":"resource","u":"https://animated-icons-nu.vercel.app","d":"207 个动画 React 图标","g":["minimal","motion","effect"]},{"t":"Fontshare","k":"resource","u":"https://fontshare.com","d":"免费商用字体","g":["editorial","swiss","tool"]},{"t":"Hugeicons","k":"resource","u":"https://hugeicons.com","d":"大型图标库","g":["minimal","tool"]},{"t":"Obsidian UI","k":"resource","u":"https://obsidianui.dev","d":"UI 组件库","g":["dark-tech","component"]},{"t":"Designeer","k":"resource","u":"https://designeer.xyz","d":"设计和 AI 工具目录","g":["minimal","collection"]},{"t":"3Dicons","k":"resource","u":"https://3dicons.co","d":"免费 3D 图标","g":["3d","playful","tool"]},{"t":"Kitbitz","k":"resource","u":"https://kitbitz.art","d":"2000+ 手绘插画","g":["playful","soft","tool"]},{"t":"Anime.js","k":"resource","u":"https://animejs.com","d":"轻量 JavaScript 动画库","g":["motion","playful","effect"]},{"t":"Iconsax","k":"resource","u":"https://app.iconsax.io","d":"线性图标库","g":["minimal","tool"]},{"t":"Desengs","k":"resource","u":"https://desengs.com","d":"设计 × 前端交叉资源站","g":["minimal","collection"]},{"t":"Penpot","k":"resource","u":"https://github.com/penpot/penpot","d":"开源的 Figma 替代品","g":["minimal","tool"]},{"t":"Claude Code /design、/design-sync","k":"resource","u":"https://code.claude.com/docs/en/commands","d":"终端里出多套可编辑设计稿，选一个再实现；/design-sync 同步自家 React 设计系统","g":["minimal","tool"]},{"t":"Claude Design","k":"resource","u":"https://claude.com/product/design","d":"Anthropic 的设计产品，已并入 Claude 对话，直接出 HTML 原型","g":["minimal","generator"]},{"t":"Google Stitch CLI","k":"resource","u":"https://x.com/i/status/2105695155164741984","d":"npm i -g @google/stitch：Stitch 进终端，接 Claude Code / Cursor / Codex 生成页面和设计系统","g":["minimal","tool"]},{"t":"google-labs-code/stitch-skills","k":"resource","u":"https://github.com/google-labs-code/stitch-skills","d":"Stitch 官方 Agent Skills","g":["minimal","skill"]},{"t":"awesome-design-md","k":"resource","u":"https://github.com/VoltAgent/awesome-design-md","d":"Apple、Stripe、Linear、Notion 等大厂 DESIGN.md 合集，放进项目根目录让 Agent 照着做","g":["minimal","editorial","collection"]},{"t":"Refero Styles","k":"resource","u":"https://styles.refero.design","d":"2000+ 真实产品风格，每个带 DESIGN.md、Tailwind v4 和 tokens","g":["minimal","editorial","inspiration"]},{"t":"DESIGNmd","k":"resource","u":"https://designmd.ai","d":"Markdown 写的设计系统合集","g":["minimal","collection"]},{"t":"VibePrompt","k":"resource","u":"https://vibeprompts.dev","d":"仪表盘、落地页的视觉提示词","g":["gradient","dark-tech","collection"]},{"t":"Jiro","k":"resource","u":"https://jiro.build","d":"1200+ 设计提示词","g":["minimal","collection"]},{"t":"Kage","k":"resource","u":"https://kage.design","d":"把 UI 灵感转成提示词","g":["minimal","tool"]},{"t":"Design Prompts","k":"resource","u":"https://www.designprompts.dev","d":"30+ 种风格提示词（新粗野、玻璃、杂志等）","g":["editorial","brutalist","glass","collection"]},{"t":"MotionSites","k":"resource","u":"https://motionsites.ai","d":"落地页动效提示词","g":["motion","3d","collection"]},{"t":"Scrolltide","k":"resource","u":"https://scrolltide.co","d":"600+ 3D 和滚动叙事模板","g":["3d","motion","template"]},{"t":"Claude-Code-Frontend-Design-Toolkit","k":"resource","u":"https://github.com/wilwaldon/Claude-Code-Frontend-Design-Toolkit","d":"70+ Skill、插件、MCP 按任务分 10 类，含推荐组合（MIT）","g":["minimal","collection"]},{"t":"Nothing Design Skill","k":"resource","u":"https://github.com/dominikmartn/nothing-design-skill","d":"Nothing 风黑白工业感设计系统 Skill，支持 HTML / SwiftUI / React","g":["industrial","minimal","skill"]},{"t":"no-slop-ui","k":"resource","u":"https://github.com/LeoStehlik/no-slop-ui","d":"设计规则 + UI 扫描器，防止玻璃拟态和渐变滥用","g":["minimal","skill"]},{"t":"avoid-ai-design","k":"resource","u":"https://github.com/funboy322/avoid-ai-design","d":"避开 AI 模板化设计的规则集","g":["minimal","skill"]},{"t":"anti-slop","k":"resource","u":"https://github.com/miqdadbadjuber/anti-slop","d":"反 AI slop 设计 Skill","g":["minimal","skill"]},{"t":"Netxeo skill-file-design","k":"resource","u":"https://github.com/Netxeo/skill-file-design","d":"设计规则 Skill 文件模板","g":["minimal","skill"]},{"t":"design-guide（GrubbyLee）","k":"resource","u":"https://github.com/GrubbyLee/design-guide","d":"给 Agent 用的设计指南","g":["minimal","skill"]},{"t":"web-design-skills","k":"resource","u":"https://github.com/lotfb86/web-design-skills","d":"网页设计 Skill 集","g":["minimal","skill"]},{"t":"huashu-design（花叔）","k":"resource","u":"https://github.com/alchaincyf/huashu-design","d":"花叔的 HTML 原生设计 Skill：原型、幻灯片、动效、导出 MP4","g":["editorial","skill"]},{"t":"onlook","k":"resource","u":"https://github.com/onlook-dev/onlook","d":"可视化编辑 UI，AI 写代码","g":["minimal","tool"]},{"t":"21st-dev/magic-mcp","k":"resource","u":"https://github.com/21st-dev/magic-mcp","d":"在 Cursor 里调用 1 万+ React / Tailwind 组件（21st 的 MCP）","g":["minimal","tool"]},{"t":"design-extract","k":"resource","u":"https://github.com/Manavarya09/design-extract","d":"一条命令提取任意网站的设计系统","g":["minimal","tool"]},{"t":"screenshot-to-code","k":"resource","u":"https://github.com/abi/screenshot-to-code","d":"截图或录屏 → HTML / Tailwind / React / Vue","g":["minimal","generator"]},{"t":"openai/apps-sdk-ui","k":"resource","u":"https://github.com/openai/apps-sdk-ui","d":"ChatGPT 应用内 UI 组件，跟随对话框主题","g":["minimal","component"]},{"t":"Gradually.ai Claude Code Skills 目录","k":"resource","u":"https://gradually.ai/en/claude-code-skills","d":"400+ 精选 Claude Code Skills","g":["minimal","collection"]},{"t":"Paper（+ Paper MCP）","k":"resource","u":"https://paper.design","d":"设计画布 + MCP；有人说比 Figma MCP 少一半 Prompt","g":["minimal","tool"]},{"t":"AI × Design Weekly（Jason Cyr）","k":"resource","u":"https://jasoncyr.substack.com/p/ai-design-weekly-issue-005","d":"每周 AI × 设计动态：Figma MCP、Codex ↔ Figma、设计系统 Skills","g":["minimal","tutorial"]},{"t":"Interfaces 设计工程杂志（Jakub Krehel）","k":"resource","u":"https://interfaces.dev","d":"付费月刊：交互 demo 和代码，含 Agent Skills；3 期免费","g":["minimal","editorial","tutorial"]},{"t":"Maven：AI Coding for Product Designers","k":"resource","u":"https://maven.com/button-school/coding-course","d":"6 周直播课，教产品设计师用 AI 写代码","g":["minimal","tutorial"]},{"t":"Designlab：Vibe Coding Camp","k":"resource","u":"https://designlab.com/advanced/vibe-coding-course","d":"4 周：Claude Code + Figma MCP + Supabase + Vercel","g":["minimal","tutorial"]},{"t":"HeyDesigner","k":"resource","u":"https://heydesigner.com","d":"每日设计工程链接精选","g":["minimal","tutorial"]},{"t":"Dezi Gallery","k":"resource","u":"https://dezi.gallery","d":"设计工具目录","g":["minimal","collection"]},{"t":"Jakub Krehel 博客","k":"resource","u":"https://jakub.kr","d":"《Details that make interfaces feel better》《Using AI as a design engineer》、手势、OKLCH","g":["minimal","tutorial"]},{"t":"Jakub Krehel Skills 的具体数值规则（@GitHub_Daily）","k":"resource","u":"https://x.com/i/status/2099287056929460296","d":"嵌套圆角：外圈 = 内圈 + padding；按下缩到 0.96；图标切换用透明度 + 缩放 + 4px 模糊","g":["minimal","tutorial"]},{"t":"Emil Kowalski Skills 中文全解（@pengchujin）","k":"resource","u":"https://x.com/i/status/2101578929786228924","d":"apple-design、animate、review-animations 各干什么，什么时候不该加动画","g":["minimal","tutorial"]},{"t":"设计工程师必会 7 个 UI Skill（@neropursue）","k":"resource","u":"https://x.com/i/status/2101613613949542838","d":"新增 fixing-accessibility、react-doctor、playwright-cli（截图验收）","g":["minimal","tutorial"]},{"t":"10 个 UI Skills 实测 + 安全提醒（@Ryan95322865）","k":"resource","u":"https://x.com/i/status/2077328569219604814","d":"动效控制在 300ms 内；约三分之一 Skills 有安全问题，装前先读 SKILL.md","g":["minimal","tutorial"]},{"t":"「先出设计方案再写代码」Prompt（@Voxyz_ai）","k":"resource","u":"https://x.com/i/status/2087178102505926740","d":"受众/目标 → 4–6 个色 token → 字体 → ASCII 线框 → 1 个标志元素；完成后桌面 + 手机截图对照 DESIGN.md","g":["minimal","tutorial"]},{"t":"Claude Design 设计师 Nate Parrott 的 6 条用法（@mylifcc）","k":"resource","u":"https://x.com/i/status/2104441471948496967","d":"中文整理：大多数人一开始就用错了 Claude Design","g":["minimal","tutorial"]},{"t":"Claude Design vs Figma MCP（@dotey 宝玉）","k":"resource","u":"https://x.com/i/status/2102509523684479377","d":"直出 HTML 原型 vs 操作 Figma 文件；不是设计师优先选 Claude Design","g":["minimal","tutorial"]},{"t":"设计 Harness 与工程实践长文（@NiallxYoung）","k":"resource","u":"https://x.com/i/status/2095769528785617353","d":"读 Atlassian、Vercel 设计工程文章后的实践，含 design.md 用在哪","g":["minimal","tutorial"]},{"t":"AI slop 成因与破解（@dashiAIxz）","k":"resource","u":"https://x.com/i/status/2095715594368860421","d":"约束不够就趋同；用随机数打破、给参考图、首尾帧生视频做 Landing","g":["minimal","tutorial"]},{"t":"我的 Claude Code 前端组合（@rwspatin）","k":"resource","u":"https://x.com/i/status/2106437552844444129","d":"frontend-design 出稿 → impeccable 审查打磨 → 一个 tokens 文件防止 Agent 乱发挥","g":["minimal","tutorial"]},{"t":"独立开发怎么搞定 UI（@LgyLight）","k":"resource","u":"https://x.com/i/status/2095694208132899108","d":"找参考 → 定框架 → 抠细节（图标统一）三步，附图标库站","g":["minimal","tutorial"]},{"t":"Design Engineer Stack 101（@SataEricUX）","k":"resource","u":"https://x.com/i/status/2094659988971261998","d":"给设计师 / PM 讲清 React、Next、TS、Prisma 各管什么","g":["minimal","tutorial"]},{"t":"2026 产品设计师工作流（@dianne_alter）","k":"resource","u":"https://x.com/i/status/2088261777758851497","d":"产品上下文 → Mobbin + Paper / Claude Code 原型 → Figma 组件进 Storybook → Agent 审查","g":["minimal","tutorial"]},{"t":"用 Claude Code 搭设计系统地基（@TheObiLeonard）","k":"resource","u":"https://x.com/i/status/2105630874171502870","d":"tokens、基础组件、变体、状态、响应式、无障碍","g":["minimal","tutorial"]},{"t":"Beautiful UI","k":"resource","u":"https://www.beautifului.dev/","d":"精选的漂亮 AI 界面组件","g":["minimal","soft","component"]},{"t":"BeUI","k":"resource","u":"https://beui.dev","d":"漂亮的 React 组件","g":["dark-tech","motion","component"]},{"t":"Rare UI","k":"resource","u":"https://rareui.com","d":"少见、有设计感的组件","g":["dark-tech","motion","component"]},{"t":"Transitions","k":"resource","u":"https://transitions.dev","d":"页面过渡和动效","g":["motion","layout","motion","minimal","effect"]},{"t":"shadcn/ui","k":"resource","u":"https://ui.shadcn.com/","d":"最主流的基础组件库，很多库都基于它","g":["minimal","component"]},{"t":"frontend-design（Anthropic）","k":"resource","u":"https://www.ui-skills.com/skills/anthropics/frontend-design","d":"Anthropic 官方的前端设计技能","g":["minimal","skill"]},{"t":"apple-design（Emil Kowalski）","k":"resource","u":"https://www.ui-skills.com/skills/emilkowalski/apple-design","d":"苹果风格设计","g":["apple","glass","skill"]},{"t":"beautiful-shadows（Meng To）","k":"resource","u":"https://www.ui-skills.com/skills/mengto/beautiful-shadows","d":"好看的阴影","g":["skeuomorphic","soft","skill"]},{"t":"accessibility（Addy Osmani）","k":"resource","u":"https://www.ui-skills.com/skills/addyosmani/accessibility","d":"无障碍设计","g":["minimal","skill"]},{"t":"design-review（superfuture）","k":"resource","u":"https://www.ui-skills.com/skills/superfuture/design-review","d":"设计走查","g":["minimal","skill"]},{"t":"emil-design-eng（Emil Kowalski）","k":"resource","u":"https://www.ui-skills.com/skills/emilkowalski/emil-design-eng","d":"设计工程细节","g":["minimal","skill"]},{"t":"shadcn（shadcn-ui）","k":"resource","u":"https://www.ui-skills.com/skills/shadcn-ui/shadcn","d":"正确使用 shadcn 组件","g":["minimal","skill"]},{"t":"adapt（Paul Bakaus）","k":"resource","u":"https://www.ui-skills.com/skills/pbakaus/adapt","d":"响应式适配","g":["minimal","skill"]},{"t":"better-interface（Jakub Krehel）","k":"resource","u":"https://www.ui-skills.com/skills/jakubkrehel/better-interface","d":"界面细节打磨","g":["minimal","skill"]},{"t":"interaction-design（wshobson）","k":"resource","u":"https://www.ui-skills.com/skills/wshobson/interaction-design","d":"交互设计","g":["minimal","skill"]},{"t":"prompt-kit","k":"resource","u":"https://www.prompt-kit.com/","d":"AI 对话组件，风格干净","g":["chat","minimal","component"]},{"t":"assistant-ui","k":"resource","u":"https://www.assistant-ui.com/","d":"AI 助手界面组件，有仿 ChatGPT、Claude 的示例","g":["chat","minimal","component"]},{"t":"AI Elements（Vercel）","k":"resource","u":"https://ai-sdk.dev/elements","d":"Vercel 官方 AI 组件","g":["minimal","component"]},{"t":"shadcn.io AI 组件","k":"resource","u":"https://www.shadcn.io/ai","d":"50 多个 AI 聊天组件，能拼出 Claude 风格界面","g":["chat","minimal","component"]},{"t":"OpenAI ChatKit","k":"resource","u":"https://openai.github.io/chatkit-js/","d":"OpenAI 官方聊天组件","g":["chat","minimal","component"]},{"t":"ElevenLabs UI","k":"resource","u":"https://ui.elevenlabs.io/","d":"语音 AI 组件，声波动画好看","g":["motion","minimal","gradient","component"]},{"t":"shadcn-chatbot-kit","k":"resource","u":"https://shadcn-chatbot-kit.vercel.app/","d":"基于 shadcn 的聊天机器人组件","g":["chat","minimal","component"]},{"t":"Kibo UI","k":"resource","u":"https://www.kibo-ui.com/","d":"shadcn 扩展组件，含 AI 类","g":["minimal","component"]},{"t":"Simple AI","k":"resource","u":"https://www.simple-ai.dev/","d":"AI 组件和工作流节点画布","g":["minimal","component"]},{"t":"inference.sh UI","k":"resource","u":"https://ui.inference.sh/","d":"AI 应用界面组件","g":["minimal","component"]},{"t":"llm-ui","k":"resource","u":"https://llm-ui.com/","d":"大模型输出的流式渲染","g":["minimal","component"]},{"t":"reachat","k":"resource","u":"https://reachat.dev/","d":"开源大模型聊天组件","g":["chat","minimal","component"]},{"t":"Deep Chat","k":"resource","u":"https://deepchat.dev/","d":"一个组件嵌入完整 AI 聊天窗口","g":["chat","minimal","component"]},{"t":"chatscope","k":"resource","u":"https://chatscope.io/","d":"传统聊天界面组件","g":["chat","minimal","component"]},{"t":"21st.dev AI 聊天组件合集","k":"resource","u":"https://21st.dev/community/components/s/ai-chat","d":"248 个以上社区组件","g":["chat","minimal","component"]},{"t":"CopilotKit","k":"resource","u":"https://www.copilotkit.ai/","d":"应用内 AI 副驾驶界面","g":["chat","minimal","component"]},{"t":"Tambo","k":"resource","u":"https://tambo.co/","d":"AI 生成式界面","g":["minimal","component"]},{"t":"Thesys","k":"resource","u":"https://www.thesys.dev/","d":"AI 生成式界面","g":["minimal","gradient","component"]},{"t":"Hashbrown","k":"resource","u":"https://hashbrown.dev/","d":"让 AI 调用你自己的组件生成界面","g":["minimal","component"]},{"t":"LangChain Agent Chat UI","k":"resource","u":"https://github.com/langchain-ai/agent-chat-ui","d":"智能体聊天界面","g":["chat","minimal","component"]},{"t":"LiveKit 智能体前端","k":"resource","u":"https://docs.livekit.io/agents/start/frontend/","d":"实时语音和视频智能体界面","g":["chat","minimal","component"]},{"t":"Stream AI Chat","k":"resource","u":"https://getstream.io/chat/solutions/ai-integration/","d":"商用级聊天组件","g":["chat","minimal","component"]},{"t":"aicss","k":"resource","u":"https://aicss.dev","d":"AI 智能体聊天组件（@tranmautritam）","g":["chat","minimal","component"]},{"t":"Beautiful UI 原语","k":"resource","u":"https://beautiful-ui-five.vercel.app","d":"给 AI 界面做的精致基础组件（@tranmautritam）","g":["minimal","soft","component"]},{"t":"Thinking Orbs","k":"resource","u":"https://orbs.jakubantalik.com","d":"AI 思考中的动态光球（@tranmautritam）","g":["loader","skeuomorphic","gradient","3d","effect"]},{"t":"Ant Design X（蚂蚁）","k":"resource","u":"https://x.ant.design/","d":"专门做 AI 界面","g":["enterprise","component"]},{"t":"LobeHub UI","k":"resource","u":"https://ui.lobehub.com/","d":"LobeChat 背后的组件库","g":["chat","minimal","component"]},{"t":"TDesign AI Chat（腾讯）","k":"resource","u":"https://tdesign.tencent.com/chat","d":"Vue 3 AI 对话组件","g":["chat","enterprise","component"]},{"t":"Motion+","k":"resource","u":"https://motion.dev/plus","d":"Motion 官方付费版，一次性买断，480 多个高级动效示例和 AI Kit","g":["motion","motion","minimal","effect"]},{"t":"Paper Shaders 全集","k":"resource","u":"https://shaders.paper.design/","d":"零依赖的着色器特效合集，React 或 GLSL","g":["background","gradient","3d","effect"]},{"t":"Rive","k":"resource","u":"https://rive.app/","d":"可交互的矢量动画，做会动的角色和按钮","g":["motion","button","playful","motion","effect"]},{"t":"Hover.dev","k":"resource","u":"https://www.hover.dev/","d":"偏交互感的现成组件和模板","g":["layout","dark-tech","motion","component"]},{"t":"Skiper UI","k":"resource","u":"https://skiper-ui.com/","d":"少见的 shadcn 组件","g":["dark-tech","motion","component"]},{"t":"ShaderGradient","k":"resource","u":"https://www.shadergradient.co/","d":"流动的 3D 渐变背景，支持 Framer、Figma、React","g":["background","threed","gradient","3d","effect"]},{"t":"NEAT","k":"resource","u":"https://neat.firecms.co/","d":"免费动态 3D 渐变背景生成器","g":["background","threed","gradient","3d","effect"]},{"t":"Liquid Glass React","k":"resource","u":"https://github.com/rdev/liquid-glass-react","d":"苹果液态玻璃效果的 React 版","g":["background","glass","apple","effect"]},{"t":"SmoothUI","k":"resource","u":"https://smoothui.dev/","d":"顺滑动效组件","g":["motion","minimal","motion","component"]},{"t":"Animata","k":"resource","u":"https://animata.design/","d":"数百个免费动效组件","g":["motion","playful","motion","component"]},{"t":"Vengeance UI","k":"resource","u":"https://www.vengenceui.com/","d":"落地页动效组件","g":["motion","layout","dark-tech","motion","component"]},{"t":"Lukacho UI","k":"resource","u":"https://ui.lukacho.com/","d":"动效组件和图表","g":["motion","chart","dark-tech","motion","component"]},{"t":"Codrops","k":"resource","u":"https://tympanus.net/codrops/","d":"前端特效教程和 Demo 老牌站","g":["editorial","motion","3d","effect"]},{"t":"Libraries.dev","k":"resource","u":"https://libraries.dev/","d":"Jakub Antalik 的特效合集：液态金属、思考光球、流光边框、黏液融合、语音光效、AI 头像、图片生成加载。npm 包免费；原站另有 Pro 付费版，解锁 Studio 深度定制","g":["background","avatar","loader","skeuomorphic","gradient","motion","effect"]},{"t":"Paper Shaders 液态金属","k":"resource","u":"https://shaders.paper.design/liquid-metal","d":"Paper 的液态金属着色器，可调参数后导出代码","g":["background","skeuomorphic","3d","effect"]},{"t":"React Bits 金属漆","k":"resource","u":"https://reactbits.dev/animations/metallic-paint","d":"把 Logo 做成流动的金属质感","g":["motion","skeuomorphic","3d","effect"]},{"t":"Unicorn Studio","k":"resource","u":"https://www.unicorn.studio/","d":"无代码做 WebGL 特效","g":["3d","gradient","motion","generator"]},{"t":"Magic UI","k":"resource","u":"https://magicui.design/","d":"","g":["dark-tech","gradient","motion","component"]},{"t":"Aceternity UI","k":"resource","u":"https://ui.aceternity.com/","d":"","g":["dark-tech","gradient","3d","motion","component"]},{"t":"React Bits","k":"resource","u":"https://reactbits.dev/","d":"","g":["dark-tech","motion","3d","component"]},{"t":"Animate UI","k":"resource","u":"https://animate-ui.com/","d":"","g":["motion","minimal","motion","component"]},{"t":"Motion Primitives","k":"resource","u":"https://motion-primitives.com/","d":"","g":["motion","minimal","motion","component"]},{"t":"Kokonut UI","k":"resource","u":"https://kokonutui.com/","d":"","g":["minimal","motion","component"]},{"t":"Cult UI","k":"resource","u":"https://www.cult-ui.com/","d":"","g":["dark-tech","skeuomorphic","motion","component"]},{"t":"21st.dev","k":"resource","u":"https://21st.dev/","d":"社区组件市场","g":["minimal","dark-tech","component"]},{"t":"HeroUI","k":"resource","u":"https://www.heroui.com/","d":"色彩鲜艳、主题丰富（@vikingmute 推荐）","g":["soft","playful","component"]},{"t":"COSS UI","k":"resource","u":"https://coss.com/ui","d":"基于 Base UI，简洁考究、带 Skills、对 AI 友好（@vikingmute 最推荐，可替代 shadcn 默认样式）","g":["minimal","component"]},{"t":"Shadcnblocks","k":"resource","u":"https://www.shadcnblocks.com/","d":"现成页面区块","g":["layout","minimal","component"]},{"t":"Uiverse","k":"resource","u":"https://uiverse.io/","d":"开源小组件","g":["playful","neumorphism","skeuomorphic","component"]},{"t":"Origin Kit","k":"resource","u":"https://originkit.dev","d":"免费动效组件库（@tranmautritam）","g":["motion","minimal","motion","component"]},{"t":"Canvas UI","k":"resource","u":"https://canvasui.dev","d":"在真实网页上叠 WebGL 特效（@tranmautritam）","g":["background","threed","3d","gradient","effect"]},{"t":"Border Beam","k":"resource","u":"https://beam.jakubantalik.com","d":"动态流光边框（@tranmautritam）","g":["gradient","dark-tech","effect"]},{"t":"Liquid Metal","k":"resource","u":"https://metal.jakubantalik.com","d":"液态金属质感按钮，React 可用、零依赖（@tranmautritam 重点推荐）","g":["background","button","skeuomorphic","3d","effect"]},{"t":"aiverse","k":"resource","u":"https://www.aiverse.design/","d":"200 多个海外 AI 产品交互案例","g":["minimal","dark-tech","inspiration"]},{"t":"The Shape of AI","k":"resource","u":"https://www.shapeof.ai/","d":"AI 交互模式库","g":["minimal","inspiration"]},{"t":"agentic-design.ai","k":"resource","u":"https://agentic-design.ai/","d":"智能体设计模式","g":["minimal","inspiration"]},{"t":"Mobbin","k":"resource","u":"https://mobbin.com/","d":"真实 App 截图库","g":["apple","minimal","inspiration"]},{"t":"Land-book","k":"resource","u":"https://land-book.com/","d":"落地页灵感","g":["editorial","minimal","inspiration"]},{"t":"Refero","k":"resource","u":"https://refero.design/","d":"真实产品界面库（@neropursue）","g":["minimal","editorial","inspiration"]},{"t":"60fps","k":"resource","u":"https://60fps.design/","d":"移动端界面动效（@neropursue）","g":["motion","apple","inspiration"]},{"t":"Inspora","k":"resource","u":"https://inspora.design/","d":"从 X 上收集的设计灵感（@neropursue）","g":["editorial","minimal","inspiration"]},{"t":"Brand Guidelines","k":"resource","u":"https://brandguidelines.net/","d":"品牌规范灵感（@neropursue）","g":["editorial","swiss","inspiration"]},{"t":"Backgrounds Supply","k":"resource","u":"https://backgrounds.supply/","d":"好看的设计背景素材（@neropursue）","g":["gradient","3d","inspiration"]},{"t":"Reelfolio","k":"resource","u":"https://reelfolio.io/","d":"做漂亮的作品集（@neropursue）","g":["editorial","motion","inspiration"]},{"t":"Open WebUI","k":"resource","u":"https://openwebui.com/","d":"","g":["chat","minimal","template"]},{"t":"LibreChat","k":"resource","u":"https://www.librechat.ai/","d":"","g":["chat","minimal","template"]},{"t":"HuggingChat 源码","k":"resource","u":"https://github.com/huggingface/chat-ui","d":"","g":["chat","minimal","template"]},{"t":"Chainlit","k":"resource","u":"https://chainlit.io/","d":"Python","g":["chat","minimal","template"]},{"t":"Gradio","k":"resource","u":"https://www.gradio.app/","d":"Python","g":["chat","minimal","template"]},{"t":"Vercel AI 聊天机器人模板","k":"resource","u":"https://vercel.com/templates/next.js/chatbot","d":"","g":["chat","layout","minimal","template"]},{"t":"assistant-ui 示例","k":"resource","u":"https://www.assistant-ui.com/examples","d":"","g":["chat","minimal","template"]},{"t":"v0 模板库","k":"resource","u":"https://v0.app/templates","d":"","g":["layout","chat","minimal","template"]},{"t":"Agentation","k":"resource","u":"https://agentation.com/","d":"在界面上直接标注问题，生成说明给编程 Agent（@tranmautritam）","g":["minimal","generator"]},{"t":"UI 问题盘点可视化（@Linmiv）","k":"resource","u":"https://x.com/Linmiv/status/2106383164923060266","d":"思路参考：把一个 App 所有页面的顶栏截图拼成画布，逐条标注不统一的地方和待定决策，适合做 UI 走查","g":["minimal","guide"]},{"t":"Google Stitch","k":"resource","u":"https://stitch.withgoogle.com/","d":"文字生成设计稿，可导出 Figma","g":["minimal","generator"]},{"t":"Figma Make","k":"resource","u":"https://www.figma.com/make/","d":"AI 生成可交互原型","g":["minimal","generator"]},{"t":"Magic Patterns","k":"resource","u":"https://www.magicpatterns.com/","d":"给产品经理做原型","g":["minimal","generator"]},{"t":"UX Pilot","k":"resource","u":"https://uxpilot.ai/","d":"线框图和高保真稿","g":["minimal","generator"]},{"t":"Relume","k":"resource","u":"https://www.relume.io/","d":"站点地图和线框图","g":["minimal","generator"]},{"t":"Lovable","k":"resource","u":"https://lovable.dev/","d":"对话生成网页应用","g":["minimal","generator"]},{"t":"Bolt","k":"resource","u":"https://bolt.cello.so/ByQ3siiRkMz","d":"对话生成应用，可在线改代码","g":["minimal","generator"]},{"t":"ibelick/ui-skills-root","k":"resource","u":"https://www.ui-skills.com/skills/ibelick/ui-skills-root","d":"总入口，按需求自动挑最合适的几个 UI 技能","g":["minimal","skill"]},{"t":"ibelick/baseline-ui","k":"resource","u":"https://www.ui-skills.com/skills/ibelick/baseline-ui","d":"快速去掉 AI 味：修间距、层级、字体和小布局问题","g":["minimal","skill"]},{"t":"ibelick/improve-ui","k":"resource","u":"https://www.ui-skills.com/skills/ibelick/improve-ui","d":"按产品自己的设计规范审查界面，写出修改方案","g":["minimal","skill"]},{"t":"ibelick/create-design-md","k":"resource","u":"https://www.ui-skills.com/skills/ibelick/create-design-md","d":"从现有产品或网站提取设计规范，生成 DESIGN.md","g":["minimal","skill"]},{"t":"pbakaus/impeccable","k":"resource","u":"https://www.ui-skills.com/skills/pbakaus/impeccable","d":"Impeccable 主技能，做不千篇一律的高质量界面","g":["minimal","skill"]},{"t":"pbakaus/polish","k":"resource","u":"https://www.ui-skills.com/skills/pbakaus/polish","d":"上线前最后一遍对齐、间距、一致性打磨","g":["minimal","skill"]},{"t":"pbakaus/critique","k":"resource","u":"https://www.ui-skills.com/skills/pbakaus/critique","d":"给设计打分，按用户角色检查并给出修改建议","g":["minimal","skill"]},{"t":"pbakaus/bolder","k":"resource","u":"https://www.ui-skills.com/skills/pbakaus/bolder","d":"界面太平淡时加强视觉冲击和个性","g":["editorial","brutalist","skill"]},{"t":"pbakaus/quieter","k":"resource","u":"https://www.ui-skills.com/skills/pbakaus/quieter","d":"界面太花时降噪，保留层级","g":["minimal","skill"]},{"t":"pbakaus/delight","k":"resource","u":"https://www.ui-skills.com/skills/pbakaus/delight","d":"加有记忆点的小交互和情绪细节","g":["playful","motion","skill"]},{"t":"pbakaus/harden","k":"resource","u":"https://www.ui-skills.com/skills/pbakaus/harden","d":"补齐空状态、报错、引导、多语言等边界情况","g":["minimal","skill"]},{"t":"pbakaus/shape","k":"resource","u":"https://www.ui-skills.com/skills/pbakaus/shape","d":"写代码前先做设计访谈，产出设计简报（适合产品经理）","g":["minimal","skill"]},{"t":"pbakaus/overdrive","k":"resource","u":"https://www.ui-skills.com/skills/pbakaus/overdrive","d":"往高冲击力走：高级动效、着色器","g":["motion","3d","skill"]},{"t":"leonxlnx/taste-skill","k":"resource","u":"https://www.ui-skills.com/skills/leonxlnx/taste-skill","d":"资深 UI 审美约束，专门防 AI 套路化设计","g":["editorial","minimal","skill"]},{"t":"leonxlnx/redesign-skill","k":"resource","u":"https://www.ui-skills.com/skills/leonxlnx/redesign-skill","d":"在不改功能的前提下把现有界面升级到高级感","g":["editorial","minimal","skill"]},{"t":"leonxlnx/soft-skill","k":"resource","u":"https://www.ui-skills.com/skills/leonxlnx/soft-skill","d":"高端柔和风：字体、留白、层次、动效","g":["soft","skill"]},{"t":"leonxlnx/minimalist-skill","k":"resource","u":"https://www.ui-skills.com/skills/leonxlnx/minimalist-skill","d":"编辑感极简风，黑白配色","g":["minimal","swiss","skill"]},{"t":"leonxlnx/stitch-skill","k":"resource","u":"https://www.ui-skills.com/skills/leonxlnx/stitch-skill","d":"配合 Google Stitch 生成不套路的设计","g":["minimal","skill"]},{"t":"nextlevelbuilder/ui-ux-pro-max","k":"resource","u":"https://www.ui-skills.com/skills/nextlevelbuilder/ui-ux-pro-max","d":"50 多种风格、97 套配色、9 种技术栈的设计知识库","g":["minimal","skill"]},{"t":"jakubkrehel/make-interfaces-feel-better","k":"resource","u":"https://www.ui-skills.com/skills/jakubkrehel/make-interfaces-feel-better","d":"让界面更精致：微交互、字体、细节","g":["minimal","skill"]},{"t":"jakubkrehel/better-typography","k":"resource","u":"https://www.ui-skills.com/skills/jakubkrehel/better-typography","d":"字体选择、搭配、行距和换行","g":["minimal","skill"]},{"t":"jakubkrehel/better-colors","k":"resource","u":"https://www.ui-skills.com/skills/jakubkrehel/better-colors","d":"用 OKLCH 生成配色、查对比度","g":["minimal","skill"]},{"t":"emilkowalski/animate","k":"resource","u":"https://www.ui-skills.com/skills/emilkowalski/animate","d":"从零做动画，按正确顺序决定要不要动、怎么动","g":["motion","minimal","skill"]},{"t":"emilkowalski/review-animations","k":"resource","u":"https://www.ui-skills.com/skills/emilkowalski/review-animations","d":"审查动画的时机、节奏和一致性","g":["motion","minimal","skill"]},{"t":"raphaelsalaja/12-principles-of-animation","k":"resource","u":"https://www.ui-skills.com/skills/raphaelsalaja/12-principles-of-animation","d":"把迪士尼动画 12 原则用到网页上","g":["motion","minimal","skill"]},{"t":"raphaelsalaja/to-spring-or-not-to-spring","k":"resource","u":"https://www.ui-skills.com/skills/raphaelsalaja/to-spring-or-not-to-spring","d":"判断该用弹簧动画还是缓动曲线","g":["motion","minimal","skill"]},{"t":"raphaelsalaja/morphing-icons","k":"resource","u":"https://www.ui-skills.com/skills/raphaelsalaja/morphing-icons","d":"图标之间平滑变形","g":["motion","minimal","skill"]},{"t":"jakubantalik/transitions-dev","k":"resource","u":"https://www.ui-skills.com/skills/jakubantalik/transitions-dev","d":"Transitions.dev 作者的过渡动效片段","g":["motion","minimal","skill"]},{"t":"jakubantalik/refine-live","k":"resource","u":"https://www.ui-skills.com/skills/jakubantalik/refine-live","d":"实时迭代打磨界面细节","g":["minimal","skill"]},{"t":"0xdesign/design-lab","k":"resource","u":"https://www.ui-skills.com/skills/0xdesign/design-lab","d":"设计探索流程：访谈、出多个方案、按反馈迭代","g":["minimal","skill"]},{"t":"dammyjay93/interface-design","k":"resource","u":"https://www.ui-skills.com/skills/dammyjay93/interface-design","d":"专攻后台、仪表盘、SaaS 界面","g":["minimal","skill"]},{"t":"rams/rams","k":"resource","u":"https://www.ui-skills.com/skills/rams/rams","d":"实时设计反馈：无障碍、间距、字体、对比度","g":["industrial","minimal","skill"]},{"t":"vercel-labs/web-design-guidelines","k":"resource","u":"https://www.ui-skills.com/skills/vercel-labs/web-design-guidelines","d":"按 Vercel 的界面规范审查代码","g":["minimal","skill"]},{"t":"anthropics/canvas-design","k":"resource","u":"https://www.ui-skills.com/skills/anthropics/canvas-design","d":"Anthropic 官方，生成海报和视觉设计","g":["editorial","skill"]},{"t":"zarazhangrui/frontend-slides","k":"resource","u":"https://www.ui-skills.com/skills/zarazhangrui/frontend-slides","d":"把 PPT 转成带动画的网页演示","g":["editorial","skill"]},{"t":"jane-xiaoer/web-clone","k":"resource","u":"https://www.ui-skills.com/skills/jane-xiaoer/web-clone","d":"中文作者，复刻网站和 WebGL 特效的方法论","g":["minimal","skill"]},{"t":"diffusionstudio/text-to-lottie","k":"resource","u":"https://www.ui-skills.com/skills/diffusionstudio/text-to-lottie","d":"用文字生成 Lottie 动画","g":["motion","minimal","skill"]},{"t":"Libraries.dev Skill","k":"resource","u":"https://libraries.dev/skill.html","d":"装上后能扫描项目、推荐放液态金属光球等特效的位置；原站另有 Pro 付费版，支持一句话调参数","g":["minimal","skill"]},{"t":"Radix Primitives","k":"resource","u":"https://www.radix-ui.com/primitives","d":"无样式、可访问的 React 底层组件：对话框、下拉菜单、选择器、Tabs、Tooltip 等，shadcn/ui 的地基","g":["dialog","menu","select","tabs","tooltip","form","nav","minimal","library"]},{"t":"Radix Themes","k":"resource","u":"https://www.radix-ui.com/themes","d":"Radix 官方带样式组件主题，开箱即用、配色体系完整","g":["button","input","select","dialog","card","table","tabs","avatar","minimal","library"]},{"t":"Headless UI","k":"resource","u":"https://headlessui.com/","d":"Tailwind 团队出品的无样式组件：弹窗、菜单、列表框、开关、Tabs","g":["dialog","menu","select","tabs","input","minimal","library"]},{"t":"Ark UI","k":"resource","u":"https://ark-ui.com/","d":"Chakra 团队的无样式组件，45+ 组件，React / Vue / Solid / Svelte 通用","g":["dialog","menu","select","date","upload","carousel","input","tooltip","minimal","library"]},{"t":"Park UI","k":"resource","u":"https://park-ui.com/","d":"基于 Ark UI 的带样式组件，Panda CSS / Tailwind 两套写法","g":["button","input","dialog","select","card","tabs","minimal","library"]},{"t":"shadcn/ui Blocks","k":"resource","u":"https://ui.shadcn.com/blocks","d":"shadcn 官方区块：登录页、侧边栏、仪表盘、日历，可直接用 CLI 添加","g":["layout","nav","form","chart","minimal","library"]},{"t":"shadcn/ui Charts","k":"resource","u":"https://ui.shadcn.com/charts","d":"shadcn 官方图表：面积、柱状、折线、饼图、雷达，基于 Recharts","g":["chart","minimal","library"]},{"t":"shadcn Registry 目录","k":"resource","u":"https://ui.shadcn.com/docs/directory","d":"shadcn 官方收录的第三方组件注册表目录，一站找到各家兼容 shadcn 的组件","g":["layout","button","chat","motion","minimal","library"]},{"t":"daisyUI","k":"resource","u":"https://daisyui.com/","d":"最流行的 Tailwind 组件类名插件，60+ 组件、30+ 主题","g":["button","card","nav","dialog","form","input","table","toast","avatar","tabs","playful","soft","library"]},{"t":"Flowbite","k":"resource","u":"https://flowbite.com/","d":"Tailwind 组件库，开源版 50+ 组件；原站另有付费 Pro 区块","g":["button","card","nav","dialog","form","table","chart","date","minimal","library"]},{"t":"HyperUI","k":"resource","u":"https://www.hyperui.dev/","d":"免费 Tailwind 组件片段合集：营销页、电商、后台，复制即用","g":["layout","card","button","form","table","nav","minimal","library"]},{"t":"Preline UI","k":"resource","u":"https://preline.co/","d":"Tailwind 组件与区块，开源部分免费；原站另有付费 Pro","g":["layout","nav","form","table","dialog","minimal","library"]},{"t":"Meraki UI","k":"resource","u":"https://merakiui.com/","d":"Tailwind 组件，支持 RTL 和暗色模式","g":["card","nav","form","layout","button","minimal","library"]},{"t":"Tailwind Plus","k":"resource","u":"https://tailwindcss.com/plus","d":"Tailwind 官方付费组件与模板（原 Tailwind UI），500+ 组件；本站只放链接","g":["layout","nav","form","table","card","minimal","library"]},{"t":"Mantine","k":"resource","u":"https://mantine.dev/","d":"100+ 组件和 70+ hooks，自带日期、图表、富文本、通知","g":["button","input","form","select","date","dialog","table","chart","editor","toast","minimal","enterprise","library"]},{"t":"Chakra UI","k":"resource","u":"https://chakra-ui.com/","d":"老牌 React 组件库，主题系统灵活，v3 基于 Ark UI","g":["button","input","form","dialog","menu","toast","avatar","tabs","soft","minimal","library"]},{"t":"MUI Material UI","k":"resource","u":"https://mui.com/material-ui/","d":"Material Design 的 React 实现，组件最全之一","g":["button","input","form","select","dialog","table","card","avatar","tabs","nav","toast","material","library"]},{"t":"MUI X","k":"resource","u":"https://mui.com/x/","d":"数据表格、日期选择、图表、树视图；基础版免费开源，Pro / Premium 付费","g":["table","date","chart","material","library"]},{"t":"Base UI","k":"resource","u":"https://base-ui.com/","d":"Radix / MUI / Floating UI 作者合作的无样式组件库","g":["dialog","menu","select","tooltip","input","tabs","minimal","library"]},{"t":"React Aria","k":"resource","u":"https://react-aria.adobe.com/","d":"Adobe 出品，无障碍做得最细的无样式组件与 hooks","g":["button","input","form","select","date","dialog","menu","table","tabs","tooltip","minimal","library"]},{"t":"Ant Design","k":"resource","u":"https://ant.design/","d":"蚂蚁中后台组件库，60+ 组件，表格表单极强","g":["button","input","form","select","date","dialog","table","chart","nav","tabs","upload","enterprise","library"]},{"t":"Ant Design Mobile","k":"resource","u":"https://mobile.ant.design/","d":"蚂蚁移动端组件库","g":["mobile","button","form","dialog","toast","nav","minimal","enterprise","library"]},{"t":"AntV G2","k":"resource","u":"https://g2.antv.antgroup.com/","d":"蚂蚁可视化语法，几十种图表","g":["chart","enterprise","library"]},{"t":"TDesign","k":"resource","u":"https://tdesign.tencent.com/","d":"腾讯企业级设计体系，React / Vue / 小程序 / 移动端全覆盖","g":["button","input","form","select","date","dialog","table","nav","upload","mobile","enterprise","library"]},{"t":"Arco Design","k":"resource","u":"https://arco.design/","d":"字节中后台组件库，60+ 组件，带物料市场","g":["button","input","form","select","date","dialog","table","nav","upload","enterprise","library"]},{"t":"Semi Design","k":"resource","u":"https://semi.design/","d":"抖音前端出品，设计到代码一体，组件细节好","g":["button","input","form","select","date","dialog","table","nav","upload","enterprise","library"]},{"t":"Naive UI","k":"resource","u":"https://www.naiveui.com/","d":"Vue 3 组件库，90+ 组件，主题可调","g":["button","input","form","select","date","dialog","table","nav","tabs","enterprise","library"]},{"t":"Element Plus","k":"resource","u":"https://element-plus.org/","d":"饿了么 Vue 3 组件库，国内后台最常用","g":["button","input","form","select","date","dialog","table","nav","upload","enterprise","library"]},{"t":"Vuetify","k":"resource","u":"https://vuetifyjs.com/","d":"Vue 的 Material 组件框架","g":["button","input","form","select","date","dialog","table","card","nav","material","library"]},{"t":"PrimeVue","k":"resource","u":"https://primevue.org/","d":"Vue 组件库，90+ 组件；原站另有付费模板","g":["button","input","form","select","date","dialog","table","chart","editor","upload","enterprise","library"]},{"t":"PrimeReact","k":"resource","u":"https://primereact.org/","d":"React 版 Prime 组件库，90+ 组件；原站另有付费模板","g":["button","input","form","select","date","dialog","table","chart","editor","upload","enterprise","library"]},{"t":"PrimeNG","k":"resource","u":"https://primeng.org/","d":"Angular 版 Prime 组件库；原站另有付费模板","g":["button","input","form","select","date","dialog","table","chart","enterprise","library"]},{"t":"Nuxt UI","k":"resource","u":"https://ui.nuxt.com/","d":"Nuxt 官方组件库，基于 Reka UI + Tailwind","g":["button","input","form","dialog","table","nav","layout","minimal","library"]},{"t":"Reka UI","k":"resource","u":"https://reka-ui.com/","d":"Vue 版 Radix（原 Radix Vue），无样式可访问组件","g":["dialog","menu","select","tabs","tooltip","date","minimal","library"]},{"t":"shadcn-vue","k":"resource","u":"https://www.shadcn-vue.com/","d":"shadcn/ui 的 Vue 移植","g":["button","input","form","dialog","table","chart","minimal","library"]},{"t":"Quasar","k":"resource","u":"https://quasar.dev/","d":"Vue 全家桶框架，一套代码出网页 / 移动 / 桌面","g":["button","input","form","date","dialog","table","mobile","material","library"]},{"t":"Vant","k":"resource","u":"https://vant-ui.github.io/vant/","d":"有赞移动端 Vue 组件库","g":["mobile","button","form","dialog","toast","upload","playful","minimal","library"]},{"t":"shadcn-svelte","k":"resource","u":"https://www.shadcn-svelte.com/","d":"shadcn/ui 的 Svelte 移植","g":["button","input","form","dialog","table","chart","minimal","library"]},{"t":"Bits UI","k":"resource","u":"https://bits-ui.com/","d":"Svelte 无样式组件","g":["dialog","menu","select","date","tabs","tooltip","minimal","library"]},{"t":"Melt UI","k":"resource","u":"https://melt-ui.com/","d":"Svelte 无样式组件构建器","g":["dialog","menu","select","tabs","tooltip","minimal","library"]},{"t":"Skeleton","k":"resource","u":"https://www.skeleton.dev/","d":"Svelte / React 的 Tailwind 设计系统","g":["button","card","nav","form","dialog","playful","gradient","library"]},{"t":"Kobalte","k":"resource","u":"https://kobalte.dev/","d":"SolidJS 无样式可访问组件","g":["dialog","menu","select","tabs","tooltip","minimal","library"]},{"t":"Angular Material","k":"resource","u":"https://material.angular.dev/","d":"Angular 官方 Material 组件","g":["button","input","form","select","date","dialog","table","tabs","nav","material","library"]},{"t":"Spartan","k":"resource","u":"https://www.spartan.ng/","d":"Angular 版 shadcn 风格组件","g":["button","input","dialog","menu","table","minimal","library"]},{"t":"NG-ZORRO","k":"resource","u":"https://ng.ant.design/","d":"Ant Design 的 Angular 实现","g":["button","input","form","select","date","dialog","table","nav","enterprise","library"]},{"t":"Fluent UI","k":"resource","u":"https://react.fluentui.dev/","d":"微软 Fluent 2 设计体系的 React 组件","g":["button","input","form","dialog","menu","table","avatar","toast","fluent","enterprise","library"]},{"t":"Carbon Design System","k":"resource","u":"https://carbondesignsystem.com/","d":"IBM 设计体系，数据密集型界面优秀","g":["button","input","form","dialog","table","chart","nav","enterprise","swiss","library"]},{"t":"Primer","k":"resource","u":"https://primer.style/","d":"GitHub 设计体系的 React 组件","g":["button","input","form","dialog","menu","nav","avatar","minimal","enterprise","library"]},{"t":"Shoelace","k":"resource","u":"https://shoelace.style/","d":"Web Components 组件库，任何框架都能用","g":["button","input","form","dialog","menu","tooltip","minimal","library"]},{"t":"Material Web","k":"resource","u":"https://material-web.dev/","d":"Google 官方 Material 3 Web Components","g":["button","input","form","dialog","menu","tabs","material","library"]},{"t":"Bootstrap","k":"resource","u":"https://getbootstrap.com/","d":"经典 CSS 组件框架","g":["button","card","nav","form","dialog","toast","carousel","minimal","utilitarian","library"]},{"t":"Bulma","k":"resource","u":"https://bulma.io/","d":"纯 CSS 组件框架，无 JS","g":["button","card","nav","form","minimal","utilitarian","library"]},{"t":"Pico CSS","k":"resource","u":"https://picocss.com/","d":"极简语义化 CSS，HTML 写完就好看","g":["button","form","input","card","dialog","minimal","utilitarian","library"]},{"t":"Open Props","k":"resource","u":"https://open-props.style/","d":"CSS 变量设计令牌：颜色、阴影、渐变、缓动","g":["background","motion","minimal","library"]},{"t":"Tremor","k":"resource","u":"https://tremor.so/","d":"仪表盘组件和图表，Tailwind + Recharts","g":["chart","table","card","minimal","enterprise","library"]},{"t":"Recharts","k":"resource","u":"https://recharts.org/","d":"React 最常用的图表库","g":["chart","minimal","library"]},{"t":"Apache ECharts","k":"resource","u":"https://echarts.apache.org/","d":"功能最全的开源图表库之一，示例画廊很大","g":["chart","enterprise","library"]},{"t":"Chart.js","k":"resource","u":"https://www.chartjs.org/","d":"轻量 Canvas 图表","g":["chart","minimal","library"]},{"t":"Nivo","k":"resource","u":"https://nivo.rocks/","d":"好看的 React 数据可视化组件","g":["chart","minimal","library"]},{"t":"visx","k":"resource","u":"https://airbnb.io/visx/","d":"Airbnb 的底层可视化组件","g":["chart","minimal","library"]},{"t":"TanStack Table","k":"resource","u":"https://tanstack.com/table","d":"无头表格引擎：排序、筛选、分页、虚拟滚动","g":["table","minimal","library"]},{"t":"AG Grid","k":"resource","u":"https://www.ag-grid.com/","d":"高性能数据表格；社区版免费开源，企业版付费","g":["table","chart","enterprise","library"]},{"t":"FullCalendar","k":"resource","u":"https://fullcalendar.io/","d":"日历排期组件；核心开源，部分高级插件付费","g":["date","enterprise","library"]},{"t":"React DayPicker","k":"resource","u":"https://daypicker.dev/","d":"日期选择器，shadcn Calendar 用的就是它","g":["date","minimal","library"]},{"t":"Sonner","k":"resource","u":"https://sonner.emilkowal.ski/","d":"Emil Kowalski 做的 Toast 通知，动效顺滑","g":["toast","motion","minimal","library"]},{"t":"react-hot-toast","k":"resource","u":"https://react-hot-toast.com/","d":"轻量好看的 Toast 通知","g":["toast","minimal","library"]},{"t":"Vaul","k":"resource","u":"https://vaul.emilkowal.ski/","d":"移动端风格的底部抽屉","g":["dialog","mobile","motion","apple","minimal","library"]},{"t":"cmdk","k":"resource","u":"https://github.com/dip/cmdk","d":"⌘K 命令面板组件","g":["menu","input","minimal","library"]},{"t":"Floating UI","k":"resource","u":"https://floating-ui.com/","d":"Tooltip / Popover / 下拉的定位引擎","g":["tooltip","menu","minimal","library"]},{"t":"input-otp","k":"resource","u":"https://input-otp.rodz.dev/","d":"验证码输入框","g":["input","form","minimal","library"]},{"t":"React Hook Form","k":"resource","u":"https://react-hook-form.com/","d":"高性能表单状态与校验","g":["form","input","minimal","library"]},{"t":"Embla Carousel","k":"resource","u":"https://www.embla-carousel.com/","d":"轻量轮播，手感顺滑","g":["carousel","motion","minimal","library"]},{"t":"Swiper","k":"resource","u":"https://swiperjs.com/","d":"最常用的移动端轮播 / 滑动组件","g":["carousel","mobile","motion","minimal","library"]},{"t":"dnd kit","k":"resource","u":"https://dndkit.com/","d":"拖拽排序工具包：列表、看板、网格","g":["dnd","minimal","library"]},{"t":"React Flow","k":"resource","u":"https://reactflow.dev/","d":"节点流程图 / 工作流画布；开源免费，原站另有付费 Pro 示例","g":["flow","dnd","minimal","library"]},{"t":"Uppy","k":"resource","u":"https://uppy.io/","d":"文件上传组件：拖拽、进度、网盘导入","g":["upload","minimal","library"]},{"t":"FilePond","k":"resource","u":"https://pqina.nl/filepond/","d":"顺滑的文件上传组件","g":["upload","minimal","library"]},{"t":"Tiptap","k":"resource","u":"https://tiptap.dev/","d":"无头富文本编辑器；编辑器核心开源，原站另有付费云服务","g":["editor","minimal","library"]},{"t":"Lexical","k":"resource","u":"https://lexical.dev/","d":"Meta 出品的可扩展编辑器框架","g":["editor","minimal","library"]},{"t":"BlockNote","k":"resource","u":"https://www.blocknotejs.org/","d":"Notion 风格的块编辑器","g":["editor","minimal","library"]},{"t":"Lucide","k":"resource","u":"https://lucide.dev/","d":"1500+ 线性图标，shadcn 默认图标","g":["icon","minimal","library"]},{"t":"Heroicons","k":"resource","u":"https://heroicons.com/","d":"Tailwind 团队的图标集","g":["icon","minimal","library"]},{"t":"Tabler Icons","k":"resource","u":"https://tabler.io/icons","d":"5000+ 免费线性图标","g":["icon","minimal","library"]},{"t":"Phosphor Icons","k":"resource","u":"https://phosphoricons.com/","d":"灵活图标家族，六种粗细","g":["icon","minimal","library"]},{"t":"Iconify","k":"resource","u":"https://icon-sets.iconify.design/","d":"20 万+ 开源图标统一入口；各图标集许可不同，请看原站标注","g":["icon","minimal","library"]},{"t":"Motion","k":"resource","u":"https://motion.dev/","d":"原 Framer Motion，React / JS 动画库开源版","g":["motion","motion","library"]},{"t":"Motion 示例","k":"resource","u":"https://motion.dev/examples","d":"Motion 官方示例画廊；部分示例属于付费 Motion+，本站只放链接","g":["motion","motion","library"]},{"t":"React Spring","k":"resource","u":"https://www.react-spring.dev/","d":"弹簧物理动画库","g":["motion","motion","library"]},{"t":"GSAP","k":"resource","u":"https://gsap.com/","d":"专业级 JS 动画平台，免费使用但为自有许可（非 MIT），本站只放链接","g":["motion","motion","library"]},{"t":"AutoAnimate","k":"resource","u":"https://auto-animate.formkit.com/","d":"一行代码给列表加进出场动画","g":["motion","motion","library"]},{"t":"Lottie Web","k":"resource","u":"https://airbnb.io/lottie/","d":"播放 AE 导出的 Lottie 动画","g":["motion","loader","motion","library"]},{"t":"Lenis","k":"resource","u":"https://lenis.darkroom.engineering/","d":"丝滑滚动库，很多获奖网站在用","g":["motion","motion","library"]},{"t":"Animate.css","k":"resource","u":"https://animate.style/","d":"现成的 CSS 动画类，加个 class 就能动；许可以原仓库为准，本站只放链接","g":["motion","playful","motion","library"]},{"t":"Three.js","k":"resource","u":"https://threejs.org/","d":"最主流的 WebGL 3D 库，示例画廊很大","g":["threed","background","3d","dark-tech","library"]},{"t":"React Three Fiber","k":"resource","u":"https://r3f.docs.pmnd.rs/","d":"用 React 写 Three.js","g":["threed","3d","dark-tech","library"]},{"t":"Drei","k":"resource","u":"https://drei.docs.pmnd.rs/","d":"React Three Fiber 的现成 3D 组件集","g":["threed","3d","dark-tech","library"]},{"t":"Eldora UI","k":"resource","u":"https://www.eldoraui.site/","d":"动效组件与模板，shadcn 风格","g":["motion","background","button","card","dark-tech","motion","library"]},{"t":"Tamagui","k":"resource","u":"https://tamagui.dev/","d":"React Native + Web 一套组件","g":["mobile","button","input","dialog","minimal","library"]},{"t":"gluestack-ui","k":"resource","u":"https://gluestack.io/","d":"React Native 的可复制组件，类 shadcn","g":["mobile","button","input","form","dialog","minimal","library"]},{"t":"React Native Paper","k":"resource","u":"https://reactnativepaper.com/","d":"React Native 的 Material 组件","g":["mobile","button","input","dialog","card","material","library"]},{"t":"React Native Reusables","k":"resource","u":"https://reactnativereusables.com/","d":"shadcn/ui 的 React Native 版","g":["mobile","button","input","dialog","card","minimal","library"]},{"t":"Ionic","k":"resource","u":"https://ionicframework.com/","d":"跨平台移动端 UI 组件","g":["mobile","button","input","nav","tabs","dialog","apple","minimal","library"]},{"t":"Konsta UI","k":"resource","u":"https://konstaui.com/","d":"iOS / Material 风格的 Tailwind 移动组件","g":["mobile","button","nav","dialog","apple","minimal","library"]},{"t":"The Component Gallery","k":"resource","u":"https://component.gallery/","d":"按组件类型整理的真实设计体系案例库，同一种组件能看到各大公司的做法，适合对照找灵感","g":["button","input","form","dialog","table","nav","card","tabs","toast","minimal","inspiration"]},{"t":"Background · Aceternity UI","k":"component","u":"https://ui.aceternity.com/components/background-beams","d":"Aceternity UI 官方文档里的「背景」公开演示","g":["background","dark-tech","gradient","3d","motion","style"]},{"t":"Button · Flowbite","k":"component","u":"https://flowbite.com/docs/components/buttons/","d":"Flowbite 官方文档里的「按钮」公开演示","g":["button","minimal","style"]},{"t":"Date picker · Vuetify","k":"component","u":"https://vuetifyjs.com/en/components/date-pickers/#usage","d":"Vuetify 官方文档里的「日期」公开演示","g":["date","material","style"]},{"t":"Button · Park UI","k":"component","u":"https://park-ui.com/docs/components/button","d":"Park UI 官方文档里的「按钮」公开演示","g":["button","minimal","style"]},{"t":"Dialog · Bits UI","k":"component","u":"https://bits-ui.com/docs/components/dialog","d":"Bits UI 官方文档里的「弹窗」公开演示","g":["dialog","minimal","style"]},{"t":"Button · Material UI","k":"component","u":"https://mui.com/material-ui/react-button/","d":"Material UI 官方文档里的「按钮」公开演示","g":["button","material","style"]},{"t":"Dialog · shadcn-vue","k":"component","u":"https://www.shadcn-vue.com/docs/components/dialog","d":"shadcn-vue 官方文档里的「弹窗」公开演示","g":["dialog","minimal","style"]},{"t":"Table · Pico CSS","k":"component","u":"https://picocss.com/docs/table","d":"Pico CSS 官方文档里的「表格」公开演示","g":["table","minimal","utilitarian","style"]},{"t":"Carousel · Ark UI","k":"component","u":"https://ark-ui.com/docs/components/carousel","d":"Ark UI 官方文档里的「轮播」公开演示","g":["carousel","minimal","style"]},{"t":"Layout · Open Props","k":"component","u":"https://open-props.style/","d":"Open Props 官方文档里的「区块」公开演示","g":["layout","minimal","style"]},{"t":"Chat · Semi Design","k":"component","u":"https://semi.design/zh-CN/plus/chat","d":"Semi Design 官方文档里的「聊天」公开演示","g":["chat","enterprise","style"]},{"t":"Card · Angular Material","k":"component","u":"https://material.angular.dev/components/card/overview","d":"Angular Material 官方文档里的「卡片」公开演示","g":["card","material","style"]},{"t":"Card · Motion Primitives","k":"component","u":"https://motion-primitives.com/docs/tilt","d":"Motion Primitives 官方文档里的「卡片」公开演示","g":["card","minimal","motion","style"]},{"t":"Chart · nivo","k":"component","u":"https://nivo.rocks/bar/","d":"nivo 官方文档里的「图表」公开演示","g":["chart","minimal","style"]},{"t":"Drag & drop · React Aria","k":"component","u":"https://react-aria.adobe.com/GridList","d":"React Aria 官方文档里的「拖拽」公开演示","g":["dnd","minimal","style"]},{"t":"Input · Kibo UI","k":"component","u":"https://www.kibo-ui.com/components/color-picker","d":"Kibo UI 官方文档里的「输入框」公开演示","g":["input","minimal","style"]},{"t":"Carousel · Bootstrap","k":"component","u":"https://getbootstrap.com/docs/5.3/components/carousel/","d":"Bootstrap 官方文档里的「轮播」公开演示","g":["carousel","minimal","utilitarian","style"]},{"t":"Carousel · Mantine","k":"component","u":"https://mantine.dev/x/carousel/","d":"Mantine 官方文档里的「轮播」公开演示","g":["carousel","minimal","enterprise","style"]},{"t":"Avatar · Radix Themes","k":"component","u":"https://www.radix-ui.com/themes/docs/components/avatar","d":"Radix Themes 官方文档里的「头像」公开演示","g":["avatar","minimal","style"]},{"t":"Chart · MUI X","k":"component","u":"https://mui.com/x/react-charts/bars/","d":"MUI X 官方文档里的「图表」公开演示","g":["chart","material","style"]},{"t":"Carousel · daisyUI","k":"component","u":"https://daisyui.com/components/carousel/","d":"daisyUI 官方文档里的「轮播」公开演示","g":["carousel","playful","soft","style"]},{"t":"Dialog · HeroUI","k":"component","u":"https://heroui.com/en/docs/react/components/modal","d":"HeroUI 官方文档里的「弹窗」公开演示","g":["dialog","soft","playful","style"]},{"t":"Dialog · Ionic","k":"component","u":"https://ionicframework.com/docs/api/modal","d":"Ionic 官方文档里的「弹窗」公开演示","g":["dialog","apple","minimal","style"]},{"t":"Chart · shadcn/ui","k":"component","u":"https://ui.shadcn.com/docs/components/base/chart","d":"shadcn/ui 官方文档里的「图表」公开演示","g":["chart","minimal","style"]},{"t":"Card · Magic UI","k":"component","u":"https://magicui.design/docs/components/magic-card","d":"Magic UI 官方文档里的「卡片」公开演示","g":["card","dark-tech","gradient","motion","style"]},{"t":"Chart · ECharts","k":"component","u":"https://echarts.apache.org/examples/en/editor.html?c=area-basic","d":"ECharts 官方文档里的「图表」公开演示","g":["chart","enterprise","style"]},{"t":"Dialog · Vaul","k":"component","u":"https://vaul.emilkowal.ski/","d":"Vaul 官方文档里的「弹窗」公开演示","g":["dialog","apple","minimal","style"]},{"t":"Card · Spartan","k":"component","u":"https://www.spartan.ng/components/card","d":"Spartan 官方文档里的「卡片」公开演示","g":["card","minimal","style"]},{"t":"Card · shadcn-svelte","k":"component","u":"https://www.shadcn-svelte.com/docs/components/card","d":"shadcn-svelte 官方文档里的「卡片」公开演示","g":["card","minimal","style"]},{"t":"Chart · PrimeVue","k":"component","u":"https://primevue.dev/chart/","d":"PrimeVue 官方文档里的「图表」公开演示","g":["chart","enterprise","style"]},{"t":"Tabs · Skeleton","k":"component","u":"https://www.skeleton.dev/docs/svelte/framework-components/tabs","d":"Skeleton 官方文档里的「标签页」公开演示","g":["tabs","playful","gradient","style"]},{"t":"Button · Ant Design","k":"component","u":"https://ant.design/components/button","d":"Ant Design 官方文档里的「按钮」公开演示","g":["button","enterprise","style"]},{"t":"Chart · AntV G2","k":"component","u":"https://g2.antv.antgroup.com/en/examples","d":"AntV G2 官方文档里的「图表」公开演示","g":["chart","enterprise","style"]},{"t":"Button · PrimeNG","k":"component","u":"https://primeng.dev/button","d":"PrimeNG 官方文档里的「按钮」公开演示","g":["button","enterprise","style"]},{"t":"Icons · Heroicons","k":"component","u":"https://heroicons.com/","d":"Heroicons 官方文档里的「图标」公开演示","g":["icon","minimal","style"]},{"t":"Table · TDesign","k":"component","u":"https://tdesign.tencent.com/vue-next/components/table","d":"TDesign 官方文档里的「表格」公开演示","g":["table","enterprise","style"]},{"t":"Tabs · Headless UI","k":"component","u":"https://headlessui.com/react/tabs","d":"Headless UI 官方文档里的「标签页」公开演示","g":["tabs","minimal","style"]},{"t":"Dialog · Kobalte","k":"component","u":"https://kobalte.dev/docs/core/components/dialog","d":"Kobalte 官方文档里的「弹窗」公开演示","g":["dialog","minimal","style"]},{"t":"Toast · react-hot-toast","k":"component","u":"https://react-hot-toast.com/","d":"react-hot-toast 官方文档里的「通知」公开演示","g":["toast","minimal","style"]},{"t":"Button · Chakra UI","k":"component","u":"https://chakra-ui.com/docs/components/button","d":"Chakra UI 官方文档里的「按钮」公开演示","g":["button","soft","minimal","style"]},{"t":"Tabs · Nuxt UI","k":"component","u":"https://ui.nuxt.com/docs/components/tabs","d":"Nuxt UI 官方文档里的「标签页」公开演示","g":["tabs","minimal","style"]},{"t":"Layout · HyperUI","k":"component","u":"https://www.hyperui.dev/components/marketing/pricing/","d":"HyperUI 官方文档里的「区块」公开演示","g":["layout","minimal","style"]},{"t":"Date picker · Quasar","k":"component","u":"https://quasar.dev/vue-components/date/","d":"Quasar 官方文档里的「日期」公开演示","g":["date","material","style"]},{"t":"Editor · BlockNote","k":"component","u":"https://www.blocknotejs.org/demo#nf2ny","d":"BlockNote 官方文档里的「编辑器」公开演示","g":["editor","minimal","style"]},{"t":"Icons · Lucide","k":"component","u":"https://lucide.dev/icons/","d":"Lucide 官方文档里的「图标」公开演示","g":["icon","minimal","style"]},{"t":"Dialog · Base UI","k":"component","u":"https://base-ui.com/react/components/dialog","d":"Base UI 官方文档里的「弹窗」公开演示","g":["dialog","minimal","style"]},{"t":"Button · NG-ZORRO","k":"component","u":"https://ng.ant.design/components/button/en","d":"NG-ZORRO 官方文档里的「按钮」公开演示","g":["button","enterprise","style"]},{"t":"Table · AG Grid","k":"component","u":"https://www.ag-grid.com/example/","d":"AG Grid 官方文档里的「表格」公开演示","g":["table","enterprise","style"]},{"t":"Button · Element Plus","k":"component","u":"https://element-plus.org/en-US/component/button.html","d":"Element Plus 官方文档里的「按钮」公开演示","g":["button","enterprise","style"]},{"t":"Table · Tremor","k":"component","u":"https://www.tremor.so/docs/ui/table","d":"Tremor 官方文档里的「表格」公开演示","g":["table","minimal","enterprise","style"]},{"t":"Table · Arco Design","k":"component","u":"https://arco.design/react/components/table","d":"Arco Design 官方文档里的「表格」公开演示","g":["table","enterprise","style"]},{"t":"Upload · Uppy","k":"component","u":"https://uppy.io/examples/","d":"Uppy 官方文档里的「上传」公开演示","g":["upload","minimal","style"]},{"t":"Avatar · Ant Design X","k":"component","u":"https://x.ant.design/components/welcome","d":"Ant Design X 官方文档里的「头像」公开演示","g":["avatar","enterprise","style"]},{"t":"Navigation · Primer","k":"component","u":"https://primer.style/product/components/tree-view/","d":"Primer 官方文档里的「导航」公开演示","g":["nav","minimal","enterprise","style"]},{"t":"Flow · React Flow","k":"component","u":"https://reactflow.dev/examples/overview","d":"React Flow 官方文档里的「流程图」公开演示","g":["flow","minimal","style"]},{"t":"Table · Carbon","k":"component","u":"https://www.carbondesignsystem.com/building-blocks/core/components/data-table/guidelines","d":"Carbon 官方文档里的「表格」公开演示","g":["table","enterprise","swiss","style"]},{"t":"Date picker · React DayPicker","k":"component","u":"https://daypicker.dev/","d":"React DayPicker 官方文档里的「日期」公开演示","g":["date","minimal","style"]},{"t":"Input · input-otp","k":"component","u":"https://input-otp.rodz.dev/","d":"input-otp 官方文档里的「输入框」公开演示","g":["input","minimal","style"]},{"t":"Badge & tag · Naive UI","k":"component","u":"https://www.naiveui.com/en-US/os-theme/components/tag","d":"Naive UI 官方文档里的「徽标标签」公开演示","g":["badge","enterprise","style"]},{"t":"Motion · Shoelace","k":"component","u":"https://shoelace.style/components/dialog","d":"Shoelace 官方文档里的「动效」公开演示","g":["motion","minimal","style"]},{"t":"Button · Material Web","k":"component","u":"https://material-web.dev/components/fab/","d":"Material Web 官方文档里的「按钮」公开演示","g":["button","material","style"]},{"t":"Motion · React Bits · Customize","k":"component","u":"https://reactbits.dev/text-animations/decrypted-text#tabs:«r5»:content-preview","d":"React Bits 官方文档里的「动效」公开演示（Customize）","g":["motion","dark-tech","motion","3d","style"]},{"t":"Card · Ant Design Mobile","k":"component","u":"https://mobile.ant.design/components/card/#demos","d":"Ant Design Mobile 官方文档里的「卡片」公开演示","g":["card","minimal","enterprise","style"]},{"t":"Card · Bulma · Card parts","k":"component","u":"https://bulma.io/documentation/components/card/#card-parts","d":"Bulma 官方文档里的「卡片」公开演示（Card parts）","g":["card","minimal","utilitarian","style"]},{"t":"Form · Tamagui","k":"component","u":"https://tamagui.dev/ui/slider","d":"Tamagui 官方文档里的「表单」公开演示","g":["form","minimal","style"]},{"t":"Button · React Native Reusables","k":"component","u":"https://reactnativereusables.com/docs/components/button","d":"React Native Reusables 官方文档里的「按钮」公开演示","g":["button","minimal","style"]},{"t":"Motion · Animate.css · Core Team","k":"component","u":"https://animate.style/#contributors","d":"Animate.css 官方文档里的「动效」公开演示（Core Team）","g":["motion","playful","motion","style"]},{"t":"Input · prompt-kit · Prompt Input with actions","k":"component","u":"https://www.prompt-kit.com/docs/prompt-input","d":"prompt-kit 官方文档里的「输入框」公开演示（Prompt Input with actions）","g":["input","minimal","style"]},{"t":"Icons · Tabler Icons · Outline icons","k":"component","u":"https://tabler.io/icons#search","d":"Tabler Icons 官方文档里的「图标」公开演示（Outline icons）","g":["icon","minimal","style"]},{"t":"Date picker · FullCalendar","k":"component","u":"https://fullcalendar.io/#premium","d":"FullCalendar 官方文档里的「日期」公开演示","g":["date","enterprise","style"]},{"t":"Chart · Chart.js","k":"component","u":"https://www.chartjs.org/docs/latest/charts/bar.html#styling","d":"Chart.js 官方文档里的「图表」公开演示","g":["chart","minimal","style"]},{"t":"Motion · AutoAnimate · React hook","k":"component","u":"https://auto-animate.formkit.com/#usage-react","d":"AutoAnimate 官方文档里的「动效」公开演示（React hook）","g":["motion","motion","style"]},{"t":"Carousel · Aceternity UI","k":"component","u":"https://ui.aceternity.com/components/apple-cards-carousel","d":"Aceternity UI 官方文档里的「轮播」公开演示","g":["carousel","dark-tech","gradient","3d","motion","style"]},{"t":"Carousel · Flowbite","k":"component","u":"https://flowbite.com/docs/components/carousel/","d":"Flowbite 官方文档里的「轮播」公开演示","g":["carousel","minimal","style"]},{"t":"Table · Vuetify","k":"component","u":"https://vuetifyjs.com/en/components/data-tables/basics/#usage","d":"Vuetify 官方文档里的「表格」公开演示","g":["table","material","style"]},{"t":"Dialog · Park UI","k":"component","u":"https://park-ui.com/docs/components/dialog","d":"Park UI 官方文档里的「弹窗」公开演示","g":["dialog","minimal","style"]},{"t":"Menu · Bits UI","k":"component","u":"https://bits-ui.com/docs/components/dropdown-menu","d":"Bits UI 官方文档里的「菜单」公开演示","g":["menu","minimal","style"]},{"t":"Input · Material UI","k":"component","u":"https://mui.com/material-ui/react-autocomplete/","d":"Material UI 官方文档里的「输入框」公开演示","g":["input","material","style"]},{"t":"Card · shadcn-vue","k":"component","u":"https://www.shadcn-vue.com/docs/components/card","d":"shadcn-vue 官方文档里的「卡片」公开演示","g":["card","minimal","style"]},{"t":"Menu · Pico CSS","k":"component","u":"https://picocss.com/docs/dropdown#content","d":"Pico CSS 官方文档里的「菜单」公开演示","g":["menu","minimal","utilitarian","style"]},{"t":"Tabs · Ark UI","k":"component","u":"https://ark-ui.com/docs/components/tabs","d":"Ark UI 官方文档里的「标签页」公开演示","g":["tabs","minimal","style"]},{"t":"Layout · Open Props · Letter Spacing","k":"component","u":"https://open-props.style/#typography","d":"Open Props 官方文档里的「区块」公开演示（Letter Spacing）","g":["layout","minimal","style"]},{"t":"Table · Semi Design","k":"component","u":"https://semi.design/zh-CN/show/table","d":"Semi Design 官方文档里的「表格」公开演示","g":["table","enterprise","style"]},{"t":"Dialog · Angular Material","k":"component","u":"https://material.angular.dev/components/dialog/overview","d":"Angular Material 官方文档里的「弹窗」公开演示","g":["dialog","material","style"]},{"t":"Dialog · Motion Primitives","k":"component","u":"https://motion-primitives.com/docs/morphing-dialog","d":"Motion Primitives 官方文档里的「弹窗」公开演示","g":["dialog","minimal","motion","style"]},{"t":"Form · React Aria","k":"component","u":"https://react-aria.adobe.com/Slider","d":"React Aria 官方文档里的「表单」公开演示","g":["form","minimal","style"]},{"t":"Upload · Kibo UI · Images only","k":"component","u":"https://www.kibo-ui.com/components/dropzone#images-only","d":"Kibo UI 官方文档里的「上传」公开演示（Images only）","g":["upload","minimal","style"]},{"t":"Card · Bootstrap","k":"component","u":"https://getbootstrap.com/docs/5.3/components/card/","d":"Bootstrap 官方文档里的「卡片」公开演示","g":["card","minimal","utilitarian","style"]},{"t":"Card · Mantine","k":"component","u":"https://mantine.dev/core/card/","d":"Mantine 官方文档里的「卡片」公开演示","g":["card","minimal","enterprise","style"]},{"t":"Table · Radix Themes","k":"component","u":"https://www.radix-ui.com/themes/docs/components/table","d":"Radix Themes 官方文档里的「表格」公开演示","g":["table","minimal","style"]},{"t":"Table · MUI X","k":"component","u":"https://mui.com/x/react-data-grid/","d":"MUI X 官方文档里的「表格」公开演示","g":["table","material","style"]},{"t":"Avatar · daisyUI","k":"component","u":"https://daisyui.com/components/avatar/","d":"daisyUI 官方文档里的「头像」公开演示","g":["avatar","playful","soft","style"]},{"t":"Table · HeroUI","k":"component","u":"https://heroui.com/en/docs/react/components/table","d":"HeroUI 官方文档里的「表格」公开演示","g":["table","soft","playful","style"]},{"t":"Toast · Ionic","k":"component","u":"https://ionicframework.com/docs/api/toast","d":"Ionic 官方文档里的「通知」公开演示","g":["toast","apple","minimal","style"]},{"t":"Card · shadcn/ui","k":"component","u":"https://ui.shadcn.com/docs/components/base/card","d":"shadcn/ui 官方文档里的「卡片」公开演示","g":["card","minimal","style"]},{"t":"Button · Magic UI","k":"component","u":"https://magicui.design/docs/components/shimmer-button","d":"Magic UI 官方文档里的「按钮」公开演示","g":["button","dark-tech","gradient","motion","style"]},{"t":"Tabs · Spartan","k":"component","u":"https://www.spartan.ng/components/tabs","d":"Spartan 官方文档里的「标签页」公开演示","g":["tabs","minimal","style"]},{"t":"Table · shadcn-svelte","k":"component","u":"https://www.shadcn-svelte.com/docs/components/data-table","d":"shadcn-svelte 官方文档里的「表格」公开演示","g":["table","minimal","style"]},{"t":"Select · PrimeVue","k":"component","u":"https://primevue.dev/select/","d":"PrimeVue 官方文档里的「选择器」公开演示","g":["select","enterprise","style"]},{"t":"Date picker · Skeleton","k":"component","u":"https://www.skeleton.dev/docs/svelte/framework-components/date-picker","d":"Skeleton 官方文档里的「日期」公开演示","g":["date","playful","gradient","style"]},{"t":"Table · Ant Design","k":"component","u":"https://ant.design/components/table","d":"Ant Design 官方文档里的「表格」公开演示","g":["table","enterprise","style"]},{"t":"Chart · AntV G2 · Interval","k":"component","u":"https://g2.antv.antgroup.com/en/examples#group-general-interval","d":"AntV G2 官方文档里的「图表」公开演示（Interval）","g":["chart","enterprise","style"]},{"t":"Select · PrimeNG","k":"component","u":"https://primeng.dev/select","d":"PrimeNG 官方文档里的「选择器」公开演示","g":["select","enterprise","style"]},{"t":"Upload · TDesign","k":"component","u":"https://tdesign.tencent.com/vue-next/components/upload","d":"TDesign 官方文档里的「上传」公开演示","g":["upload","enterprise","style"]},{"t":"Select · Headless UI","k":"component","u":"https://headlessui.com/react/listbox","d":"Headless UI 官方文档里的「选择器」公开演示","g":["select","minimal","style"]},{"t":"Tabs · Kobalte","k":"component","u":"https://kobalte.dev/docs/core/components/tabs","d":"Kobalte 官方文档里的「标签页」公开演示","g":["tabs","minimal","style"]},{"t":"Card · Chakra UI","k":"component","u":"https://chakra-ui.com/docs/components/card","d":"Chakra UI 官方文档里的「卡片」公开演示","g":["card","soft","minimal","style"]},{"t":"Table · Nuxt UI","k":"component","u":"https://ui.nuxt.com/docs/components/table","d":"Nuxt UI 官方文档里的「表格」公开演示","g":["table","minimal","style"]},{"t":"Table · HyperUI","k":"component","u":"https://www.hyperui.dev/components/application/tables/","d":"HyperUI 官方文档里的「表格」公开演示","g":["table","minimal","style"]},{"t":"Progress · Quasar · Query state","k":"component","u":"https://quasar.dev/vue-components/linear-progress/#example--query--query-state","d":"Quasar 官方文档里的「进度」公开演示（Query state）","g":["progress","material","style"]},{"t":"Tabs · Base UI","k":"component","u":"https://base-ui.com/react/components/tabs","d":"Base UI 官方文档里的「标签页」公开演示","g":["tabs","minimal","style"]},{"t":"Table · NG-ZORRO","k":"component","u":"https://ng.ant.design/components/table/en","d":"NG-ZORRO 官方文档里的「表格」公开演示","g":["table","enterprise","style"]},{"t":"Table · AG Grid","k":"component","u":"https://www.ag-grid.com/example/","d":"AG Grid 官方文档里的「表格」公开演示","g":["table","enterprise","style"]},{"t":"Navigation · Element Plus","k":"component","u":"https://element-plus.org/en-US/component/steps.html","d":"Element Plus 官方文档里的「导航」公开演示","g":["nav","enterprise","style"]},{"t":"Table · Tremor · Workspaces","k":"component","u":"https://www.tremor.so/docs/ui/table","d":"Tremor 官方文档里的「表格」公开演示（Workspaces）","g":["table","minimal","enterprise","style"]},{"t":"Button · Arco Design","k":"component","u":"https://arco.design/react/components/button","d":"Arco Design 官方文档里的「按钮」公开演示","g":["button","enterprise","style"]},{"t":"Input · Ant Design X","k":"component","u":"https://x.ant.design/components/sender","d":"Ant Design X 官方文档里的「输入框」公开演示","g":["input","enterprise","style"]},{"t":"Toast · Primer","k":"component","u":"https://primer.style/product/components/banner/","d":"Primer 官方文档里的「通知」公开演示","g":["toast","minimal","enterprise","style"]},{"t":"Button · Carbon","k":"component","u":"https://www.carbondesignsystem.com/building-blocks/core/components/button/guidelines","d":"Carbon 官方文档里的「按钮」公开演示","g":["button","enterprise","swiss","style"]},{"t":"Badge & tag · Naive UI","k":"component","u":"https://www.naiveui.com/en-US/os-theme/components/tag","d":"Naive UI 官方文档里的「徽标标签」公开演示","g":["badge","enterprise","style"]},{"t":"Badge & tag · Shoelace","k":"component","u":"https://shoelace.style/components/badge","d":"Shoelace 官方文档里的「徽标标签」公开演示","g":["badge","minimal","style"]},{"t":"Button · Material Web","k":"component","u":"https://material-web.dev/components/button/","d":"Material Web 官方文档里的「按钮」公开演示","g":["button","material","style"]},{"t":"Motion · React Bits · Meta Balls","k":"component","u":"https://reactbits.dev/animations/meta-balls#root","d":"React Bits 官方文档里的「动效」公开演示（Meta Balls）","g":["motion","dark-tech","motion","3d","style"]},{"t":"Button · Ant Design Mobile","k":"component","u":"https://mobile.ant.design/components/button/#demos","d":"Ant Design Mobile 官方文档里的「按钮」公开演示","g":["button","minimal","enterprise","style"]},{"t":"Card · Bulma","k":"component","u":"https://bulma.io/documentation/components/card/","d":"Bulma 官方文档里的「卡片」公开演示","g":["card","minimal","utilitarian","style"]},{"t":"Dialog · Tamagui","k":"component","u":"https://tamagui.dev/ui/dialog","d":"Tamagui 官方文档里的「弹窗」公开演示","g":["dialog","minimal","style"]},{"t":"Dialog · React Native Reusables","k":"component","u":"https://reactnativereusables.com/docs/components/dialog","d":"React Native Reusables 官方文档里的「弹窗」公开演示","g":["dialog","minimal","style"]},{"t":"Navigation · prompt-kit · Basic chain of thought","k":"component","u":"https://www.prompt-kit.com/docs/chain-of-thought","d":"prompt-kit 官方文档里的「导航」公开演示（Basic chain of thought）","g":["nav","minimal","style"]},{"t":"Icons · Tabler Icons · Free and open source","k":"component","u":"https://tabler.io/icons#main","d":"Tabler Icons 官方文档里的「图标」公开演示（Free and open source）","g":["icon","minimal","style"]},{"t":"Motion · AutoAnimate · Solid Primitive","k":"component","u":"https://auto-animate.formkit.com/#usage-solid","d":"AutoAnimate 官方文档里的「动效」公开演示（Solid Primitive）","g":["motion","motion","style"]},{"t":"Card · Aceternity UI","k":"component","u":"https://ui.aceternity.com/components/3d-card-effect","d":"Aceternity UI 官方文档里的「卡片」公开演示","g":["card","dark-tech","gradient","3d","motion","style"]},{"t":"Table · Flowbite","k":"component","u":"https://flowbite.com/docs/components/tables/","d":"Flowbite 官方文档里的「表格」公开演示","g":["table","minimal","style"]},{"t":"Badge & tag · Vuetify","k":"component","u":"https://vuetifyjs.com/en/components/chips/#usage","d":"Vuetify 官方文档里的「徽标标签」公开演示","g":["badge","material","style"]},{"t":"Card · Park UI","k":"component","u":"https://park-ui.com/docs/components/card","d":"Park UI 官方文档里的「卡片」公开演示","g":["card","minimal","style"]},{"t":"Select · Bits UI","k":"component","u":"https://bits-ui.com/docs/components/select","d":"Bits UI 官方文档里的「选择器」公开演示","g":["select","minimal","style"]},{"t":"Tabs · Material UI","k":"component","u":"https://mui.com/material-ui/react-tabs/","d":"Material UI 官方文档里的「标签页」公开演示","g":["tabs","material","style"]},{"t":"Tabs · shadcn-vue","k":"component","u":"https://www.shadcn-vue.com/docs/components/tabs","d":"shadcn-vue 官方文档里的「标签页」公开演示","g":["tabs","minimal","style"]},{"t":"Menu · Pico CSS","k":"component","u":"https://picocss.com/docs/dropdown#content","d":"Pico CSS 官方文档里的「菜单」公开演示","g":["menu","minimal","utilitarian","style"]},{"t":"Form · Ark UI","k":"component","u":"https://ark-ui.com/docs/components/slider","d":"Ark UI 官方文档里的「表单」公开演示","g":["form","minimal","style"]},{"t":"Layout · Open Props · Animations","k":"component","u":"https://open-props.style/#animations","d":"Open Props 官方文档里的「区块」公开演示（Animations）","g":["layout","minimal","style"]},{"t":"Select · Semi Design","k":"component","u":"https://semi.design/zh-CN/input/select","d":"Semi Design 官方文档里的「选择器」公开演示","g":["select","enterprise","style"]},{"t":"Table · Angular Material","k":"component","u":"https://material.angular.dev/components/table/overview","d":"Angular Material 官方文档里的「表格」公开演示","g":["table","material","style"]},{"t":"Navigation · Motion Primitives","k":"component","u":"https://motion-primitives.com/docs/dock","d":"Motion Primitives 官方文档里的「导航」公开演示","g":["nav","minimal","motion","style"]},{"t":"Table · React Aria","k":"component","u":"https://react-aria.adobe.com/Table","d":"React Aria 官方文档里的「表格」公开演示","g":["table","minimal","style"]},{"t":"Date picker · Kibo UI","k":"component","u":"https://www.kibo-ui.com/components/calendar","d":"Kibo UI 官方文档里的「日期」公开演示","g":["date","minimal","style"]},{"t":"Menu · Bootstrap","k":"component","u":"https://getbootstrap.com/docs/5.3/components/dropdowns/","d":"Bootstrap 官方文档里的「菜单」公开演示","g":["menu","minimal","utilitarian","style"]},{"t":"Tabs · Mantine","k":"component","u":"https://mantine.dev/core/tabs/","d":"Mantine 官方文档里的「标签页」公开演示","g":["tabs","minimal","enterprise","style"]},{"t":"Input · Radix Themes","k":"component","u":"https://www.radix-ui.com/themes/docs/components/text-field","d":"Radix Themes 官方文档里的「输入框」公开演示","g":["input","minimal","style"]},{"t":"Date picker · MUI X","k":"component","u":"https://mui.com/x/react-date-pickers/date-range-picker/","d":"MUI X 官方文档里的「日期」公开演示","g":["date","material","style"]},{"t":"Dialog · daisyUI","k":"component","u":"https://daisyui.com/components/modal/","d":"daisyUI 官方文档里的「弹窗」公开演示","g":["dialog","playful","soft","style"]},{"t":"Button · HeroUI","k":"component","u":"https://heroui.com/en/docs/react/components/button","d":"HeroUI 官方文档里的「按钮」公开演示","g":["button","soft","playful","style"]},{"t":"Button · Ionic","k":"component","u":"https://ionicframework.com/docs/api/button","d":"Ionic 官方文档里的「按钮」公开演示","g":["button","apple","minimal","style"]},{"t":"Table · shadcn/ui","k":"component","u":"https://ui.shadcn.com/docs/components/base/data-table","d":"shadcn/ui 官方文档里的「表格」公开演示","g":["table","minimal","style"]},{"t":"Chart · Magic UI","k":"component","u":"https://magicui.design/docs/components/number-ticker","d":"Magic UI 官方文档里的「图表」公开演示","g":["chart","dark-tech","gradient","motion","style"]},{"t":"Dialog · Spartan","k":"component","u":"https://www.spartan.ng/components/dialog","d":"Spartan 官方文档里的「弹窗」公开演示","g":["dialog","minimal","style"]},{"t":"Dialog · shadcn-svelte","k":"component","u":"https://www.shadcn-svelte.com/docs/components/dialog","d":"shadcn-svelte 官方文档里的「弹窗」公开演示","g":["dialog","minimal","style"]},{"t":"Table · PrimeVue","k":"component","u":"https://primevue.dev/datatable/","d":"PrimeVue 官方文档里的「表格」公开演示","g":["table","enterprise","style"]},{"t":"Date picker · Skeleton","k":"component","u":"https://www.skeleton.dev/docs/svelte/framework-components/date-picker","d":"Skeleton 官方文档里的「日期」公开演示","g":["date","playful","gradient","style"]},{"t":"Navigation · Ant Design","k":"component","u":"https://ant.design/components/steps","d":"Ant Design 官方文档里的「导航」公开演示","g":["nav","enterprise","style"]},{"t":"Chart · AntV G2 · Interval","k":"component","u":"https://g2.antv.antgroup.com/en/examples#group-general-interval","d":"AntV G2 官方文档里的「图表」公开演示（Interval）","g":["chart","enterprise","style"]},{"t":"Table · PrimeNG","k":"component","u":"https://primeng.dev/table","d":"PrimeNG 官方文档里的「表格」公开演示","g":["table","enterprise","style"]},{"t":"Navigation · TDesign","k":"component","u":"https://tdesign.tencent.com/vue-next/components/steps","d":"TDesign 官方文档里的「导航」公开演示","g":["nav","enterprise","style"]},{"t":"Dialog · Headless UI","k":"component","u":"https://headlessui.com/react/dialog","d":"Headless UI 官方文档里的「弹窗」公开演示","g":["dialog","minimal","style"]},{"t":"Toast · Kobalte","k":"component","u":"https://kobalte.dev/docs/core/components/toast","d":"Kobalte 官方文档里的「通知」公开演示","g":["toast","minimal","style"]},{"t":"Table · Chakra UI","k":"component","u":"https://chakra-ui.com/docs/components/table","d":"Chakra UI 官方文档里的「表格」公开演示","g":["table","soft","minimal","style"]},{"t":"Date picker · Nuxt UI","k":"component","u":"https://ui.nuxt.com/docs/components/calendar","d":"Nuxt UI 官方文档里的「日期」公开演示","g":["date","minimal","style"]},{"t":"Card · HyperUI","k":"component","u":"https://www.hyperui.dev/components/marketing/cards/","d":"HyperUI 官方文档里的「卡片」公开演示","g":["card","minimal","style"]},{"t":"Badge & tag · Quasar · Basic","k":"component","u":"https://quasar.dev/vue-components/badge/#example--basic--basic","d":"Quasar 官方文档里的「徽标标签」公开演示（Basic）","g":["badge","material","style"]},{"t":"Tooltip · Base UI · Content","k":"component","u":"https://base-ui.com/react/components/tooltip#content","d":"Base UI 官方文档里的「气泡」公开演示（Content）","g":["tooltip","minimal","style"]},{"t":"Tabs · NG-ZORRO","k":"component","u":"https://ng.ant.design/components/tabs/en","d":"NG-ZORRO 官方文档里的「标签页」公开演示","g":["tabs","enterprise","style"]},{"t":"Table · AG Grid","k":"component","u":"https://www.ag-grid.com/example/","d":"AG Grid 官方文档里的「表格」公开演示","g":["table","enterprise","style"]},{"t":"Table · Element Plus","k":"component","u":"https://element-plus.org/en-US/component/table.html","d":"Element Plus 官方文档里的「表格」公开演示","g":["table","enterprise","style"]},{"t":"Date picker · Tremor","k":"component","u":"https://www.tremor.so/docs/inputs/date-picker","d":"Tremor 官方文档里的「日期」公开演示","g":["date","minimal","enterprise","style"]},{"t":"Upload · Arco Design","k":"component","u":"https://arco.design/react/components/upload","d":"Arco Design 官方文档里的「上传」公开演示","g":["upload","enterprise","style"]},{"t":"Loader · Ant Design X","k":"component","u":"https://x.ant.design/components/thought-chain","d":"Ant Design X 官方文档里的「加载」公开演示","g":["loader","enterprise","style"]},{"t":"Button · Primer","k":"component","u":"https://primer.style/product/components/button/","d":"Primer 官方文档里的「按钮」公开演示","g":["button","minimal","enterprise","style"]},{"t":"Date picker · Carbon","k":"component","u":"https://www.carbondesignsystem.com/building-blocks/core/components/date-picker/guidelines","d":"Carbon 官方文档里的「日期」公开演示","g":["date","enterprise","swiss","style"]},{"t":"Badge & tag · Naive UI","k":"component","u":"https://www.naiveui.com/en-US/os-theme/components/tag","d":"Naive UI 官方文档里的「徽标标签」公开演示","g":["badge","enterprise","style"]},{"t":"Badge & tag · Shoelace · Variants","k":"component","u":"https://shoelace.style/components/badge#variants","d":"Shoelace 官方文档里的「徽标标签」公开演示（Variants）","g":["badge","minimal","style"]},{"t":"Switch · Material Web","k":"component","u":"https://material-web.dev/components/switch/","d":"Material Web 官方文档里的「开关」公开演示","g":["switch","material","style"]},{"t":"Card · React Bits · Spotlight Card","k":"component","u":"https://reactbits.dev/components/spotlight-card#root","d":"React Bits 官方文档里的「卡片」公开演示（Spotlight Card）","g":["card","dark-tech","motion","3d","style"]},{"t":"Button · Ant Design Mobile","k":"component","u":"https://mobile.ant.design/components/button/#demos","d":"Ant Design Mobile 官方文档里的「按钮」公开演示","g":["button","minimal","enterprise","style"]},{"t":"Dialog · Bulma · Modal card","k":"component","u":"https://bulma.io/documentation/components/modal/#modal-card","d":"Bulma 官方文档里的「弹窗」公开演示（Modal card）","g":["dialog","minimal","utilitarian","style"]},{"t":"Button · Tamagui","k":"component","u":"https://tamagui.dev/ui/button","d":"Tamagui 官方文档里的「按钮」公开演示","g":["button","minimal","style"]},{"t":"Select · React Native Reusables","k":"component","u":"https://reactnativereusables.com/docs/components/select","d":"React Native Reusables 官方文档里的「选择器」公开演示","g":["select","minimal","style"]},{"t":"Navigation · prompt-kit · Advanced reasoning steps","k":"component","u":"https://www.prompt-kit.com/docs/chain-of-thought","d":"prompt-kit 官方文档里的「导航」公开演示（Advanced reasoning steps）","g":["nav","minimal","style"]},{"t":"Icons · Tabler Icons · Sponsor us","k":"component","u":"https://tabler.io/icons#main","d":"Tabler Icons 官方文档里的「图标」公开演示（Sponsor us）","g":["icon","minimal","style"]},{"t":"Motion · AutoAnimate · Angular directive","k":"component","u":"https://auto-animate.formkit.com/#usage-angular","d":"AutoAnimate 官方文档里的「动效」公开演示（Angular directive）","g":["motion","motion","style"]},{"t":"Motion · Aceternity UI","k":"component","u":"https://ui.aceternity.com/components/text-generate-effect","d":"Aceternity UI 官方文档里的「动效」公开演示","g":["motion","dark-tech","gradient","3d","motion","style"]},{"t":"Card · Flowbite","k":"component","u":"https://flowbite.com/docs/components/card/","d":"Flowbite 官方文档里的「卡片」公开演示","g":["card","minimal","style"]},{"t":"Toast · Vuetify","k":"component","u":"https://vuetifyjs.com/en/components/snackbars/#usage","d":"Vuetify 官方文档里的「通知」公开演示","g":["toast","material","style"]},{"t":"Tabs · Park UI","k":"component","u":"https://park-ui.com/docs/components/tabs","d":"Park UI 官方文档里的「标签页」公开演示","g":["tabs","minimal","style"]},{"t":"Tabs · Bits UI","k":"component","u":"https://bits-ui.com/docs/components/tabs","d":"Bits UI 官方文档里的「标签页」公开演示","g":["tabs","minimal","style"]},{"t":"Loader · Material UI","k":"component","u":"https://mui.com/material-ui/react-progress/","d":"Material UI 官方文档里的「加载」公开演示","g":["loader","material","style"]},{"t":"Date picker · shadcn-vue","k":"component","u":"https://www.shadcn-vue.com/docs/components/calendar","d":"shadcn-vue 官方文档里的「日期」公开演示","g":["date","minimal","style"]},{"t":"Dialog · Pico CSS","k":"component","u":"https://picocss.com/docs/modal","d":"Pico CSS 官方文档里的「弹窗」公开演示","g":["dialog","minimal","utilitarian","style"]},{"t":"Toast · Ark UI","k":"component","u":"https://ark-ui.com/docs/components/toast","d":"Ark UI 官方文档里的「通知」公开演示","g":["toast","minimal","style"]},{"t":"Layout · Open Props · Sizes","k":"component","u":"https://open-props.style/#sizes","d":"Open Props 官方文档里的「区块」公开演示（Sizes）","g":["layout","minimal","style"]},{"t":"Upload · Semi Design","k":"component","u":"https://semi.design/zh-CN/input/upload","d":"Semi Design 官方文档里的「上传」公开演示","g":["upload","enterprise","style"]},{"t":"Toast · Angular Material","k":"component","u":"https://material.angular.dev/components/snack-bar/overview","d":"Angular Material 官方文档里的「通知」公开演示","g":["toast","material","style"]},{"t":"Carousel · Motion Primitives","k":"component","u":"https://motion-primitives.com/docs/carousel","d":"Motion Primitives 官方文档里的「轮播」公开演示","g":["carousel","minimal","motion","style"]},{"t":"Input · React Aria","k":"component","u":"https://react-aria.adobe.com/ComboBox","d":"React Aria 官方文档里的「输入框」公开演示","g":["input","minimal","style"]},{"t":"Input · Kibo UI","k":"component","u":"https://www.kibo-ui.com/components/color-picker","d":"Kibo UI 官方文档里的「输入框」公开演示","g":["input","minimal","style"]},{"t":"Dialog · Bootstrap","k":"component","u":"https://getbootstrap.com/docs/5.3/components/modal/","d":"Bootstrap 官方文档里的「弹窗」公开演示","g":["dialog","minimal","utilitarian","style"]},{"t":"Form · Mantine","k":"component","u":"https://mantine.dev/core/slider/","d":"Mantine 官方文档里的「表单」公开演示","g":["form","minimal","enterprise","style"]},{"t":"Card · Radix Themes","k":"component","u":"https://www.radix-ui.com/themes/docs/components/card","d":"Radix Themes 官方文档里的「卡片」公开演示","g":["card","minimal","style"]},{"t":"Chart · MUI X","k":"component","u":"https://mui.com/x/react-charts/bars/","d":"MUI X 官方文档里的「图表」公开演示","g":["chart","material","style"]},{"t":"Card · daisyUI","k":"component","u":"https://daisyui.com/components/card/","d":"daisyUI 官方文档里的「卡片」公开演示","g":["card","playful","soft","style"]},{"t":"Form · HeroUI","k":"component","u":"https://heroui.com/en/docs/react/components/slider","d":"HeroUI 官方文档里的「表单」公开演示","g":["form","soft","playful","style"]},{"t":"Card · Ionic","k":"component","u":"https://ionicframework.com/docs/api/card","d":"Ionic 官方文档里的「卡片」公开演示","g":["card","apple","minimal","style"]},{"t":"Avatar · shadcn/ui","k":"component","u":"https://ui.shadcn.com/docs/components/base/avatar","d":"shadcn/ui 官方文档里的「头像」公开演示","g":["avatar","minimal","style"]},{"t":"Background · Magic UI","k":"component","u":"https://magicui.design/docs/components/border-beam","d":"Magic UI 官方文档里的「背景」公开演示","g":["background","dark-tech","gradient","motion","style"]},{"t":"Table · Spartan","k":"component","u":"https://www.spartan.ng/components/data-table","d":"Spartan 官方文档里的「表格」公开演示","g":["table","minimal","style"]},{"t":"Date picker · shadcn-svelte","k":"component","u":"https://www.shadcn-svelte.com/docs/components/calendar","d":"shadcn-svelte 官方文档里的「日期」公开演示","g":["date","minimal","style"]},{"t":"Navigation · PrimeVue","k":"component","u":"https://primevue.dev/stepper/","d":"PrimeVue 官方文档里的「导航」公开演示","g":["nav","enterprise","style"]},{"t":"Date picker · Skeleton · Controlled","k":"component","u":"https://www.skeleton.dev/docs/svelte/framework-components/date-picker#controlled","d":"Skeleton 官方文档里的「日期」公开演示（Controlled）","g":["date","playful","gradient","style"]},{"t":"Upload · Ant Design","k":"component","u":"https://ant.design/components/upload","d":"Ant Design 官方文档里的「上传」公开演示","g":["upload","enterprise","style"]},{"t":"Chart · AntV G2 · Interval","k":"component","u":"https://g2.antv.antgroup.com/en/examples#group-general-interval","d":"AntV G2 官方文档里的「图表」公开演示（Interval）","g":["chart","enterprise","style"]},{"t":"Date picker · PrimeNG","k":"component","u":"https://primeng.dev/datepicker","d":"PrimeNG 官方文档里的「日期」公开演示","g":["date","enterprise","style"]},{"t":"Toast · TDesign","k":"component","u":"https://tdesign.tencent.com/vue-next/components/message","d":"TDesign 官方文档里的「通知」公开演示","g":["toast","enterprise","style"]},{"t":"Input · Headless UI","k":"component","u":"https://headlessui.com/react/combobox","d":"Headless UI 官方文档里的「输入框」公开演示","g":["input","minimal","style"]},{"t":"Select · Kobalte","k":"component","u":"https://kobalte.dev/docs/core/components/select","d":"Kobalte 官方文档里的「选择器」公开演示","g":["select","minimal","style"]},{"t":"Tabs · Chakra UI","k":"component","u":"https://chakra-ui.com/docs/components/tabs","d":"Chakra UI 官方文档里的「标签页」公开演示","g":["tabs","soft","minimal","style"]},{"t":"Chat · Nuxt UI · Color","k":"component","u":"https://ui.nuxt.com/docs/components/chat-message#color","d":"Nuxt UI 官方文档里的「聊天」公开演示（Color）","g":["chat","minimal","style"]},{"t":"Navigation · HyperUI","k":"component","u":"https://www.hyperui.dev/components/marketing/headers/","d":"HyperUI 官方文档里的「导航」公开演示","g":["nav","minimal","style"]},{"t":"Badge & tag · Quasar · Aligned","k":"component","u":"https://quasar.dev/vue-components/badge/#example--align--aligned","d":"Quasar 官方文档里的「徽标标签」公开演示（Aligned）","g":["badge","material","style"]},{"t":"Tabs · Base UI","k":"component","u":"https://base-ui.com/react/components/tabs","d":"Base UI 官方文档里的「标签页」公开演示","g":["tabs","minimal","style"]},{"t":"Select · NG-ZORRO","k":"component","u":"https://ng.ant.design/components/select/en","d":"NG-ZORRO 官方文档里的「选择器」公开演示","g":["select","enterprise","style"]},{"t":"Card · Element Plus","k":"component","u":"https://element-plus.org/en-US/component/card.html","d":"Element Plus 官方文档里的「卡片」公开演示","g":["card","enterprise","style"]},{"t":"Tabs · Tremor · Example: Tabs with icons","k":"component","u":"https://www.tremor.so/docs/ui/tabs#example-tabs-with-icons","d":"Tremor 官方文档里的「标签页」公开演示（Example: Tabs with icons）","g":["tabs","minimal","enterprise","style"]},{"t":"Card · Arco Design","k":"component","u":"https://arco.design/react/components/card","d":"Arco Design 官方文档里的「卡片」公开演示","g":["card","enterprise","style"]},{"t":"Upload · Ant Design X","k":"component","u":"https://x.ant.design/components/attachments","d":"Ant Design X 官方文档里的「上传」公开演示","g":["upload","enterprise","style"]},{"t":"Select · Primer · Internal Components","k":"component","u":"https://primer.style/product/components/select-panel/#_R_jbcanpfiv5ujb_","d":"Primer 官方文档里的「选择器」公开演示（Internal Components）","g":["select","minimal","enterprise","style"]},{"t":"Tabs · Carbon","k":"component","u":"https://www.carbondesignsystem.com/building-blocks/core/components/tabs/guidelines","d":"Carbon 官方文档里的「标签页」公开演示","g":["tabs","enterprise","swiss","style"]},{"t":"Slider · Naive UI","k":"component","u":"https://www.naiveui.com/en-US/os-theme/components/slider","d":"Naive UI 官方文档里的「滑块」公开演示","g":["slider","enterprise","style"]},{"t":"Progress · Shoelace","k":"component","u":"https://shoelace.style/components/progress-ring","d":"Shoelace 官方文档里的「进度」公开演示","g":["progress","minimal","style"]},{"t":"Badge & tag · Material Web","k":"component","u":"https://material-web.dev/components/chip/","d":"Material Web 官方文档里的「徽标标签」公开演示","g":["badge","material","style"]},{"t":"Card · React Bits · Customize","k":"component","u":"https://reactbits.dev/components/spotlight-card#tabs:«r2g»:content-preview","d":"React Bits 官方文档里的「卡片」公开演示（Customize）","g":["card","dark-tech","motion","3d","style"]},{"t":"Tabs · Ant Design Mobile","k":"component","u":"https://mobile.ant.design/components/tabs/#demos","d":"Ant Design Mobile 官方文档里的「标签页」公开演示","g":["tabs","minimal","enterprise","style"]},{"t":"Table · Bulma · Colors","k":"component","u":"https://bulma.io/documentation/elements/table/#colors","d":"Bulma 官方文档里的「表格」公开演示（Colors）","g":["table","minimal","utilitarian","style"]},{"t":"Select · Tamagui","k":"component","u":"https://tamagui.dev/ui/select","d":"Tamagui 官方文档里的「选择器」公开演示","g":["select","minimal","style"]},{"t":"Loader · prompt-kit · Loader Sizes","k":"component","u":"https://www.prompt-kit.com/docs/loader","d":"prompt-kit 官方文档里的「加载」公开演示（Loader Sizes）","g":["loader","minimal","style"]},{"t":"Layout · Aceternity UI","k":"component","u":"https://ui.aceternity.com/components/bento-grid","d":"Aceternity UI 官方文档里的「区块」公开演示","g":["layout","dark-tech","gradient","3d","motion","style"]},{"t":"Chat · Flowbite","k":"component","u":"https://flowbite.com/docs/components/chat-bubble/","d":"Flowbite 官方文档里的「聊天」公开演示","g":["chat","minimal","style"]},{"t":"Tabs · Vuetify","k":"component","u":"https://vuetifyjs.com/en/components/tabs/#usage","d":"Vuetify 官方文档里的「标签页」公开演示","g":["tabs","material","style"]},{"t":"Table · Park UI","k":"component","u":"https://park-ui.com/docs/components/table","d":"Park UI 官方文档里的「表格」公开演示","g":["table","minimal","style"]},{"t":"Form · Bits UI","k":"component","u":"https://bits-ui.com/docs/components/slider","d":"Bits UI 官方文档里的「表单」公开演示","g":["form","minimal","style"]},{"t":"Toast · Material UI","k":"component","u":"https://mui.com/material-ui/react-snackbar/","d":"Material UI 官方文档里的「通知」公开演示","g":["toast","material","style"]},{"t":"Select · shadcn-vue","k":"component","u":"https://www.shadcn-vue.com/docs/components/select","d":"shadcn-vue 官方文档里的「选择器」公开演示","g":["select","minimal","style"]},{"t":"Dialog · Pico CSS","k":"component","u":"https://picocss.com/docs/modal","d":"Pico CSS 官方文档里的「弹窗」公开演示","g":["dialog","minimal","utilitarian","style"]},{"t":"Upload · Ark UI","k":"component","u":"https://ark-ui.com/docs/components/file-upload","d":"Ark UI 官方文档里的「上传」公开演示","g":["upload","minimal","style"]},{"t":"Layout · Open Props · Durations","k":"component","u":"https://open-props.style/#durations","d":"Open Props 官方文档里的「区块」公开演示（Durations）","g":["layout","minimal","style"]},{"t":"Timeline · Semi Design · 基本用法","k":"component","u":"https://semi.design/zh-CN/show/timeline#基本用法","d":"Semi Design 官方文档里的「时间轴」公开演示（基本用法）","g":["timeline","enterprise","style"]},{"t":"Button · Angular Material","k":"component","u":"https://material.angular.dev/components/button/overview","d":"Angular Material 官方文档里的「按钮」公开演示","g":["button","material","style"]},{"t":"Motion · Motion Primitives","k":"component","u":"https://motion-primitives.com/docs/text-effect#text-effect-with-custom-variants","d":"Motion Primitives 官方文档里的「动效」公开演示","g":["motion","minimal","motion","style"]},{"t":"Tabs · React Aria","k":"component","u":"https://react-aria.adobe.com/Tabs","d":"React Aria 官方文档里的「标签页」公开演示","g":["tabs","minimal","style"]},{"t":"Chart · Kibo UI","k":"component","u":"https://www.kibo-ui.com/components/gantt","d":"Kibo UI 官方文档里的「图表」公开演示","g":["chart","minimal","style"]},{"t":"List · Bootstrap · Basic example","k":"component","u":"https://getbootstrap.com/docs/5.3/components/list-group/#basic-example","d":"Bootstrap 官方文档里的「列表」公开演示（Basic example）","g":["list","minimal","utilitarian","style"]},{"t":"Button · Mantine","k":"component","u":"https://mantine.dev/core/button/","d":"Mantine 官方文档里的「按钮」公开演示","g":["button","minimal","enterprise","style"]},{"t":"Input · Radix Themes · Size","k":"component","u":"https://www.radix-ui.com/themes/docs/components/text-area#size","d":"Radix Themes 官方文档里的「输入框」公开演示（Size）","g":["input","minimal","style"]},{"t":"Chart · MUI X","k":"component","u":"https://mui.com/x/react-charts/bars/#overview","d":"MUI X 官方文档里的「图表」公开演示","g":["chart","material","style"]},{"t":"Menu · daisyUI","k":"component","u":"https://daisyui.com/components/dropdown/","d":"daisyUI 官方文档里的「菜单」公开演示","g":["menu","playful","soft","style"]},{"t":"Input · HeroUI","k":"component","u":"https://heroui.com/en/docs/react/components/input-otp","d":"HeroUI 官方文档里的「输入框」公开演示","g":["input","soft","playful","style"]},{"t":"Switch · Ionic · Basic Usage","k":"component","u":"https://ionicframework.com/docs/api/toggle#basic-usage","d":"Ionic 官方文档里的「开关」公开演示（Basic Usage）","g":["switch","apple","minimal","style"]},{"t":"Dialog · shadcn/ui","k":"component","u":"https://ui.shadcn.com/docs/components/base/dialog","d":"shadcn/ui 官方文档里的「弹窗」公开演示","g":["dialog","minimal","style"]},{"t":"Motion · Magic UI","k":"component","u":"https://magicui.design/docs/components/marquee","d":"Magic UI 官方文档里的「动效」公开演示","g":["motion","dark-tech","gradient","motion","style"]},{"t":"Select · Spartan","k":"component","u":"https://www.spartan.ng/components/select","d":"Spartan 官方文档里的「选择器」公开演示","g":["select","minimal","style"]},{"t":"Select · shadcn-svelte","k":"component","u":"https://www.shadcn-svelte.com/docs/components/select","d":"shadcn-svelte 官方文档里的「选择器」公开演示","g":["select","minimal","style"]},{"t":"Upload · PrimeVue","k":"component","u":"https://primevue.dev/fileupload/","d":"PrimeVue 官方文档里的「上传」公开演示","g":["upload","enterprise","style"]},{"t":"Date picker · Skeleton · Disabled","k":"component","u":"https://www.skeleton.dev/docs/svelte/framework-components/date-picker#disabled","d":"Skeleton 官方文档里的「日期」公开演示（Disabled）","g":["date","playful","gradient","style"]},{"t":"Select · Ant Design","k":"component","u":"https://ant.design/components/select","d":"Ant Design 官方文档里的「选择器」公开演示","g":["select","enterprise","style"]},{"t":"Chart · AntV G2 · Interval","k":"component","u":"https://g2.antv.antgroup.com/en/examples#group-general-interval","d":"AntV G2 官方文档里的「图表」公开演示（Interval）","g":["chart","enterprise","style"]},{"t":"Toast · PrimeNG","k":"component","u":"https://primeng.dev/toast","d":"PrimeNG 官方文档里的「通知」公开演示","g":["toast","enterprise","style"]},{"t":"Tabs · TDesign","k":"component","u":"https://tdesign.tencent.com/vue-next/components/tabs","d":"TDesign 官方文档里的「标签页」公开演示","g":["tabs","enterprise","style"]},{"t":"Navigation · Headless UI","k":"component","u":"https://headlessui.com/react/disclosure","d":"Headless UI 官方文档里的「导航」公开演示","g":["nav","minimal","style"]},{"t":"Dialog · Kobalte","k":"component","u":"https://kobalte.dev/docs/core/components/dialog#example","d":"Kobalte 官方文档里的「弹窗」公开演示","g":["dialog","minimal","style"]},{"t":"Form · Chakra UI","k":"component","u":"https://chakra-ui.com/docs/components/slider","d":"Chakra UI 官方文档里的「表单」公开演示","g":["form","soft","minimal","style"]},{"t":"Tabs · Nuxt UI · Items","k":"component","u":"https://ui.nuxt.com/docs/components/tabs#items","d":"Nuxt UI 官方文档里的「标签页」公开演示（Items）","g":["tabs","minimal","style"]},{"t":"Toast · HyperUI","k":"component","u":"https://www.hyperui.dev/components/application/toasts/","d":"HyperUI 官方文档里的「通知」公开演示","g":["toast","minimal","style"]},{"t":"Badge & tag · Quasar · Floating","k":"component","u":"https://quasar.dev/vue-components/badge/#example--floating--floating","d":"Quasar 官方文档里的「徽标标签」公开演示（Floating）","g":["badge","material","style"]},{"t":"Navigation · Base UI","k":"component","u":"https://base-ui.com/react/components/navigation-menu","d":"Base UI 官方文档里的「导航」公开演示","g":["nav","minimal","style"]},{"t":"Date picker · NG-ZORRO","k":"component","u":"https://ng.ant.design/components/date-picker/en","d":"NG-ZORRO 官方文档里的「日期」公开演示","g":["date","enterprise","style"]},{"t":"Date picker · Element Plus","k":"component","u":"https://element-plus.org/en-US/component/date-picker.html","d":"Element Plus 官方文档里的「日期」公开演示","g":["date","enterprise","style"]},{"t":"Select · Tremor · Example: Select with label","k":"component","u":"https://www.tremor.so/docs/inputs/select#example-select-with-label","d":"Tremor 官方文档里的「选择器」公开演示（Example: Select with label）","g":["select","minimal","enterprise","style"]},{"t":"Navigation · Arco Design","k":"component","u":"https://arco.design/react/components/steps","d":"Arco Design 官方文档里的「导航」公开演示","g":["nav","enterprise","style"]},{"t":"Upload · Ant Design X · Upload File","k":"component","u":"https://x.ant.design/components/attachments#semantic-dom","d":"Ant Design X 官方文档里的「上传」公开演示（Upload File）","g":["upload","enterprise","style"]},{"t":"Button · Primer · Scenario Patterns","k":"component","u":"https://primer.style/product/components/button/#_R_ibcanpfiv5ujb_","d":"Primer 官方文档里的「按钮」公开演示（Scenario Patterns）","g":["button","minimal","enterprise","style"]},{"t":"Table · Carbon · Live Demo","k":"component","u":"https://www.carbondesignsystem.com/building-blocks/core/components/data-table/guidelines#live-demo","d":"Carbon 官方文档里的「表格」公开演示（Live Demo）","g":["table","enterprise","swiss","style"]},{"t":"Slider · Naive UI","k":"component","u":"https://www.naiveui.com/en-US/os-theme/components/slider","d":"Naive UI 官方文档里的「滑块」公开演示","g":["slider","enterprise","style"]},{"t":"Button · Shoelace · Variants","k":"component","u":"https://shoelace.style/components/button#variants","d":"Shoelace 官方文档里的「按钮」公开演示（Variants）","g":["button","minimal","style"]},{"t":"Checkbox & radio · Material Web","k":"component","u":"https://material-web.dev/components/radio/","d":"Material Web 官方文档里的「复选单选」公开演示","g":["checkbox","material","style"]},{"t":"Card · React Bits · Folder","k":"component","u":"https://reactbits.dev/components/folder#root","d":"React Bits 官方文档里的「卡片」公开演示（Folder）","g":["card","dark-tech","motion","3d","style"]},{"t":"Tabs · Ant Design Mobile","k":"component","u":"https://mobile.ant.design/components/tabs/#demos","d":"Ant Design Mobile 官方文档里的「标签页」公开演示","g":["tabs","minimal","enterprise","style"]},{"t":"Button · Bulma · Sass Tools","k":"component","u":"https://bulma.io/documentation/elements/button/#js-docs","d":"Bulma 官方文档里的「按钮」公开演示（Sass Tools）","g":["button","minimal","utilitarian","style"]},{"t":"Toast · Tamagui","k":"component","u":"https://tamagui.dev/ui/toast","d":"Tamagui 官方文档里的「通知」公开演示","g":["toast","minimal","style"]},{"t":"Loader · prompt-kit · Loader With Text","k":"component","u":"https://www.prompt-kit.com/docs/loader","d":"prompt-kit 官方文档里的「加载」公开演示（Loader With Text）","g":["loader","minimal","style"]},{"t":"Input · Aceternity UI","k":"component","u":"https://ui.aceternity.com/components/placeholders-and-vanish-input","d":"Aceternity UI 官方文档里的「输入框」公开演示","g":["input","dark-tech","gradient","3d","motion","style"]},{"t":"Dialog · Flowbite","k":"component","u":"https://flowbite.com/docs/components/modal/","d":"Flowbite 官方文档里的「弹窗」公开演示","g":["dialog","minimal","style"]},{"t":"Navigation · Vuetify","k":"component","u":"https://vuetifyjs.com/en/components/steppers/#usage","d":"Vuetify 官方文档里的「导航」公开演示","g":["nav","material","style"]},{"t":"Select · Park UI","k":"component","u":"https://park-ui.com/docs/components/select","d":"Park UI 官方文档里的「选择器」公开演示","g":["select","minimal","style"]},{"t":"Date picker · Bits UI","k":"component","u":"https://bits-ui.com/docs/components/date-picker","d":"Bits UI 官方文档里的「日期」公开演示","g":["date","minimal","style"]},{"t":"Navigation · Material UI","k":"component","u":"https://mui.com/material-ui/react-stepper/","d":"Material UI 官方文档里的「导航」公开演示","g":["nav","material","style"]},{"t":"Button · shadcn-vue","k":"component","u":"https://www.shadcn-vue.com/docs/components/button","d":"shadcn-vue 官方文档里的「按钮」公开演示","g":["button","minimal","style"]},{"t":"Form · Pico CSS","k":"component","u":"https://picocss.com/docs/forms","d":"Pico CSS 官方文档里的「表单」公开演示","g":["form","minimal","utilitarian","style"]},{"t":"Select · Ark UI","k":"component","u":"https://ark-ui.com/docs/components/select","d":"Ark UI 官方文档里的「选择器」公开演示","g":["select","minimal","style"]},{"t":"Color picker · Semi Design · 放在弹层","k":"component","u":"https://semi.design/zh-CN/input/colorpicker#放在弹层","d":"Semi Design 官方文档里的「取色器」公开演示（放在弹层）","g":["color","enterprise","style"]},{"t":"Date picker · Angular Material","k":"component","u":"https://material.angular.dev/components/datepicker/overview","d":"Angular Material 官方文档里的「日期」公开演示","g":["date","material","style"]},{"t":"Motion · Motion Primitives","k":"component","u":"https://motion-primitives.com/docs/text-effect#text-effect-with-custom-delay","d":"Motion Primitives 官方文档里的「动效」公开演示","g":["motion","minimal","motion","style"]},{"t":"Button · React Aria","k":"component","u":"https://react-aria.adobe.com/Button","d":"React Aria 官方文档里的「按钮」公开演示","g":["button","minimal","style"]},{"t":"Chart · Kibo UI","k":"component","u":"https://www.kibo-ui.com/components/gantt#multiple-items-on-one-row","d":"Kibo UI 官方文档里的「图表」公开演示","g":["chart","minimal","style"]},{"t":"List · Bootstrap · Active items","k":"component","u":"https://getbootstrap.com/docs/5.3/components/list-group/#active-items","d":"Bootstrap 官方文档里的「列表」公开演示（Active items）","g":["list","minimal","utilitarian","style"]},{"t":"Navigation · Mantine","k":"component","u":"https://mantine.dev/core/stepper/","d":"Mantine 官方文档里的「导航」公开演示","g":["nav","minimal","enterprise","style"]},{"t":"Input · Radix Themes · Variant","k":"component","u":"https://www.radix-ui.com/themes/docs/components/text-area#variant","d":"Radix Themes 官方文档里的「输入框」公开演示（Variant）","g":["input","minimal","style"]},{"t":"Chart · MUI X · Basics","k":"component","u":"https://mui.com/x/react-charts/bars/#basics","d":"MUI X 官方文档里的「图表」公开演示（Basics）","g":["chart","material","style"]},{"t":"Toast · daisyUI","k":"component","u":"https://daisyui.com/components/toast/","d":"daisyUI 官方文档里的「通知」公开演示","g":["toast","playful","soft","style"]},{"t":"Tabs · HeroUI","k":"component","u":"https://heroui.com/en/docs/react/components/tabs","d":"HeroUI 官方文档里的「标签页」公开演示","g":["tabs","soft","playful","style"]},{"t":"Breadcrumb · Ionic · Basic Usage","k":"component","u":"https://ionicframework.com/docs/api/breadcrumbs#basic-usage","d":"Ionic 官方文档里的「面包屑」公开演示（Basic Usage）","g":["breadcrumb","apple","minimal","style"]},{"t":"Date picker · shadcn/ui","k":"component","u":"https://ui.shadcn.com/docs/components/base/calendar","d":"shadcn/ui 官方文档里的「日期」公开演示","g":["date","minimal","style"]},{"t":"Icons · Magic UI","k":"component","u":"https://magicui.design/docs/components/icon-cloud","d":"Magic UI 官方文档里的「图标」公开演示","g":["icon","dark-tech","gradient","motion","style"]},{"t":"Button · Spartan","k":"component","u":"https://www.spartan.ng/components/button","d":"Spartan 官方文档里的「按钮」公开演示","g":["button","minimal","style"]},{"t":"Tabs · shadcn-svelte","k":"component","u":"https://www.shadcn-svelte.com/docs/components/tabs","d":"shadcn-svelte 官方文档里的「标签页」公开演示","g":["tabs","minimal","style"]},{"t":"Switch · PrimeVue","k":"component","u":"https://primevue.dev/toggleswitch/","d":"PrimeVue 官方文档里的「开关」公开演示","g":["switch","enterprise","style"]},{"t":"Date picker · Skeleton · Minimum and Maximum","k":"component","u":"https://www.skeleton.dev/docs/svelte/framework-components/date-picker#minimum-and-maximum","d":"Skeleton 官方文档里的「日期」公开演示（Minimum and Maximum）","g":["date","playful","gradient","style"]},{"t":"Form · Ant Design","k":"component","u":"https://ant.design/components/form","d":"Ant Design 官方文档里的「表单」公开演示","g":["form","enterprise","style"]},{"t":"Toast · PrimeNG · Basic","k":"component","u":"https://primeng.dev/toast","d":"PrimeNG 官方文档里的「通知」公开演示（Basic）","g":["toast","enterprise","style"]},{"t":"Button · TDesign","k":"component","u":"https://tdesign.tencent.com/vue-next/components/button","d":"TDesign 官方文档里的「按钮」公开演示","g":["button","enterprise","style"]},{"t":"Tooltip · Headless UI","k":"component","u":"https://headlessui.com/react/popover","d":"Headless UI 官方文档里的「气泡」公开演示","g":["tooltip","minimal","style"]},{"t":"Tabs · Kobalte","k":"component","u":"https://kobalte.dev/docs/core/components/tabs#example","d":"Kobalte 官方文档里的「标签页」公开演示","g":["tabs","minimal","style"]},{"t":"Avatar · Chakra UI","k":"component","u":"https://chakra-ui.com/docs/components/avatar","d":"Chakra UI 官方文档里的「头像」公开演示","g":["avatar","soft","minimal","style"]},{"t":"Tabs · Nuxt UI · Color","k":"component","u":"https://ui.nuxt.com/docs/components/tabs#color","d":"Nuxt UI 官方文档里的「标签页」公开演示（Color）","g":["tabs","minimal","style"]},{"t":"Menu · HyperUI","k":"component","u":"https://www.hyperui.dev/components/application/dropdown/","d":"HyperUI 官方文档里的「菜单」公开演示","g":["menu","minimal","style"]},{"t":"Badge & tag · Quasar · Transparent","k":"component","u":"https://quasar.dev/vue-components/badge/#example--transparent--transparent","d":"Quasar 官方文档里的「徽标标签」公开演示（Transparent）","g":["badge","material","style"]},{"t":"Form · Base UI","k":"component","u":"https://base-ui.com/react/components/slider","d":"Base UI 官方文档里的「表单」公开演示","g":["form","minimal","style"]},{"t":"Checkbox & radio · NG-ZORRO · Basic","k":"component","u":"https://ng.ant.design/components/radio/en#components-radio-demo-basic","d":"NG-ZORRO 官方文档里的「复选单选」公开演示（Basic）","g":["checkbox","enterprise","style"]},{"t":"Form · Element Plus","k":"component","u":"https://element-plus.org/en-US/component/slider.html","d":"Element Plus 官方文档里的「表单」公开演示","g":["form","enterprise","style"]},{"t":"Select · Tremor · Example: Select with defaultValue","k":"component","u":"https://www.tremor.so/docs/inputs/select#example-select-with-defaultvalue","d":"Tremor 官方文档里的「选择器」公开演示（Example: Select with defaultValue）","g":["select","minimal","enterprise","style"]},{"t":"Date picker · Arco Design","k":"component","u":"https://arco.design/react/components/date-picker","d":"Arco Design 官方文档里的「日期」公开演示","g":["date","enterprise","style"]},{"t":"Avatar · Ant Design X","k":"component","u":"https://x.ant.design/components/welcome","d":"Ant Design X 官方文档里的「头像」公开演示","g":["avatar","enterprise","style"]},{"t":"Toast · Primer · Scenario Patterns","k":"component","u":"https://primer.style/product/components/banner/#_R_ibcanpfiv5ujb_","d":"Primer 官方文档里的「通知」公开演示（Scenario Patterns）","g":["toast","minimal","enterprise","style"]},{"t":"Slider · Naive UI","k":"component","u":"https://www.naiveui.com/en-US/os-theme/components/slider","d":"Naive UI 官方文档里的「滑块」公开演示","g":["slider","enterprise","style"]},{"t":"Loader · Shoelace","k":"component","u":"https://shoelace.style/components/skeleton","d":"Shoelace 官方文档里的「加载」公开演示","g":["loader","minimal","style"]},{"t":"Slider · Material Web","k":"component","u":"https://material-web.dev/components/slider/","d":"Material Web 官方文档里的「滑块」公开演示","g":["slider","material","style"]},{"t":"Card · React Bits · Customize","k":"component","u":"https://reactbits.dev/components/magic-bento#tabs:«r11»:content-preview","d":"React Bits 官方文档里的「卡片」公开演示（Customize）","g":["card","dark-tech","motion","3d","style"]},{"t":"Navigation · Ant Design Mobile","k":"component","u":"https://mobile.ant.design/components/tab-bar/#demos","d":"Ant Design Mobile 官方文档里的「导航」公开演示","g":["nav","minimal","enterprise","style"]},{"t":"Button · Bulma · CSS Library","k":"component","u":"https://bulma.io/documentation/elements/button/#js-docs","d":"Bulma 官方文档里的「按钮」公开演示（CSS Library）","g":["button","minimal","utilitarian","style"]},{"t":"Tabs · Tamagui","k":"component","u":"https://tamagui.dev/ui/tabs","d":"Tamagui 官方文档里的「标签页」公开演示","g":["tabs","minimal","style"]},{"t":"Button · Aceternity UI","k":"component","u":"https://ui.aceternity.com/components/moving-border","d":"Aceternity UI 官方文档里的「按钮」公开演示","g":["button","dark-tech","gradient","3d","motion","style"]},{"t":"Date picker · Flowbite","k":"component","u":"https://flowbite.com/docs/components/datepicker/","d":"Flowbite 官方文档里的「日期」公开演示","g":["date","minimal","style"]},{"t":"Breadcrumb · Vuetify","k":"component","u":"https://vuetifyjs.com/en/components/breadcrumbs/#dividers","d":"Vuetify 官方文档里的「面包屑」公开演示","g":["breadcrumb","material","style"]},{"t":"Select · Park UI · LAYOUT","k":"component","u":"https://park-ui.com/docs/components/select#scroll-area-_R_d5ulb_:content","d":"Park UI 官方文档里的「选择器」公开演示（LAYOUT）","g":["select","minimal","style"]},{"t":"Dialog · Bits UI","k":"component","u":"https://bits-ui.com/docs/components/dialog","d":"Bits UI 官方文档里的「弹窗」公开演示","g":["dialog","minimal","style"]},{"t":"Tooltip · Material UI","k":"component","u":"https://mui.com/material-ui/react-tooltip/","d":"Material UI 官方文档里的「气泡」公开演示","g":["tooltip","material","style"]},{"t":"Button · shadcn-vue","k":"component","u":"https://www.shadcn-vue.com/docs/components/button#default","d":"shadcn-vue 官方文档里的「按钮」公开演示","g":["button","minimal","style"]},{"t":"Form · Pico CSS","k":"component","u":"https://picocss.com/docs/forms","d":"Pico CSS 官方文档里的「表单」公开演示","g":["form","minimal","utilitarian","style"]},{"t":"Date picker · Ark UI","k":"component","u":"https://ark-ui.com/docs/components/date-picker","d":"Ark UI 官方文档里的「日期」公开演示","g":["date","minimal","style"]},{"t":"Tooltip · Semi Design · 类型搭配","k":"component","u":"https://semi.design/zh-CN/feedback/popconfirm#类型搭配","d":"Semi Design 官方文档里的「气泡」公开演示（类型搭配）","g":["tooltip","enterprise","style"]},{"t":"Tabs · Angular Material","k":"component","u":"https://material.angular.dev/components/tabs/overview","d":"Angular Material 官方文档里的「标签页」公开演示","g":["tabs","material","style"]},{"t":"Dialog · Motion Primitives · Morphing Dialog Basic","k":"component","u":"https://motion-primitives.com/docs/morphing-dialog#morphing-dialog-basic","d":"Motion Primitives 官方文档里的「弹窗」公开演示（Morphing Dialog Basic）","g":["dialog","minimal","motion","style"]},{"t":"Select · React Aria","k":"component","u":"https://react-aria.adobe.com/Select","d":"React Aria 官方文档里的「选择器」公开演示","g":["select","minimal","style"]},{"t":"Chart · Kibo UI · Without a sidebar","k":"component","u":"https://www.kibo-ui.com/components/gantt#without-a-sidebar","d":"Kibo UI 官方文档里的「图表」公开演示（Without a sidebar）","g":["chart","minimal","style"]},{"t":"List · Bootstrap · Links and buttons","k":"component","u":"https://getbootstrap.com/docs/5.3/components/list-group/#links-and-buttons","d":"Bootstrap 官方文档里的「列表」公开演示（Links and buttons）","g":["list","minimal","utilitarian","style"]},{"t":"Avatar · Mantine","k":"component","u":"https://mantine.dev/core/avatar/","d":"Mantine 官方文档里的「头像」公开演示","g":["avatar","minimal","enterprise","style"]},{"t":"Input · Radix Themes · Color","k":"component","u":"https://www.radix-ui.com/themes/docs/components/text-area#color","d":"Radix Themes 官方文档里的「输入框」公开演示（Color）","g":["input","minimal","style"]},{"t":"Chart · MUI X · Using a dataset","k":"component","u":"https://mui.com/x/react-charts/bars/#using-a-dataset","d":"MUI X 官方文档里的「图表」公开演示（Using a dataset）","g":["chart","material","style"]},{"t":"Table · daisyUI","k":"component","u":"https://daisyui.com/components/table/","d":"daisyUI 官方文档里的「表格」公开演示","g":["table","playful","soft","style"]},{"t":"Avatar · HeroUI","k":"component","u":"https://heroui.com/en/docs/react/components/avatar","d":"HeroUI 官方文档里的「头像」公开演示","g":["avatar","soft","playful","style"]},{"t":"Input · Ionic · Basic Usage","k":"component","u":"https://ionicframework.com/docs/api/searchbar#basic-usage","d":"Ionic 官方文档里的「输入框」公开演示（Basic Usage）","g":["input","apple","minimal","style"]},{"t":"Tabs · shadcn/ui","k":"component","u":"https://ui.shadcn.com/docs/components/base/tabs","d":"shadcn/ui 官方文档里的「标签页」公开演示","g":["tabs","minimal","style"]},{"t":"Background · Magic UI","k":"component","u":"https://magicui.design/docs/components/retro-grid","d":"Magic UI 官方文档里的「背景」公开演示","g":["background","dark-tech","gradient","motion","style"]},{"t":"Card · Spartan","k":"component","u":"https://www.spartan.ng/components/card","d":"Spartan 官方文档里的「卡片」公开演示","g":["card","minimal","style"]},{"t":"Button · shadcn-svelte","k":"component","u":"https://www.shadcn-svelte.com/docs/components/button","d":"shadcn-svelte 官方文档里的「按钮」公开演示","g":["button","minimal","style"]},{"t":"Accordion · PrimeVue · Multiple","k":"component","u":"https://primevue.dev/accordion/#__nuxt","d":"PrimeVue 官方文档里的「折叠面板」公开演示（Multiple）","g":["accordion","enterprise","style"]},{"t":"Dialog · Skeleton · Provider","k":"component","u":"https://www.skeleton.dev/docs/svelte/framework-components/dialog","d":"Skeleton 官方文档里的「弹窗」公开演示（Provider）","g":["dialog","playful","gradient","style"]},{"t":"Card · Ant Design","k":"component","u":"https://ant.design/components/card","d":"Ant Design 官方文档里的「卡片」公开演示","g":["card","enterprise","style"]},{"t":"Toast · PrimeNG · Severity","k":"component","u":"https://primeng.dev/toast","d":"PrimeNG 官方文档里的「通知」公开演示（Severity）","g":["toast","enterprise","style"]},{"t":"Select · TDesign","k":"component","u":"https://tdesign.tencent.com/vue-next/components/select","d":"TDesign 官方文档里的「选择器」公开演示","g":["select","enterprise","style"]},{"t":"Menu · Headless UI","k":"component","u":"https://headlessui.com/react/menu","d":"Headless UI 官方文档里的「菜单」公开演示","g":["menu","minimal","style"]},{"t":"Tabs · Kobalte · Controlled value","k":"component","u":"https://kobalte.dev/docs/core/components/tabs#controlled-value","d":"Kobalte 官方文档里的「标签页」公开演示（Controlled value）","g":["tabs","minimal","style"]},{"t":"Loader · Chakra UI","k":"component","u":"https://chakra-ui.com/docs/components/skeleton","d":"Chakra UI 官方文档里的「加载」公开演示","g":["loader","soft","minimal","style"]},{"t":"Button · Nuxt UI · Label","k":"component","u":"https://ui.nuxt.com/docs/components/button#label","d":"Nuxt UI 官方文档里的「按钮」公开演示（Label）","g":["button","minimal","style"]},{"t":"Switch · Quasar · Basic","k":"component","u":"https://quasar.dev/vue-components/toggle/#example--standard--basic","d":"Quasar 官方文档里的「开关」公开演示（Basic）","g":["switch","material","style"]},{"t":"Select · Base UI · Multiple selection","k":"component","u":"https://base-ui.com/react/components/select#multiple-selection","d":"Base UI 官方文档里的「选择器」公开演示（Multiple selection）","g":["select","minimal","style"]},{"t":"Date picker · NG-ZORRO","k":"component","u":"https://ng.ant.design/components/time-picker/en","d":"NG-ZORRO 官方文档里的「日期」公开演示","g":["date","enterprise","style"]},{"t":"Checkbox & radio · Element Plus · Basic usage","k":"component","u":"https://element-plus.org/en-US/component/radio.html#basic-usage","d":"Element Plus 官方文档里的「复选单选」公开演示（Basic usage）","g":["checkbox","enterprise","style"]},{"t":"Tabs · Arco Design","k":"component","u":"https://arco.design/react/components/tabs","d":"Arco Design 官方文档里的「标签页」公开演示","g":["tabs","enterprise","style"]},{"t":"Avatar · Ant Design X","k":"component","u":"https://x.ant.design/components/welcome#welcome-demo-basic","d":"Ant Design X 官方文档里的「头像」公开演示","g":["avatar","enterprise","style"]},{"t":"Slider · Naive UI","k":"component","u":"https://www.naiveui.com/en-US/os-theme/components/slider","d":"Naive UI 官方文档里的「滑块」公开演示","g":["slider","enterprise","style"]},{"t":"Progress · Shoelace","k":"component","u":"https://shoelace.style/components/progress-bar","d":"Shoelace 官方文档里的「进度」公开演示","g":["progress","minimal","style"]},{"t":"Checkbox & radio · Material Web","k":"component","u":"https://material-web.dev/components/checkbox/","d":"Material Web 官方文档里的「复选单选」公开演示","g":["checkbox","material","style"]},{"t":"Background · React Bits · Silk","k":"component","u":"https://reactbits.dev/backgrounds/silk#root","d":"React Bits 官方文档里的「背景」公开演示（Silk）","g":["background","dark-tech","motion","3d","style"]},{"t":"Form · Ant Design Mobile","k":"component","u":"https://mobile.ant.design/components/swipe-action/#demos","d":"Ant Design Mobile 官方文档里的「表单」公开演示","g":["form","minimal","enterprise","style"]},{"t":"Button · Bulma · Colors","k":"component","u":"https://bulma.io/documentation/elements/button/#colors","d":"Bulma 官方文档里的「按钮」公开演示（Colors）","g":["button","minimal","utilitarian","style"]},{"t":"Tabs · Tamagui · Animations","k":"component","u":"https://tamagui.dev/ui/tabs#animations","d":"Tamagui 官方文档里的「标签页」公开演示（Animations）","g":["tabs","minimal","style"]},{"t":"Background · Aceternity UI","k":"component","u":"https://ui.aceternity.com/components/sparkles","d":"Aceternity UI 官方文档里的「背景」公开演示","g":["background","dark-tech","gradient","3d","motion","style"]},{"t":"Toast · Flowbite","k":"component","u":"https://flowbite.com/docs/components/toast/","d":"Flowbite 官方文档里的「通知」公开演示","g":["toast","minimal","style"]},{"t":"Progress · Vuetify","k":"component","u":"https://vuetifyjs.com/en/components/progress-linear/#stream","d":"Vuetify 官方文档里的「进度」公开演示","g":["progress","material","style"]},{"t":"Table · Park UI · Column Border","k":"component","u":"https://park-ui.com/docs/components/table#column-border","d":"Park UI 官方文档里的「表格」公开演示（Column Border）","g":["table","minimal","style"]},{"t":"Dialog · Bits UI · Nested Dialogs","k":"component","u":"https://bits-ui.com/docs/components/dialog#nested-dialogs","d":"Bits UI 官方文档里的「弹窗」公开演示（Nested Dialogs）","g":["dialog","minimal","style"]},{"t":"Menu · Material UI","k":"component","u":"https://mui.com/material-ui/react-menu/","d":"Material UI 官方文档里的「菜单」公开演示","g":["menu","material","style"]},{"t":"Card · shadcn-vue","k":"component","u":"https://www.shadcn-vue.com/docs/components/card","d":"shadcn-vue 官方文档里的「卡片」公开演示","g":["card","minimal","style"]},{"t":"Dialog · Ark UI","k":"component","u":"https://ark-ui.com/docs/components/dialog","d":"Ark UI 官方文档里的「弹窗」公开演示","g":["dialog","minimal","style"]},{"t":"Tabs · Angular Material · Overview for tabs","k":"component","u":"https://material.angular.dev/components/tabs/overview#mat-tab-nav-panel-0","d":"Angular Material 官方文档里的「标签页」公开演示（Overview for tabs）","g":["tabs","material","style"]},{"t":"Dialog · Motion Primitives","k":"component","u":"https://motion-primitives.com/docs/morphing-dialog#morphing-dialog-basic-2","d":"Motion Primitives 官方文档里的「弹窗」公开演示","g":["dialog","minimal","motion","style"]},{"t":"Upload · React Aria","k":"component","u":"https://react-aria.adobe.com/DropZone","d":"React Aria 官方文档里的「上传」公开演示","g":["upload","minimal","style"]},{"t":"List · Bootstrap · Flush","k":"component","u":"https://getbootstrap.com/docs/5.3/components/list-group/#flush","d":"Bootstrap 官方文档里的「列表」公开演示（Flush）","g":["list","minimal","utilitarian","style"]},{"t":"Loader · Mantine","k":"component","u":"https://mantine.dev/core/loader/","d":"Mantine 官方文档里的「加载」公开演示","g":["loader","minimal","enterprise","style"]},{"t":"Tooltip · Radix Themes · Size","k":"component","u":"https://www.radix-ui.com/themes/docs/components/popover#size","d":"Radix Themes 官方文档里的「气泡」公开演示（Size）","g":["tooltip","minimal","style"]},{"t":"Table · MUI X · Community version (free forever)","k":"component","u":"https://mui.com/x/react-data-grid/#community-version-free-forever","d":"MUI X 官方文档里的「表格」公开演示（Community version (free forever)）","g":["table","material","style"]},{"t":"Chat · daisyUI","k":"component","u":"https://daisyui.com/components/chat/","d":"daisyUI 官方文档里的「聊天」公开演示","g":["chat","playful","soft","style"]},{"t":"Date picker · HeroUI","k":"component","u":"https://heroui.com/en/docs/react/components/date-picker","d":"HeroUI 官方文档里的「日期」公开演示","g":["date","soft","playful","style"]},{"t":"Button · Ionic · Basic Usage","k":"component","u":"https://ionicframework.com/docs/api/fab#basic-usage","d":"Ionic 官方文档里的「按钮」公开演示（Basic Usage）","g":["button","apple","minimal","style"]},{"t":"Button · shadcn/ui","k":"component","u":"https://ui.shadcn.com/docs/components/base/button","d":"shadcn/ui 官方文档里的「按钮」公开演示","g":["button","minimal","style"]},{"t":"Layout · Magic UI","k":"component","u":"https://magicui.design/docs/components/bento-grid","d":"Magic UI 官方文档里的「区块」公开演示","g":["layout","dark-tech","gradient","motion","style"]},{"t":"Card · Spartan · Size","k":"component","u":"https://www.spartan.ng/components/card#size","d":"Spartan 官方文档里的「卡片」公开演示（Size）","g":["card","minimal","style"]},{"t":"Date picker · shadcn-svelte","k":"component","u":"https://www.shadcn-svelte.com/docs/components/calendar","d":"shadcn-svelte 官方文档里的「日期」公开演示","g":["date","minimal","style"]},{"t":"Accordion · PrimeVue · Controlled","k":"component","u":"https://primevue.dev/accordion/#__nuxt","d":"PrimeVue 官方文档里的「折叠面板」公开演示（Controlled）","g":["accordion","enterprise","style"]},{"t":"Toast · Skeleton · Triggers","k":"component","u":"https://www.skeleton.dev/docs/svelte/framework-components/toast#triggers","d":"Skeleton 官方文档里的「通知」公开演示（Triggers）","g":["toast","playful","gradient","style"]},{"t":"Input · Ant Design","k":"component","u":"https://ant.design/components/cascader","d":"Ant Design 官方文档里的「输入框」公开演示","g":["input","enterprise","style"]},{"t":"Select · PrimeNG · Basic","k":"component","u":"https://primeng.dev/select","d":"PrimeNG 官方文档里的「选择器」公开演示（Basic）","g":["select","enterprise","style"]},{"t":"Date picker · TDesign","k":"component","u":"https://tdesign.tencent.com/vue-next/components/date-picker","d":"TDesign 官方文档里的「日期」公开演示","g":["date","enterprise","style"]},{"t":"Form · Headless UI","k":"component","u":"https://headlessui.com/react/switch","d":"Headless UI 官方文档里的「表单」公开演示","g":["form","minimal","style"]},{"t":"Form · Kobalte","k":"component","u":"https://kobalte.dev/docs/core/components/slider#example","d":"Kobalte 官方文档里的「表单」公开演示","g":["form","minimal","style"]},{"t":"Input · Chakra UI","k":"component","u":"https://chakra-ui.com/docs/components/pin-input","d":"Chakra UI 官方文档里的「输入框」公开演示","g":["input","soft","minimal","style"]},{"t":"Dialog · Nuxt UI · Title","k":"component","u":"https://ui.nuxt.com/docs/components/modal#title","d":"Nuxt UI 官方文档里的「弹窗」公开演示（Title）","g":["dialog","minimal","style"]},{"t":"Switch · Quasar · With labels","k":"component","u":"https://quasar.dev/vue-components/toggle/#example--labels--with-labels","d":"Quasar 官方文档里的「开关」公开演示（With labels）","g":["switch","material","style"]},{"t":"Select · Base UI · Object values","k":"component","u":"https://base-ui.com/react/components/select#object-values","d":"Base UI 官方文档里的「选择器」公开演示（Object values）","g":["select","minimal","style"]},{"t":"Switch · NG-ZORRO","k":"component","u":"https://ng.ant.design/components/switch/en","d":"NG-ZORRO 官方文档里的「开关」公开演示","g":["switch","enterprise","style"]},{"t":"Checkbox & radio · Element Plus · With borders","k":"component","u":"https://element-plus.org/en-US/component/radio.html#with-borders","d":"Element Plus 官方文档里的「复选单选」公开演示（With borders）","g":["checkbox","enterprise","style"]},{"t":"Checkbox & radio · Arco Design · 基础用法","k":"component","u":"https://arco.design/react/components/checkbox#基础用法","d":"Arco Design 官方文档里的「复选单选」公开演示（基础用法）","g":["checkbox","enterprise","style"]},{"t":"Avatar · Ant Design X","k":"component","u":"https://x.ant.design/components/welcome#welcome-demo-variant","d":"Ant Design X 官方文档里的「头像」公开演示","g":["avatar","enterprise","style"]},{"t":"Badge & tag · Naive UI","k":"component","u":"https://www.naiveui.com/en-US/os-theme/components/badge","d":"Naive UI 官方文档里的「徽标标签」公开演示","g":["badge","enterprise","style"]},{"t":"Card · Shoelace","k":"component","u":"https://shoelace.style/components/card","d":"Shoelace 官方文档里的「卡片」公开演示","g":["card","minimal","style"]},{"t":"Button · Material Web","k":"component","u":"https://material-web.dev/components/icon-button/","d":"Material Web 官方文档里的「按钮」公开演示","g":["button","material","style"]},{"t":"Background · React Bits · Aurora","k":"component","u":"https://reactbits.dev/backgrounds/aurora#root","d":"React Bits 官方文档里的「背景」公开演示（Aurora）","g":["background","dark-tech","motion","3d","style"]},{"t":"Button · Bulma · Colors","k":"component","u":"https://bulma.io/documentation/elements/button/#colors","d":"Bulma 官方文档里的「按钮」公开演示（Colors）","g":["button","minimal","utilitarian","style"]},{"t":"Background · Aceternity UI","k":"component","u":"https://ui.aceternity.com/components/aurora-background","d":"Aceternity UI 官方文档里的「背景」公开演示","g":["background","dark-tech","gradient","3d","motion","style"]},{"t":"Progress · Flowbite · Sizes","k":"component","u":"https://flowbite.com/docs/components/progress/","d":"Flowbite 官方文档里的「进度」公开演示（Sizes）","g":["progress","minimal","style"]},{"t":"Progress · Vuetify","k":"component","u":"https://vuetifyjs.com/en/components/progress-linear/#stream","d":"Vuetify 官方文档里的「进度」公开演示","g":["progress","material","style"]},{"t":"Table · Park UI · Horizontal Scroll","k":"component","u":"https://park-ui.com/docs/components/table#horizontal-scroll","d":"Park UI 官方文档里的「表格」公开演示（Horizontal Scroll）","g":["table","minimal","style"]},{"t":"Select · Bits UI · Custom Anchor","k":"component","u":"https://bits-ui.com/docs/components/select#custom-anchor","d":"Bits UI 官方文档里的「选择器」公开演示（Custom Anchor）","g":["select","minimal","style"]},{"t":"Select · Material UI","k":"component","u":"https://mui.com/material-ui/react-select/","d":"Material UI 官方文档里的「选择器」公开演示","g":["select","material","style"]},{"t":"Date picker · shadcn-vue","k":"component","u":"https://www.shadcn-vue.com/docs/components/calendar","d":"shadcn-vue 官方文档里的「日期」公开演示","g":["date","minimal","style"]},{"t":"Form · Ark UI","k":"component","u":"https://ark-ui.com/docs/components/slider","d":"Ark UI 官方文档里的「表单」公开演示","g":["form","minimal","style"]},{"t":"Select · Angular Material · Overview for select","k":"component","u":"https://material.angular.dev/components/select/overview#mat-tab-nav-panel-0","d":"Angular Material 官方文档里的「选择器」公开演示（Overview for select）","g":["select","material","style"]},{"t":"Dialog · Motion Primitives · Morphing Dialog Image","k":"component","u":"https://motion-primitives.com/docs/morphing-dialog#morphing-dialog-image","d":"Motion Primitives 官方文档里的「弹窗」公开演示（Morphing Dialog Image）","g":["dialog","minimal","motion","style"]},{"t":"Date picker · React Aria","k":"component","u":"https://react-aria.adobe.com/DatePicker","d":"React Aria 官方文档里的「日期」公开演示","g":["date","minimal","style"]},{"t":"Alert · Bootstrap","k":"component","u":"https://getbootstrap.com/docs/5.3/components/alerts/","d":"Bootstrap 官方文档里的「警告提示」公开演示","g":["alert","minimal","utilitarian","style"]},{"t":"Table · Mantine","k":"component","u":"https://mantine.dev/core/table/","d":"Mantine 官方文档里的「表格」公开演示","g":["table","minimal","enterprise","style"]},{"t":"Alert · Radix Themes · Typography","k":"component","u":"https://www.radix-ui.com/themes/docs/components/callout","d":"Radix Themes 官方文档里的「警告提示」公开演示（Typography）","g":["alert","minimal","style"]},{"t":"Table · MUI X · Pro version","k":"component","u":"https://mui.com/x/react-data-grid/#pro-version","d":"MUI X 官方文档里的「表格」公开演示（Pro version）","g":["table","material","style"]},{"t":"Select · daisyUI","k":"component","u":"https://daisyui.com/components/select/","d":"daisyUI 官方文档里的「选择器」公开演示","g":["select","playful","soft","style"]},{"t":"Badge & tag · HeroUI","k":"component","u":"https://heroui.com/en/docs/react/components/badge#usage","d":"HeroUI 官方文档里的「徽标标签」公开演示","g":["badge","soft","playful","style"]},{"t":"Checkbox & radio · Ionic · Basic Usage","k":"component","u":"https://ionicframework.com/docs/api/radio#basic-usage","d":"Ionic 官方文档里的「复选单选」公开演示（Basic Usage）","g":["checkbox","apple","minimal","style"]},{"t":"Input · shadcn/ui","k":"component","u":"https://ui.shadcn.com/docs/components/base/input-otp","d":"shadcn/ui 官方文档里的「输入框」公开演示","g":["input","minimal","style"]},{"t":"Loader · Magic UI","k":"component","u":"https://magicui.design/docs/components/animated-beam","d":"Magic UI 官方文档里的「加载」公开演示","g":["loader","dark-tech","gradient","motion","style"]},{"t":"Card · Spartan · Spacing","k":"component","u":"https://www.spartan.ng/components/card#spacing","d":"Spartan 官方文档里的「卡片」公开演示（Spacing）","g":["card","minimal","style"]},{"t":"Date picker · shadcn-svelte · Basic","k":"component","u":"https://www.shadcn-svelte.com/docs/components/calendar#basic","d":"shadcn-svelte 官方文档里的「日期」公开演示（Basic）","g":["date","minimal","style"]},{"t":"Slider · PrimeVue","k":"component","u":"https://primevue.dev/slider/","d":"PrimeVue 官方文档里的「滑块」公开演示","g":["slider","enterprise","style"]},{"t":"Toast · Skeleton · Root","k":"component","u":"https://www.skeleton.dev/docs/svelte/framework-components/toast","d":"Skeleton 官方文档里的「通知」公开演示（Root）","g":["toast","playful","gradient","style"]},{"t":"Tabs · Ant Design","k":"component","u":"https://ant.design/components/tabs","d":"Ant Design 官方文档里的「标签页」公开演示","g":["tabs","enterprise","style"]},{"t":"Button · PrimeNG · Basic","k":"component","u":"https://primeng.dev/button","d":"PrimeNG 官方文档里的「按钮」公开演示（Basic）","g":["button","enterprise","style"]},{"t":"Badge & tag · TDesign · 红点样式的徽标","k":"component","u":"https://tdesign.tencent.com/vue-next/components/badge#红点样式的徽标","d":"TDesign 官方文档里的「徽标标签」公开演示（红点样式的徽标）","g":["badge","enterprise","style"]},{"t":"Form · Kobalte · Modify step size","k":"component","u":"https://kobalte.dev/docs/core/components/slider#modify-step-size","d":"Kobalte 官方文档里的「表单」公开演示（Modify step size）","g":["form","minimal","style"]},{"t":"Checkbox & radio · Chakra UI · Sizes","k":"component","u":"https://chakra-ui.com/docs/components/checkbox#sizes","d":"Chakra UI 官方文档里的「复选单选」公开演示（Sizes）","g":["checkbox","soft","minimal","style"]},{"t":"Date picker · Nuxt UI","k":"component","u":"https://ui.nuxt.com/docs/components/calendar#usage","d":"Nuxt UI 官方文档里的「日期」公开演示","g":["date","minimal","style"]},{"t":"Switch · Quasar · Icons","k":"component","u":"https://quasar.dev/vue-components/toggle/#example--icons--icons","d":"Quasar 官方文档里的「开关」公开演示（Icons）","g":["switch","material","style"]},{"t":"Color picker · NG-ZORRO · Basic","k":"component","u":"https://ng.ant.design/components/color-picker/en#components-color-picker-demo-basic","d":"NG-ZORRO 官方文档里的「取色器」公开演示（Basic）","g":["color","enterprise","style"]},{"t":"Slider · Element Plus · Basic usage","k":"component","u":"https://element-plus.org/en-US/component/slider.html#basic-usage","d":"Element Plus 官方文档里的「滑块」公开演示（Basic usage）","g":["slider","enterprise","style"]},{"t":"Progress · Arco Design · 进度条状态","k":"component","u":"https://arco.design/react/components/progress#进度条状态","d":"Arco Design 官方文档里的「进度」公开演示（进度条状态）","g":["progress","enterprise","style"]},{"t":"Card · Ant Design X","k":"component","u":"https://x.ant.design/components/prompts#prompts-demo-disabled","d":"Ant Design X 官方文档里的「卡片」公开演示","g":["card","enterprise","style"]},{"t":"Badge & tag · Naive UI","k":"component","u":"https://www.naiveui.com/en-US/os-theme/components/badge","d":"Naive UI 官方文档里的「徽标标签」公开演示","g":["badge","enterprise","style"]},{"t":"Badge & tag · Shoelace","k":"component","u":"https://shoelace.style/components/tag","d":"Shoelace 官方文档里的「徽标标签」公开演示","g":["badge","minimal","style"]},{"t":"Dialog · Material Web","k":"component","u":"https://material-web.dev/components/dialog/","d":"Material Web 官方文档里的「弹窗」公开演示","g":["dialog","material","style"]},{"t":"Layout · React Bits · Masonry","k":"component","u":"https://reactbits.dev/components/masonry#root","d":"React Bits 官方文档里的「区块」公开演示（Masonry）","g":["layout","dark-tech","motion","3d","style"]},{"t":"Navigation · Bulma · Transparent navbar","k":"component","u":"https://bulma.io/documentation/components/navbar/#transparent-navbar","d":"Bulma 官方文档里的「导航」公开演示（Transparent navbar）","g":["nav","minimal","utilitarian","style"]},{"t":"Navigation · Aceternity UI","k":"component","u":"https://ui.aceternity.com/components/floating-dock#floating-dock","d":"Aceternity UI 官方文档里的「导航」公开演示","g":["nav","dark-tech","gradient","3d","motion","style"]},{"t":"Progress · Flowbite · With label outside","k":"component","u":"https://flowbite.com/docs/components/progress/","d":"Flowbite 官方文档里的「进度」公开演示（With label outside）","g":["progress","minimal","style"]},{"t":"Progress · Vuetify","k":"component","u":"https://vuetifyjs.com/en/components/progress-linear/#stream","d":"Vuetify 官方文档里的「进度」公开演示","g":["progress","material","style"]},{"t":"Tabs · Bits UI","k":"component","u":"https://bits-ui.com/docs/components/tabs","d":"Bits UI 官方文档里的「标签页」公开演示","g":["tabs","minimal","style"]},{"t":"Table · Material UI","k":"component","u":"https://mui.com/material-ui/react-table/","d":"Material UI 官方文档里的「表格」公开演示","g":["table","material","style"]},{"t":"Date picker · shadcn-vue","k":"component","u":"https://www.shadcn-vue.com/docs/components/calendar#calendar-systems-persian-hijri-jalali-for-example","d":"shadcn-vue 官方文档里的「日期」公开演示","g":["date","minimal","style"]},{"t":"Form · Ark UI · Range","k":"component","u":"https://ark-ui.com/docs/components/slider#range","d":"Ark UI 官方文档里的「表单」公开演示（Range）","g":["form","minimal","style"]},{"t":"Card · Angular Material · Overview for card","k":"component","u":"https://material.angular.dev/components/card/overview#mat-tab-nav-panel-0","d":"Angular Material 官方文档里的「卡片」公开演示（Overview for card）","g":["card","material","style"]},{"t":"Carousel · Motion Primitives · Carousel with custom sizes","k":"component","u":"https://motion-primitives.com/docs/carousel#carousel-with-custom-sizes","d":"Motion Primitives 官方文档里的「轮播」公开演示（Carousel with custom sizes）","g":["carousel","minimal","motion","style"]},{"t":"Drag & drop · React Aria","k":"component","u":"https://react-aria.adobe.com/GridList","d":"React Aria 官方文档里的「拖拽」公开演示","g":["dnd","minimal","style"]},{"t":"Alert · Bootstrap · Live example","k":"component","u":"https://getbootstrap.com/docs/5.3/components/alerts/#live-example","d":"Bootstrap 官方文档里的「警告提示」公开演示（Live example）","g":["alert","minimal","utilitarian","style"]},{"t":"Chart · Mantine","k":"component","u":"https://mantine.dev/charts/area-chart/","d":"Mantine 官方文档里的「图表」公开演示","g":["chart","minimal","enterprise","style"]},{"t":"Alert · Radix Themes · Variant","k":"component","u":"https://www.radix-ui.com/themes/docs/components/callout#variant","d":"Radix Themes 官方文档里的「警告提示」公开演示（Variant）","g":["alert","minimal","style"]},{"t":"Table · MUI X · Premium version","k":"component","u":"https://mui.com/x/react-data-grid/#premium-version","d":"MUI X 官方文档里的「表格」公开演示（Premium version）","g":["table","material","style"]},{"t":"Loader · daisyUI","k":"component","u":"https://daisyui.com/components/loading/","d":"daisyUI 官方文档里的「加载」公开演示","g":["loader","playful","soft","style"]},{"t":"Badge & tag · HeroUI · Variants","k":"component","u":"https://heroui.com/en/docs/react/components/badge#variants","d":"HeroUI 官方文档里的「徽标标签」公开演示（Variants）","g":["badge","soft","playful","style"]},{"t":"Checkbox & radio · Ionic · Basic Usage","k":"component","u":"https://ionicframework.com/docs/api/checkbox#basic-usage","d":"Ionic 官方文档里的「复选单选」公开演示（Basic Usage）","g":["checkbox","apple","minimal","style"]},{"t":"Carousel · shadcn/ui","k":"component","u":"https://ui.shadcn.com/docs/components/base/carousel","d":"shadcn/ui 官方文档里的「轮播」公开演示","g":["carousel","minimal","style"]},{"t":"Button · Magic UI · Ripple Variant","k":"component","u":"https://magicui.design/docs/components/pulsating-button#ripple-variant","d":"Magic UI 官方文档里的「按钮」公开演示（Ripple Variant）","g":["button","dark-tech","gradient","motion","style"]},{"t":"Card · Spartan · Login to your account","k":"component","u":"https://www.spartan.ng/components/card#brn-tabs-content-Preview","d":"Spartan 官方文档里的「卡片」公开演示（Login to your account）","g":["card","minimal","style"]},{"t":"Date picker · shadcn-svelte · Range Calendar","k":"component","u":"https://www.shadcn-svelte.com/docs/components/calendar#range-calendar","d":"shadcn-svelte 官方文档里的「日期」公开演示（Range Calendar）","g":["date","minimal","style"]},{"t":"Slider · PrimeVue · Basic","k":"component","u":"https://primevue.dev/slider/#__nuxt","d":"PrimeVue 官方文档里的「滑块」公开演示（Basic）","g":["slider","enterprise","style"]},{"t":"Toast · Skeleton · Group","k":"component","u":"https://www.skeleton.dev/docs/svelte/framework-components/toast","d":"Skeleton 官方文档里的「通知」公开演示（Group）","g":["toast","playful","gradient","style"]},{"t":"Loader · Ant Design","k":"component","u":"https://ant.design/components/skeleton","d":"Ant Design 官方文档里的「加载」公开演示","g":["loader","enterprise","style"]},{"t":"Button · PrimeNG · Icons","k":"component","u":"https://primeng.dev/button","d":"PrimeNG 官方文档里的「按钮」公开演示（Icons）","g":["button","enterprise","style"]},{"t":"Badge & tag · TDesign · 数字样式的徽标","k":"component","u":"https://tdesign.tencent.com/vue-next/components/badge#数字样式的徽标","d":"TDesign 官方文档里的「徽标标签」公开演示（数字样式的徽标）","g":["badge","enterprise","style"]},{"t":"Slider · Chakra UI · Sizes","k":"component","u":"https://chakra-ui.com/docs/components/slider#sizes","d":"Chakra UI 官方文档里的「滑块」公开演示（Sizes）","g":["slider","soft","minimal","style"]},{"t":"Date picker · Nuxt UI · Type","k":"component","u":"https://ui.nuxt.com/docs/components/calendar#type","d":"Nuxt UI 官方文档里的「日期」公开演示（Type）","g":["date","minimal","style"]},{"t":"Pagination · Quasar · Standard","k":"component","u":"https://quasar.dev/vue-components/pagination/#example--standard--standard","d":"Quasar 官方文档里的「分页」公开演示（Standard）","g":["pagination","material","style"]},{"t":"Accordion · NG-ZORRO","k":"component","u":"https://ng.ant.design/components/collapse/en","d":"NG-ZORRO 官方文档里的「折叠面板」公开演示","g":["accordion","enterprise","style"]},{"t":"Slider · Element Plus · Sizes","k":"component","u":"https://element-plus.org/en-US/component/slider.html#sizes","d":"Element Plus 官方文档里的「滑块」公开演示（Sizes）","g":["slider","enterprise","style"]},{"t":"Alert · Arco Design · 不同类型","k":"component","u":"https://arco.design/react/components/alert#不同类型","d":"Arco Design 官方文档里的「警告提示」公开演示（不同类型）","g":["alert","enterprise","style"]},{"t":"Badge & tag · Naive UI","k":"component","u":"https://www.naiveui.com/en-US/os-theme/components/badge","d":"Naive UI 官方文档里的「徽标标签」公开演示","g":["badge","enterprise","style"]},{"t":"Tabs · Shoelace","k":"component","u":"https://shoelace.style/components/tab-group","d":"Shoelace 官方文档里的「标签页」公开演示","g":["tabs","minimal","style"]},{"t":"Tabs · Material Web","k":"component","u":"https://material-web.dev/components/tabs/","d":"Material Web 官方文档里的「标签页」公开演示","g":["tabs","material","style"]},{"t":"Data display · React Bits · Counter","k":"component","u":"https://reactbits.dev/components/counter#root","d":"React Bits 官方文档里的「数据展示」公开演示（Counter）","g":["data","dark-tech","motion","3d","style"]},{"t":"Navigation · Bulma · Right dropdown","k":"component","u":"https://bulma.io/documentation/components/navbar/#js-docs","d":"Bulma 官方文档里的「导航」公开演示（Right dropdown）","g":["nav","minimal","utilitarian","style"]},{"t":"Motion · Aceternity UI","k":"component","u":"https://ui.aceternity.com/components/typewriter-effect","d":"Aceternity UI 官方文档里的「动效」公开演示","g":["motion","dark-tech","gradient","3d","motion","style"]},{"t":"Progress · Flowbite · Colors","k":"component","u":"https://flowbite.com/docs/components/progress/","d":"Flowbite 官方文档里的「进度」公开演示（Colors）","g":["progress","minimal","style"]},{"t":"Timeline · Vuetify","k":"component","u":"https://vuetifyjs.com/en/components/timelines/#icon-dots","d":"Vuetify 官方文档里的「时间轴」公开演示","g":["timeline","material","style"]},{"t":"Card · Material UI","k":"component","u":"https://mui.com/material-ui/react-card/","d":"Material UI 官方文档里的「卡片」公开演示","g":["card","material","style"]},{"t":"Date picker · shadcn-vue · Calendar Systems","k":"component","u":"https://www.shadcn-vue.com/docs/components/calendar#calendar-systems","d":"shadcn-vue 官方文档里的「日期」公开演示（Calendar Systems）","g":["date","minimal","style"]},{"t":"Dialog · Ark UI","k":"component","u":"https://ark-ui.com/docs/components/dialog","d":"Ark UI 官方文档里的「弹窗」公开演示","g":["dialog","minimal","style"]},{"t":"Dialog · Angular Material · Overview for dialog","k":"component","u":"https://material.angular.dev/components/dialog/overview#mat-tab-nav-panel-0","d":"Angular Material 官方文档里的「弹窗」公开演示（Overview for dialog）","g":["dialog","material","style"]},{"t":"Loader · Motion Primitives · Text Shimmer Color","k":"component","u":"https://motion-primitives.com/docs/text-shimmer#text-shimmer-color","d":"Motion Primitives 官方文档里的「加载」公开演示（Text Shimmer Color）","g":["loader","minimal","motion","style"]},{"t":"Alert · Bootstrap · Link color","k":"component","u":"https://getbootstrap.com/docs/5.3/components/alerts/#link-color","d":"Bootstrap 官方文档里的「警告提示」公开演示（Link color）","g":["alert","minimal","utilitarian","style"]},{"t":"Select · Mantine","k":"component","u":"https://mantine.dev/core/select/","d":"Mantine 官方文档里的「选择器」公开演示","g":["select","minimal","enterprise","style"]},{"t":"Alert · Radix Themes · Color","k":"component","u":"https://www.radix-ui.com/themes/docs/components/callout#color","d":"Radix Themes 官方文档里的「警告提示」公开演示（Color）","g":["alert","minimal","style"]},{"t":"Date picker · MUI X · Basic usage","k":"component","u":"https://mui.com/x/react-date-pickers/date-range-picker/#basic-usage","d":"MUI X 官方文档里的「日期」公开演示（Basic usage）","g":["date","material","style"]},{"t":"Form · daisyUI","k":"component","u":"https://daisyui.com/components/toggle/","d":"daisyUI 官方文档里的「表单」公开演示","g":["form","playful","soft","style"]},{"t":"Badge & tag · HeroUI · Sizes","k":"component","u":"https://heroui.com/en/docs/react/components/badge#sizes","d":"HeroUI 官方文档里的「徽标标签」公开演示（Sizes）","g":["badge","soft","playful","style"]},{"t":"Input · Ionic · Basic Usage","k":"component","u":"https://ionicframework.com/docs/api/input#basic-usage","d":"Ionic 官方文档里的「输入框」公开演示（Basic Usage）","g":["input","apple","minimal","style"]},{"t":"Badge & tag · shadcn/ui · With Spinner","k":"component","u":"https://ui.shadcn.com/docs/components/base/badge#with-spinner","d":"shadcn/ui 官方文档里的「徽标标签」公开演示（With Spinner）","g":["badge","minimal","style"]},{"t":"Button · Magic UI · Outline Variant","k":"component","u":"https://magicui.design/docs/components/rainbow-button#outline-variant","d":"Magic UI 官方文档里的「按钮」公开演示（Outline Variant）","g":["button","dark-tech","gradient","motion","style"]},{"t":"Button · Spartan","k":"component","u":"https://www.spartan.ng/components/button#examples__default","d":"Spartan 官方文档里的「按钮」公开演示","g":["button","minimal","style"]},{"t":"Dialog · shadcn-svelte · No Close Button","k":"component","u":"https://www.shadcn-svelte.com/docs/components/dialog#no-close-button","d":"shadcn-svelte 官方文档里的「弹窗」公开演示（No Close Button）","g":["dialog","minimal","style"]},{"t":"Slider · PrimeVue · Range","k":"component","u":"https://primevue.dev/slider/#__nuxt","d":"PrimeVue 官方文档里的「滑块」公开演示（Range）","g":["slider","enterprise","style"]},{"t":"Avatar · Skeleton","k":"component","u":"https://www.skeleton.dev/docs/svelte/framework-components/avatar","d":"Skeleton 官方文档里的「头像」公开演示","g":["avatar","playful","gradient","style"]},{"t":"Badge & tag · Ant Design · Badge","k":"component","u":"https://ant.design/components/badge#badge-1","d":"Ant Design 官方文档里的「徽标标签」公开演示（Badge）","g":["badge","enterprise","style"]},{"t":"Button · PrimeNG · Loading","k":"component","u":"https://primeng.dev/button","d":"PrimeNG 官方文档里的「按钮」公开演示（Loading）","g":["button","enterprise","style"]},{"t":"Badge & tag · TDesign · 自定样式的徽标","k":"component","u":"https://tdesign.tencent.com/vue-next/components/badge#自定样式的徽标","d":"TDesign 官方文档里的「徽标标签」公开演示（自定样式的徽标）","g":["badge","enterprise","style"]},{"t":"Slider · Chakra UI · Variants","k":"component","u":"https://chakra-ui.com/docs/components/slider#variants","d":"Chakra UI 官方文档里的「滑块」公开演示（Variants）","g":["slider","soft","minimal","style"]},{"t":"Date picker · Nuxt UI · Type","k":"component","u":"https://ui.nuxt.com/docs/components/calendar#type","d":"Nuxt UI 官方文档里的「日期」公开演示（Type）","g":["date","minimal","style"]},{"t":"Pagination · Quasar · Button design","k":"component","u":"https://quasar.dev/vue-components/pagination/#example--btndesign--button-design","d":"Quasar 官方文档里的「分页」公开演示（Button design）","g":["pagination","material","style"]},{"t":"Data display · NG-ZORRO · Active Users","k":"component","u":"https://ng.ant.design/components/statistic/en","d":"NG-ZORRO 官方文档里的「数据展示」公开演示（Active Users）","g":["data","enterprise","style"]},{"t":"Switch · Element Plus · Sizes","k":"component","u":"https://element-plus.org/en-US/component/switch.html#sizes","d":"Element Plus 官方文档里的「开关」公开演示（Sizes）","g":["switch","enterprise","style"]},{"t":"Badge & tag · Arco Design · 基础用法","k":"component","u":"https://arco.design/react/components/badge#基础用法","d":"Arco Design 官方文档里的「徽标标签」公开演示（基础用法）","g":["badge","enterprise","style"]},{"t":"Badge & tag · Naive UI","k":"component","u":"https://www.naiveui.com/en-US/os-theme/components/badge","d":"Naive UI 官方文档里的「徽标标签」公开演示","g":["badge","enterprise","style"]},{"t":"Avatar · Shoelace","k":"component","u":"https://shoelace.style/components/avatar","d":"Shoelace 官方文档里的「头像」公开演示","g":["avatar","minimal","style"]},{"t":"Select · Material Web","k":"component","u":"https://material-web.dev/components/select/","d":"Material Web 官方文档里的「选择器」公开演示","g":["select","material","style"]},{"t":"Background · React Bits · Iridescence","k":"component","u":"https://reactbits.dev/backgrounds/iridescence#root","d":"React Bits 官方文档里的「背景」公开演示（Iridescence）","g":["background","dark-tech","motion","3d","style"]},{"t":"Navigation · Bulma · Dropup","k":"component","u":"https://bulma.io/documentation/components/navbar/#js-docs","d":"Bulma 官方文档里的「导航」公开演示（Dropup）","g":["nav","minimal","utilitarian","style"]},{"t":"Motion · Aceternity UI · Highlight Props","k":"component","u":"https://ui.aceternity.com/components/hero-highlight#highlight-props","d":"Aceternity UI 官方文档里的「动效」公开演示（Highlight Props）","g":["motion","dark-tech","gradient","3d","motion","style"]},{"t":"Pagination · Flowbite","k":"component","u":"https://flowbite.com/docs/components/pagination/","d":"Flowbite 官方文档里的「分页」公开演示","g":["pagination","minimal","style"]},{"t":"Timeline · Vuetify","k":"component","u":"https://vuetifyjs.com/en/components/timelines/#icon-dots","d":"Vuetify 官方文档里的「时间轴」公开演示","g":["timeline","material","style"]},{"t":"Dialog · Material UI","k":"component","u":"https://mui.com/material-ui/react-dialog/","d":"Material UI 官方文档里的「弹窗」公开演示","g":["dialog","material","style"]},{"t":"Date picker · shadcn-vue · Month and Year Selector","k":"component","u":"https://www.shadcn-vue.com/docs/components/calendar#month-and-year-selector","d":"shadcn-vue 官方文档里的「日期」公开演示（Month and Year Selector）","g":["date","minimal","style"]},{"t":"Upload · Ark UI","k":"component","u":"https://ark-ui.com/docs/components/file-upload","d":"Ark UI 官方文档里的「上传」公开演示","g":["upload","minimal","style"]},{"t":"Table · Angular Material · Getting Started","k":"component","u":"https://material.angular.dev/components/table/overview#getting-started","d":"Angular Material 官方文档里的「表格」公开演示（Getting Started）","g":["table","material","style"]},{"t":"Navigation · Motion Primitives · Apple style dock","k":"component","u":"https://motion-primitives.com/docs/dock#apple-style-dock","d":"Motion Primitives 官方文档里的「导航」公开演示（Apple style dock）","g":["nav","minimal","motion","style"]},{"t":"Accordion · Bootstrap · Flush","k":"component","u":"https://getbootstrap.com/docs/5.3/components/accordion/#flush","d":"Bootstrap 官方文档里的「折叠面板」公开演示（Flush）","g":["accordion","minimal","utilitarian","style"]},{"t":"Input · Mantine","k":"component","u":"https://mantine.dev/core/pin-input/","d":"Mantine 官方文档里的「输入框」公开演示","g":["input","minimal","enterprise","style"]},{"t":"Checkbox & radio · Radix Themes · Color","k":"component","u":"https://www.radix-ui.com/themes/docs/components/radio-cards#color","d":"Radix Themes 官方文档里的「复选单选」公开演示（Color）","g":["checkbox","minimal","style"]},{"t":"Date picker · MUI X · Uncontrolled vs. controlled value","k":"component","u":"https://mui.com/x/react-date-pickers/date-range-picker/#uncontrolled-vs-controlled-value","d":"MUI X 官方文档里的「日期」公开演示（Uncontrolled vs. controlled value）","g":["date","material","style"]},{"t":"Date picker · daisyUI","k":"component","u":"https://daisyui.com/components/calendar/","d":"daisyUI 官方文档里的「日期」公开演示","g":["date","playful","soft","style"]},{"t":"Badge & tag · HeroUI · Colors","k":"component","u":"https://heroui.com/en/docs/react/components/badge#colors","d":"HeroUI 官方文档里的「徽标标签」公开演示（Colors）","g":["badge","soft","playful","style"]},{"t":"Dialog · Ionic · Inline Action Sheets (Recommended)","k":"component","u":"https://ionicframework.com/docs/api/action-sheet#inline-action-sheets-recommended","d":"Ionic 官方文档里的「弹窗」公开演示（Inline Action Sheets (Recommended)）","g":["dialog","apple","minimal","style"]},{"t":"Badge & tag · shadcn/ui · Link","k":"component","u":"https://ui.shadcn.com/docs/components/base/badge#link","d":"shadcn/ui 官方文档里的「徽标标签」公开演示（Link）","g":["badge","minimal","style"]},{"t":"Motion · Magic UI · Basic Usage","k":"component","u":"https://magicui.design/docs/components/typing-animation#basic-usage","d":"Magic UI 官方文档里的「动效」公开演示（Basic Usage）","g":["motion","dark-tech","gradient","motion","style"]},{"t":"Tabs · Spartan","k":"component","u":"https://www.spartan.ng/components/tabs","d":"Spartan 官方文档里的「标签页」公开演示","g":["tabs","minimal","style"]},{"t":"Card · shadcn-svelte","k":"component","u":"https://www.shadcn-svelte.com/docs/components/card","d":"shadcn-svelte 官方文档里的「卡片」公开演示","g":["card","minimal","style"]},{"t":"Color picker · PrimeVue","k":"component","u":"https://primevue.dev/colorpicker/","d":"PrimeVue 官方文档里的「取色器」公开演示","g":["color","enterprise","style"]},{"t":"Avatar · Skeleton · Filter","k":"component","u":"https://www.skeleton.dev/docs/svelte/framework-components/avatar#filter","d":"Skeleton 官方文档里的「头像」公开演示（Filter）","g":["avatar","playful","gradient","style"]},{"t":"Badge & tag · Ant Design · Tag","k":"component","u":"https://ant.design/components/tag#tag-1","d":"Ant Design 官方文档里的「徽标标签」公开演示（Tag）","g":["badge","enterprise","style"]},{"t":"Date picker · PrimeNG","k":"component","u":"https://primeng.dev/datepicker","d":"PrimeNG 官方文档里的「日期」公开演示","g":["date","enterprise","style"]},{"t":"Badge & tag · TDesign · 不同尺寸的徽标","k":"component","u":"https://tdesign.tencent.com/vue-next/components/badge#不同尺寸的徽标","d":"TDesign 官方文档里的「徽标标签」公开演示（不同尺寸的徽标）","g":["badge","enterprise","style"]},{"t":"Slider · Chakra UI · Colors","k":"component","u":"https://chakra-ui.com/docs/components/slider#colors","d":"Chakra UI 官方文档里的「滑块」公开演示（Colors）","g":["slider","soft","minimal","style"]},{"t":"Toast · Nuxt UI · Avatar","k":"component","u":"https://ui.nuxt.com/docs/components/toast#avatar","d":"Nuxt UI 官方文档里的「通知」公开演示（Avatar）","g":["toast","minimal","style"]},{"t":"Pagination · Quasar · Gutter","k":"component","u":"https://quasar.dev/vue-components/pagination/#example--btngutter--gutter","d":"Quasar 官方文档里的「分页」公开演示（Gutter）","g":["pagination","material","style"]},{"t":"Alert · NG-ZORRO","k":"component","u":"https://ng.ant.design/components/alert/en","d":"NG-ZORRO 官方文档里的「警告提示」公开演示","g":["alert","enterprise","style"]},{"t":"Switch · Element Plus · Text description","k":"component","u":"https://element-plus.org/en-US/component/switch.html#text-description","d":"Element Plus 官方文档里的「开关」公开演示（Text description）","g":["switch","enterprise","style"]},{"t":"Tree · Arco Design · 节点占一行","k":"component","u":"https://arco.design/react/components/tree#节点占一行","d":"Arco Design 官方文档里的「树形」公开演示（节点占一行）","g":["tree","enterprise","style"]},{"t":"Progress · Naive UI","k":"component","u":"https://www.naiveui.com/en-US/os-theme/components/progress","d":"Naive UI 官方文档里的「进度」公开演示","g":["progress","enterprise","style"]},{"t":"Layout · Shoelace","k":"component","u":"https://shoelace.style/components/split-panel","d":"Shoelace 官方文档里的「区块」公开演示","g":["layout","minimal","style"]},{"t":"Menu · Material Web","k":"component","u":"https://material-web.dev/components/menu/","d":"Material Web 官方文档里的「菜单」公开演示","g":["menu","material","style"]},{"t":"Motion · React Bits · Split Text","k":"component","u":"https://reactbits.dev/text-animations/split-text#root","d":"React Bits 官方文档里的「动效」公开演示（Split Text）","g":["motion","dark-tech","motion","3d","style"]},{"t":"Navigation · Bulma · Colors","k":"component","u":"https://bulma.io/documentation/components/navbar/#colors","d":"Bulma 官方文档里的「导航」公开演示（Colors）","g":["nav","minimal","utilitarian","style"]},{"t":"Motion · Aceternity UI","k":"component","u":"https://ui.aceternity.com/components/direction-aware-hover","d":"Aceternity UI 官方文档里的「动效」公开演示","g":["motion","dark-tech","gradient","3d","motion","style"]},{"t":"Rating · Flowbite · Rating with text","k":"component","u":"https://flowbite.com/docs/components/rating/","d":"Flowbite 官方文档里的「评分」公开演示（Rating with text）","g":["rating","minimal","style"]},{"t":"Menu · Vuetify","k":"component","u":"https://vuetifyjs.com/en/components/menus/#popover-menu","d":"Vuetify 官方文档里的「菜单」公开演示","g":["menu","material","style"]},{"t":"Breadcrumb · Material UI","k":"component","u":"https://mui.com/material-ui/react-breadcrumbs/","d":"Material UI 官方文档里的「面包屑」公开演示","g":["breadcrumb","material","style"]},{"t":"Tabs · shadcn-vue","k":"component","u":"https://www.shadcn-vue.com/docs/components/tabs","d":"shadcn-vue 官方文档里的「标签页」公开演示","g":["tabs","minimal","style"]},{"t":"Select · Ark UI","k":"component","u":"https://ark-ui.com/docs/components/select","d":"Ark UI 官方文档里的「选择器」公开演示","g":["select","minimal","style"]},{"t":"Date picker · Angular Material · Overview for datepicker","k":"component","u":"https://material.angular.dev/components/datepicker/overview#mat-tab-nav-panel-0","d":"Angular Material 官方文档里的「日期」公开演示（Overview for datepicker）","g":["date","material","style"]},{"t":"Checkbox & radio · Bootstrap · Checks","k":"component","u":"https://getbootstrap.com/docs/5.3/forms/checks-radios/#checks","d":"Bootstrap 官方文档里的「复选单选」公开演示（Checks）","g":["checkbox","minimal","utilitarian","style"]},{"t":"Date picker · Mantine","k":"component","u":"https://mantine.dev/dates/date-picker/","d":"Mantine 官方文档里的「日期」公开演示","g":["date","minimal","enterprise","style"]},{"t":"Switch · Radix Themes · Variant","k":"component","u":"https://www.radix-ui.com/themes/docs/components/switch#variant","d":"Radix Themes 官方文档里的「开关」公开演示（Variant）","g":["switch","minimal","style"]},{"t":"Date picker · MUI X","k":"component","u":"https://mui.com/x/react-date-pickers/date-range-picker/#render-1-to-3-months","d":"MUI X 官方文档里的「日期」公开演示","g":["date","material","style"]},{"t":"Button · daisyUI","k":"component","u":"https://daisyui.com/components/button/","d":"daisyUI 官方文档里的「按钮」公开演示","g":["button","playful","soft","style"]},{"t":"List · HeroUI","k":"component","u":"https://heroui.com/en/docs/react/components/list-box#usage","d":"HeroUI 官方文档里的「列表」公开演示","g":["list","soft","playful","style"]},{"t":"Avatar · Ionic · Basic Usage","k":"component","u":"https://ionicframework.com/docs/api/avatar#basic-usage","d":"Ionic 官方文档里的「头像」公开演示（Basic Usage）","g":["avatar","apple","minimal","style"]},{"t":"Badge & tag · shadcn/ui · RTL","k":"component","u":"https://ui.shadcn.com/docs/components/base/badge#rtl","d":"shadcn/ui 官方文档里的「徽标标签」公开演示（RTL）","g":["badge","minimal","style"]},{"t":"Dialog · Magic UI · Top-in-bottom-out","k":"component","u":"https://magicui.design/docs/components/hero-video-dialog#top-in-bottom-out","d":"Magic UI 官方文档里的「弹窗」公开演示（Top-in-bottom-out）","g":["dialog","dark-tech","gradient","motion","style"]},{"t":"Tabs · Spartan · Vertical","k":"component","u":"https://www.spartan.ng/components/tabs#examples__vertical","d":"Spartan 官方文档里的「标签页」公开演示（Vertical）","g":["tabs","minimal","style"]},{"t":"Card · shadcn-svelte · Size","k":"component","u":"https://www.shadcn-svelte.com/docs/components/card#size","d":"shadcn-svelte 官方文档里的「卡片」公开演示（Size）","g":["card","minimal","style"]},{"t":"Color picker · PrimeVue · Inline","k":"component","u":"https://primevue.dev/colorpicker/#__nuxt","d":"PrimeVue 官方文档里的「取色器」公开演示（Inline）","g":["color","enterprise","style"]},{"t":"Avatar · Skeleton · Root","k":"component","u":"https://www.skeleton.dev/docs/svelte/framework-components/avatar","d":"Skeleton 官方文档里的「头像」公开演示（Root）","g":["avatar","playful","gradient","style"]},{"t":"Checkbox & radio · Ant Design · Basic","k":"component","u":"https://ant.design/components/radio#radio-demo-basic","d":"Ant Design 官方文档里的「复选单选」公开演示（Basic）","g":["checkbox","enterprise","style"]},{"t":"Table · PrimeNG","k":"component","u":"https://primeng.dev/table","d":"PrimeNG 官方文档里的「表格」公开演示","g":["table","enterprise","style"]},{"t":"Slider · TDesign · 横向滑块","k":"component","u":"https://tdesign.tencent.com/vue-next/components/slider#横向滑块","d":"TDesign 官方文档里的「滑块」公开演示（横向滑块）","g":["slider","enterprise","style"]},{"t":"Alert · Chakra UI","k":"component","u":"https://chakra-ui.com/docs/components/alert","d":"Chakra UI 官方文档里的「警告提示」公开演示","g":["alert","soft","minimal","style"]},{"t":"Select · Nuxt UI · Position","k":"component","u":"https://ui.nuxt.com/docs/components/select#position","d":"Nuxt UI 官方文档里的「选择器」公开演示（Position）","g":["select","minimal","style"]},{"t":"Carousel · Quasar · Basic","k":"component","u":"https://quasar.dev/vue-components/carousel/#example--basic--basic","d":"Quasar 官方文档里的「轮播」公开演示（Basic）","g":["carousel","material","style"]},{"t":"Alert · NG-ZORRO · Basic","k":"component","u":"https://ng.ant.design/components/alert/en#components-alert-demo-basic","d":"NG-ZORRO 官方文档里的「警告提示」公开演示（Basic）","g":["alert","enterprise","style"]},{"t":"Checkbox & radio · Element Plus · Checkbox group","k":"component","u":"https://element-plus.org/en-US/component/checkbox.html#checkbox-group","d":"Element Plus 官方文档里的「复选单选」公开演示（Checkbox group）","g":["checkbox","enterprise","style"]},{"t":"Empty & result · Arco Design · Success","k":"component","u":"https://arco.design/react/components/result#Success","d":"Arco Design 官方文档里的「空状态结果」公开演示（Success）","g":["empty","enterprise","style"]},{"t":"Progress · Naive UI","k":"component","u":"https://www.naiveui.com/en-US/os-theme/components/progress","d":"Naive UI 官方文档里的「进度」公开演示","g":["progress","enterprise","style"]},{"t":"Checkbox & radio · Shoelace","k":"component","u":"https://shoelace.style/components/radio-group","d":"Shoelace 官方文档里的「复选单选」公开演示","g":["checkbox","minimal","style"]},{"t":"Input · Material Web","k":"component","u":"https://material-web.dev/components/text-field/","d":"Material Web 官方文档里的「输入框」公开演示","g":["input","material","style"]},{"t":"Carousel · React Bits · Customize","k":"component","u":"https://reactbits.dev/components/carousel#tabs:«r5»:content-preview","d":"React Bits 官方文档里的「轮播」公开演示（Customize）","g":["carousel","dark-tech","motion","3d","style"]},{"t":"Carousel · Aceternity UI","k":"component","u":"https://ui.aceternity.com/components/compare","d":"Aceternity UI 官方文档里的「轮播」公开演示","g":["carousel","dark-tech","gradient","3d","motion","style"]},{"t":"Rating · Flowbite · Rating count","k":"component","u":"https://flowbite.com/docs/components/rating/","d":"Flowbite 官方文档里的「评分」公开演示（Rating count）","g":["rating","minimal","style"]},{"t":"List · Vuetify","k":"component","u":"https://vuetifyjs.com/en/components/lists/#density","d":"Vuetify 官方文档里的「列表」公开演示","g":["list","material","style"]},{"t":"Breadcrumb · Material UI · Active last breadcrumb","k":"component","u":"https://mui.com/material-ui/react-breadcrumbs/#active-last-breadcrumb","d":"Material UI 官方文档里的「面包屑」公开演示（Active last breadcrumb）","g":["breadcrumb","material","style"]},{"t":"Tabs · Ark UI","k":"component","u":"https://ark-ui.com/docs/components/tabs","d":"Ark UI 官方文档里的「标签页」公开演示","g":["tabs","minimal","style"]},{"t":"Toast · Angular Material · Overview for snack-bar","k":"component","u":"https://material.angular.dev/components/snack-bar/overview#mat-tab-nav-panel-0","d":"Angular Material 官方文档里的「通知」公开演示（Overview for snack-bar）","g":["toast","material","style"]},{"t":"Checkbox & radio · Bootstrap · Indeterminate","k":"component","u":"https://getbootstrap.com/docs/5.3/forms/checks-radios/#indeterminate","d":"Bootstrap 官方文档里的「复选单选」公开演示（Indeterminate）","g":["checkbox","minimal","utilitarian","style"]},{"t":"Editor · Mantine","k":"component","u":"https://mantine.dev/x/tiptap/","d":"Mantine 官方文档里的「编辑器」公开演示","g":["editor","minimal","enterprise","style"]},{"t":"Switch · Radix Themes · High-contrast","k":"component","u":"https://www.radix-ui.com/themes/docs/components/switch#high-contrast","d":"Radix Themes 官方文档里的「开关」公开演示（High-contrast）","g":["switch","minimal","style"]},{"t":"Navigation · MUI X","k":"component","u":"https://mui.com/x/react-tree-view/","d":"MUI X 官方文档里的「导航」公开演示","g":["nav","material","style"]},{"t":"Navigation · daisyUI","k":"component","u":"https://daisyui.com/components/navbar/","d":"daisyUI 官方文档里的「导航」公开演示","g":["nav","playful","soft","style"]},{"t":"List · HeroUI · With Sections","k":"component","u":"https://heroui.com/en/docs/react/components/list-box#with-sections","d":"HeroUI 官方文档里的「列表」公开演示（With Sections）","g":["list","soft","playful","style"]},{"t":"Badge & tag · Ionic · Basic Usage","k":"component","u":"https://ionicframework.com/docs/api/badge#basic-usage","d":"Ionic 官方文档里的「徽标标签」公开演示（Basic Usage）","g":["badge","apple","minimal","style"]},{"t":"Checkbox & radio · shadcn/ui · Choice Card","k":"component","u":"https://ui.shadcn.com/docs/components/base/radio-group#choice-card","d":"shadcn/ui 官方文档里的「复选单选」公开演示（Choice Card）","g":["checkbox","minimal","style"]},{"t":"Card · Magic UI","k":"component","u":"https://magicui.design/docs/components/tweet-card#tweet-card-with-image-carousel","d":"Magic UI 官方文档里的「卡片」公开演示","g":["card","dark-tech","gradient","motion","style"]},{"t":"Dialog · Spartan · Dismiss Options","k":"component","u":"https://www.spartan.ng/components/dialog#dismiss-options","d":"Spartan 官方文档里的「弹窗」公开演示（Dismiss Options）","g":["dialog","minimal","style"]},{"t":"Card · shadcn-svelte · Spacing","k":"component","u":"https://www.shadcn-svelte.com/docs/components/card#spacing","d":"shadcn-svelte 官方文档里的「卡片」公开演示（Spacing）","g":["card","minimal","style"]},{"t":"Color picker · PrimeVue · Format","k":"component","u":"https://primevue.dev/colorpicker/#__nuxt","d":"PrimeVue 官方文档里的「取色器」公开演示（Format）","g":["color","enterprise","style"]},{"t":"Tabs · Skeleton · Controlled","k":"component","u":"https://www.skeleton.dev/docs/svelte/framework-components/tabs#controlled","d":"Skeleton 官方文档里的「标签页」公开演示（Controlled）","g":["tabs","playful","gradient","style"]},{"t":"Checkbox & radio · Ant Design · Basic","k":"component","u":"https://ant.design/components/radio#radio-demo-basic","d":"Ant Design 官方文档里的「复选单选」公开演示（Basic）","g":["checkbox","enterprise","style"]},{"t":"Slider · TDesign · 纵向滑块：","k":"component","u":"https://tdesign.tencent.com/vue-next/components/slider#纵向滑块：","d":"TDesign 官方文档里的「滑块」公开演示（纵向滑块：）","g":["slider","enterprise","style"]},{"t":"Alert · Chakra UI · Status","k":"component","u":"https://chakra-ui.com/docs/components/alert#status","d":"Chakra UI 官方文档里的「警告提示」公开演示（Status）","g":["alert","soft","minimal","style"]},{"t":"Input · Nuxt UI · Delete Icon","k":"component","u":"https://ui.nuxt.com/docs/components/input-menu#delete-icon","d":"Nuxt UI 官方文档里的「输入框」公开演示（Delete Icon）","g":["input","minimal","style"]},{"t":"Carousel · Quasar","k":"component","u":"https://quasar.dev/vue-components/carousel/#example--transitions--transitions-bottom-navigation-arrows-and-auto-padding","d":"Quasar 官方文档里的「轮播」公开演示","g":["carousel","material","style"]},{"t":"Dialog · NG-ZORRO","k":"component","u":"https://ng.ant.design/components/drawer/en","d":"NG-ZORRO 官方文档里的「弹窗」公开演示","g":["dialog","enterprise","style"]},{"t":"Color picker · Element Plus · Sizes","k":"component","u":"https://element-plus.org/en-US/component/color-picker.html#sizes","d":"Element Plus 官方文档里的「取色器」公开演示（Sizes）","g":["color","enterprise","style"]},{"t":"Empty & result · Arco Design · Info","k":"component","u":"https://arco.design/react/components/result#Info","d":"Arco Design 官方文档里的「空状态结果」公开演示（Info）","g":["empty","enterprise","style"]},{"t":"Empty & result · Naive UI","k":"component","u":"https://www.naiveui.com/en-US/os-theme/components/empty","d":"Naive UI 官方文档里的「空状态结果」公开演示","g":["empty","enterprise","style"]},{"t":"Carousel · Shoelace","k":"component","u":"https://shoelace.style/components/image-comparer","d":"Shoelace 官方文档里的「轮播」公开演示","g":["carousel","minimal","style"]},{"t":"Loader · Material Web","k":"component","u":"https://material-web.dev/components/progress/","d":"Material Web 官方文档里的「加载」公开演示","g":["loader","material","style"]},{"t":"Layout · React Bits · Stack","k":"component","u":"https://reactbits.dev/components/stack#root","d":"React Bits 官方文档里的「区块」公开演示（Stack）","g":["layout","dark-tech","motion","3d","style"]},{"t":"Card · Aceternity UI","k":"component","u":"https://ui.aceternity.com/components/3d-card-effect","d":"Aceternity UI 官方文档里的「卡片」公开演示","g":["card","dark-tech","gradient","3d","motion","style"]},{"t":"Rating · Flowbite · Star sizes","k":"component","u":"https://flowbite.com/docs/components/rating/","d":"Flowbite 官方文档里的「评分」公开演示（Star sizes）","g":["rating","minimal","style"]},{"t":"Avatar · Vuetify","k":"component","u":"https://vuetifyjs.com/en/components/avatars/#advanced-usage","d":"Vuetify 官方文档里的「头像」公开演示","g":["avatar","material","style"]},{"t":"Breadcrumb · Material UI · Breadcrumbs with icons","k":"component","u":"https://mui.com/material-ui/react-breadcrumbs/#breadcrumbs-with-icons","d":"Material UI 官方文档里的「面包屑」公开演示（Breadcrumbs with icons）","g":["breadcrumb","material","style"]},{"t":"Carousel · Ark UI","k":"component","u":"https://ark-ui.com/docs/components/carousel","d":"Ark UI 官方文档里的「轮播」公开演示","g":["carousel","minimal","style"]},{"t":"Button · Angular Material · Overview for button","k":"component","u":"https://material.angular.dev/components/button/overview#mat-tab-nav-panel-0","d":"Angular Material 官方文档里的「按钮」公开演示（Overview for button）","g":["button","material","style"]},{"t":"Checkbox & radio · Bootstrap · Disabled","k":"component","u":"https://getbootstrap.com/docs/5.3/forms/checks-radios/#disabled","d":"Bootstrap 官方文档里的「复选单选」公开演示（Disabled）","g":["checkbox","minimal","utilitarian","style"]},{"t":"Switch · Mantine","k":"component","u":"https://mantine.dev/core/switch/#mdx","d":"Mantine 官方文档里的「开关」公开演示","g":["switch","minimal","enterprise","style"]},{"t":"Switch · Radix Themes · Alignment","k":"component","u":"https://www.radix-ui.com/themes/docs/components/switch#alignment","d":"Radix Themes 官方文档里的「开关」公开演示（Alignment）","g":["switch","minimal","style"]},{"t":"Navigation · MUI X","k":"component","u":"https://mui.com/x/react-tree-view/#main-content","d":"MUI X 官方文档里的「导航」公开演示","g":["nav","material","style"]},{"t":"Tabs · daisyUI","k":"component","u":"https://daisyui.com/components/tab/","d":"daisyUI 官方文档里的「标签页」公开演示","g":["tabs","playful","soft","style"]},{"t":"List · HeroUI · Multi Select","k":"component","u":"https://heroui.com/en/docs/react/components/list-box#multi-select","d":"HeroUI 官方文档里的「列表」公开演示（Multi Select）","g":["list","soft","playful","style"]},{"t":"Input · Ionic · Basic Usage","k":"component","u":"https://ionicframework.com/docs/api/textarea#basic-usage","d":"Ionic 官方文档里的「输入框」公开演示（Basic Usage）","g":["input","apple","minimal","style"]},{"t":"Pagination · shadcn/ui · RTL","k":"component","u":"https://ui.shadcn.com/docs/components/base/pagination#rtl","d":"shadcn/ui 官方文档里的「分页」公开演示（RTL）","g":["pagination","minimal","style"]},{"t":"Card · Magic UI","k":"component","u":"https://magicui.design/docs/components/tweet-card#tweet-card-with-meta-url-preview","d":"Magic UI 官方文档里的「卡片」公开演示","g":["card","dark-tech","gradient","motion","style"]},{"t":"Card · shadcn-svelte · Spacing","k":"component","u":"https://www.shadcn-svelte.com/docs/components/card#spacing","d":"shadcn-svelte 官方文档里的「卡片」公开演示（Spacing）","g":["card","minimal","style"]},{"t":"Input · PrimeVue","k":"component","u":"https://primevue.dev/inputtext/","d":"PrimeVue 官方文档里的「输入框」公开演示","g":["input","enterprise","style"]},{"t":"Tabs · Skeleton · Fluid Width","k":"component","u":"https://www.skeleton.dev/docs/svelte/framework-components/tabs#fluid-width","d":"Skeleton 官方文档里的「标签页」公开演示（Fluid Width）","g":["tabs","playful","gradient","style"]},{"t":"Checkbox & radio · Ant Design · Radio Group","k":"component","u":"https://ant.design/components/radio#radio-demo-radiogroup","d":"Ant Design 官方文档里的「复选单选」公开演示（Radio Group）","g":["checkbox","enterprise","style"]},{"t":"Slider · TDesign · 禁用状态的滑块","k":"component","u":"https://tdesign.tencent.com/vue-next/components/slider#禁用状态的滑块","d":"TDesign 官方文档里的「滑块」公开演示（禁用状态的滑块）","g":["slider","enterprise","style"]},{"t":"Alert · Chakra UI · Variants","k":"component","u":"https://chakra-ui.com/docs/components/alert#variants","d":"Chakra UI 官方文档里的「警告提示」公开演示（Variants）","g":["alert","soft","minimal","style"]},{"t":"Input · Nuxt UI · Content","k":"component","u":"https://ui.nuxt.com/docs/components/input-menu#content","d":"Nuxt UI 官方文档里的「输入框」公开演示（Content）","g":["input","minimal","style"]},{"t":"Carousel · Quasar · Vertical mode","k":"component","u":"https://quasar.dev/vue-components/carousel/#example--vertical--vertical-mode","d":"Quasar 官方文档里的「轮播」公开演示（Vertical mode）","g":["carousel","material","style"]},{"t":"List · NG-ZORRO · Source","k":"component","u":"https://ng.ant.design/components/transfer/en","d":"NG-ZORRO 官方文档里的「列表」公开演示（Source）","g":["list","enterprise","style"]},{"t":"Badge & tag · Element Plus · Basic Usage","k":"component","u":"https://element-plus.org/en-US/component/badge.html#basic-usage","d":"Element Plus 官方文档里的「徽标标签」公开演示（Basic Usage）","g":["badge","enterprise","style"]},{"t":"Dialog · Arco Design · 基础用法","k":"component","u":"https://arco.design/react/components/drawer#基础用法","d":"Arco Design 官方文档里的「弹窗」公开演示（基础用法）","g":["dialog","enterprise","style"]},{"t":"Empty & result · Naive UI","k":"component","u":"https://www.naiveui.com/en-US/os-theme/components/empty","d":"Naive UI 官方文档里的「空状态结果」公开演示","g":["empty","enterprise","style"]},{"t":"Breadcrumb · Shoelace","k":"component","u":"https://shoelace.style/components/breadcrumb","d":"Shoelace 官方文档里的「面包屑」公开演示","g":["breadcrumb","minimal","style"]},{"t":"Background · React Bits · Threads","k":"component","u":"https://reactbits.dev/backgrounds/threads#root","d":"React Bits 官方文档里的「背景」公开演示（Threads）","g":["background","dark-tech","motion","3d","style"]},{"t":"Carousel · Aceternity UI","k":"component","u":"https://ui.aceternity.com/components/apple-cards-carousel","d":"Aceternity UI 官方文档里的「轮播」公开演示","g":["carousel","dark-tech","gradient","3d","motion","style"]},{"t":"Steps · Flowbite · Default stepper","k":"component","u":"https://flowbite.com/docs/components/stepper/","d":"Flowbite 官方文档里的「步骤条」公开演示（Default stepper）","g":["steps","minimal","style"]},{"t":"Avatar · Vuetify","k":"component","u":"https://vuetifyjs.com/en/components/avatars/#advanced-usage","d":"Vuetify 官方文档里的「头像」公开演示","g":["avatar","material","style"]},{"t":"Checkbox & radio · Material UI","k":"component","u":"https://mui.com/material-ui/react-checkbox/","d":"Material UI 官方文档里的「复选单选」公开演示","g":["checkbox","material","style"]},{"t":"Carousel · Ark UI · Autoplay","k":"component","u":"https://ark-ui.com/docs/components/carousel#autoplay","d":"Ark UI 官方文档里的「轮播」公开演示（Autoplay）","g":["carousel","minimal","style"]},{"t":"Badge & tag · Bootstrap · Headings","k":"component","u":"https://getbootstrap.com/docs/5.3/components/badge/#headings","d":"Bootstrap 官方文档里的「徽标标签」公开演示（Headings）","g":["badge","minimal","utilitarian","style"]},{"t":"Switch · Mantine · Switch.Group","k":"component","u":"https://mantine.dev/core/switch/#mdx","d":"Mantine 官方文档里的「开关」公开演示（Switch.Group）","g":["switch","minimal","enterprise","style"]},{"t":"Dialog · Radix Themes · Layout","k":"component","u":"https://www.radix-ui.com/themes/docs/components/alert-dialog","d":"Radix Themes 官方文档里的「弹窗」公开演示（Layout）","g":["dialog","minimal","style"]},{"t":"Checkbox & radio · daisyUI · Radio sizes","k":"component","u":"https://daisyui.com/components/radio/#radio-sizes","d":"daisyUI 官方文档里的「复选单选」公开演示（Radio sizes）","g":["checkbox","playful","soft","style"]},{"t":"Dialog · HeroUI","k":"component","u":"https://heroui.com/en/docs/react/components/drawer#usage","d":"HeroUI 官方文档里的「弹窗」公开演示","g":["dialog","soft","playful","style"]},{"t":"Accordion · Ionic · Basic Usage","k":"component","u":"https://ionicframework.com/docs/api/accordion#basic-usage","d":"Ionic 官方文档里的「折叠面板」公开演示（Basic Usage）","g":["accordion","apple","minimal","style"]},{"t":"Input · shadcn/ui · Field","k":"component","u":"https://ui.shadcn.com/docs/components/base/textarea#field","d":"shadcn/ui 官方文档里的「输入框」公开演示（Field）","g":["input","minimal","style"]},{"t":"Background · Magic UI · Basic","k":"component","u":"https://magicui.design/docs/components/confetti#basic","d":"Magic UI 官方文档里的「背景」公开演示（Basic）","g":["background","dark-tech","gradient","motion","style"]},{"t":"Tabs · shadcn-svelte · Line","k":"component","u":"https://www.shadcn-svelte.com/docs/components/tabs#line","d":"shadcn-svelte 官方文档里的「标签页」公开演示（Line）","g":["tabs","minimal","style"]},{"t":"Input · PrimeVue · Sizes","k":"component","u":"https://primevue.dev/inputtext/#__nuxt","d":"PrimeVue 官方文档里的「输入框」公开演示（Sizes）","g":["input","enterprise","style"]},{"t":"Pagination · Ant Design","k":"component","u":"https://ant.design/components/pagination","d":"Ant Design 官方文档里的「分页」公开演示","g":["pagination","enterprise","style"]},{"t":"Slider · TDesign · 水平带刻度值的滑块","k":"component","u":"https://tdesign.tencent.com/vue-next/components/slider#水平带刻度值的滑块","d":"TDesign 官方文档里的「滑块」公开演示（水平带刻度值的滑块）","g":["slider","enterprise","style"]},{"t":"Progress · Chakra UI","k":"component","u":"https://chakra-ui.com/docs/components/progress","d":"Chakra UI 官方文档里的「进度」公开演示","g":["progress","soft","minimal","style"]},{"t":"Table · Nuxt UI · Columns","k":"component","u":"https://ui.nuxt.com/docs/components/table#columns","d":"Nuxt UI 官方文档里的「表格」公开演示（Columns）","g":["table","minimal","style"]},{"t":"Carousel · Quasar · Control Type","k":"component","u":"https://quasar.dev/vue-components/carousel/#example--controltype--control-type","d":"Quasar 官方文档里的「轮播」公开演示（Control Type）","g":["carousel","material","style"]},{"t":"Steps · NG-ZORRO · Finished","k":"component","u":"https://ng.ant.design/components/steps/en","d":"NG-ZORRO 官方文档里的「步骤条」公开演示（Finished）","g":["steps","enterprise","style"]},{"t":"Alert · Element Plus · Basic Usage","k":"component","u":"https://element-plus.org/en-US/component/alert.html#basic-usage","d":"Element Plus 官方文档里的「警告提示」公开演示（Basic Usage）","g":["alert","enterprise","style"]},{"t":"Dialog · Arco Design · 基础用法","k":"component","u":"https://arco.design/react/components/drawer#基础用法","d":"Arco Design 官方文档里的「弹窗」公开演示（基础用法）","g":["dialog","enterprise","style"]},{"t":"Accordion · Naive UI","k":"component","u":"https://www.naiveui.com/en-US/os-theme/components/collapse","d":"Naive UI 官方文档里的「折叠面板」公开演示","g":["accordion","enterprise","style"]},{"t":"Alert · Shoelace","k":"component","u":"https://shoelace.style/components/alert","d":"Shoelace 官方文档里的「警告提示」公开演示","g":["alert","minimal","style"]},{"t":"Background · React Bits · Lightning","k":"component","u":"https://reactbits.dev/backgrounds/lightning#root","d":"React Bits 官方文档里的「背景」公开演示（Lightning）","g":["background","dark-tech","motion","3d","style"]},{"t":"Steps · Flowbite · Detailed stepper","k":"component","u":"https://flowbite.com/docs/components/stepper/","d":"Flowbite 官方文档里的「步骤条」公开演示（Detailed stepper）","g":["steps","minimal","style"]},{"t":"Avatar · Vuetify","k":"component","u":"https://vuetifyjs.com/en/components/avatars/#advanced-usage","d":"Vuetify 官方文档里的「头像」公开演示","g":["avatar","material","style"]},{"t":"Checkbox & radio · Material UI · Label","k":"component","u":"https://mui.com/material-ui/react-checkbox/#label","d":"Material UI 官方文档里的「复选单选」公开演示（Label）","g":["checkbox","material","style"]},{"t":"Date picker · Ark UI","k":"component","u":"https://ark-ui.com/docs/components/date-picker","d":"Ark UI 官方文档里的「日期」公开演示","g":["date","minimal","style"]},{"t":"Loader · Bootstrap","k":"component","u":"https://getbootstrap.com/docs/5.3/components/placeholders/#example","d":"Bootstrap 官方文档里的「加载」公开演示","g":["loader","minimal","utilitarian","style"]},{"t":"Rating · Mantine","k":"component","u":"https://mantine.dev/core/rating/#mdx","d":"Mantine 官方文档里的「评分」公开演示","g":["rating","minimal","enterprise","style"]},{"t":"Checkbox & radio · Radix Themes · Alignment","k":"component","u":"https://www.radix-ui.com/themes/docs/components/radio-group#alignment","d":"Radix Themes 官方文档里的「复选单选」公开演示（Alignment）","g":["checkbox","minimal","style"]},{"t":"Checkbox & radio · daisyUI · Neutral color","k":"component","u":"https://daisyui.com/components/radio/#neutral-color","d":"daisyUI 官方文档里的「复选单选」公开演示（Neutral color）","g":["checkbox","playful","soft","style"]},{"t":"Dialog · HeroUI · Placement","k":"component","u":"https://heroui.com/en/docs/react/components/drawer#placement","d":"HeroUI 官方文档里的「弹窗」公开演示（Placement）","g":["dialog","soft","playful","style"]},{"t":"Progress · Ionic · Determinate","k":"component","u":"https://ionicframework.com/docs/api/progress-bar#determinate","d":"Ionic 官方文档里的「进度」公开演示（Determinate）","g":["progress","apple","minimal","style"]},{"t":"Input · shadcn/ui · Invalid","k":"component","u":"https://ui.shadcn.com/docs/components/base/textarea#invalid","d":"shadcn/ui 官方文档里的「输入框」公开演示（Invalid）","g":["input","minimal","style"]},{"t":"Background · Magic UI · Monotone","k":"component","u":"https://magicui.design/docs/components/shine-border#monotone","d":"Magic UI 官方文档里的「背景」公开演示（Monotone）","g":["background","dark-tech","gradient","motion","style"]},{"t":"Checkbox & radio · PrimeVue","k":"component","u":"https://primevue.dev/radiobutton/","d":"PrimeVue 官方文档里的「复选单选」公开演示","g":["checkbox","enterprise","style"]},{"t":"Pagination · Ant Design · Basic","k":"component","u":"https://ant.design/components/pagination#pagination-demo-basic","d":"Ant Design 官方文档里的「分页」公开演示（Basic）","g":["pagination","enterprise","style"]},{"t":"Checkbox & radio · TDesign · 基础多选框","k":"component","u":"https://tdesign.tencent.com/vue-next/components/checkbox#基础多选框","d":"TDesign 官方文档里的「复选单选」公开演示（基础多选框）","g":["checkbox","enterprise","style"]},{"t":"Progress · Chakra UI · Sizes","k":"component","u":"https://chakra-ui.com/docs/components/progress#sizes","d":"Chakra UI 官方文档里的「进度」公开演示（Sizes）","g":["progress","soft","minimal","style"]},{"t":"Table · Nuxt UI · Meta","k":"component","u":"https://ui.nuxt.com/docs/components/table#meta","d":"Nuxt UI 官方文档里的「表格」公开演示（Meta）","g":["table","minimal","style"]},{"t":"Tree · Quasar · No connectors","k":"component","u":"https://quasar.dev/vue-components/tree/#example--noconnectors--no-connectors","d":"Quasar 官方文档里的「树形」公开演示（No connectors）","g":["tree","material","style"]},{"t":"Steps · NG-ZORRO · Finished","k":"component","u":"https://ng.ant.design/components/steps/en#components-steps-demo-simple","d":"NG-ZORRO 官方文档里的「步骤条」公开演示（Finished）","g":["steps","enterprise","style"]},{"t":"Alert · Element Plus · Theme","k":"component","u":"https://element-plus.org/en-US/component/alert.html#theme","d":"Element Plus 官方文档里的「警告提示」公开演示（Theme）","g":["alert","enterprise","style"]},{"t":"Dialog · Arco Design · 自定义位置","k":"component","u":"https://arco.design/react/components/drawer#自定义位置","d":"Arco Design 官方文档里的「弹窗」公开演示（自定义位置）","g":["dialog","enterprise","style"]},{"t":"Checkbox & radio · Naive UI","k":"component","u":"https://www.naiveui.com/en-US/os-theme/components/radio","d":"Naive UI 官方文档里的「复选单选」公开演示","g":["checkbox","enterprise","style"]},{"t":"Carousel · Shoelace","k":"component","u":"https://shoelace.style/components/carousel","d":"Shoelace 官方文档里的「轮播」公开演示","g":["carousel","minimal","style"]},{"t":"Steps · React Bits · Stepper","k":"component","u":"https://reactbits.dev/components/stepper#root","d":"React Bits 官方文档里的「步骤条」公开演示（Stepper）","g":["steps","dark-tech","motion","3d","style"]},{"t":"Steps · Flowbite · Vertical stepper","k":"component","u":"https://flowbite.com/docs/components/stepper/","d":"Flowbite 官方文档里的「步骤条」公开演示（Vertical stepper）","g":["steps","minimal","style"]},{"t":"Avatar · Vuetify","k":"component","u":"https://vuetifyjs.com/en/components/avatars/#advanced-usage","d":"Vuetify 官方文档里的「头像」公开演示","g":["avatar","material","style"]},{"t":"Checkbox & radio · Material UI · FormGroup","k":"component","u":"https://mui.com/material-ui/react-checkbox/#formgroup","d":"Material UI 官方文档里的「复选单选」公开演示（FormGroup）","g":["checkbox","material","style"]},{"t":"Progress · Bootstrap · How it works","k":"component","u":"https://getbootstrap.com/docs/5.3/components/progress/#how-it-works","d":"Bootstrap 官方文档里的「进度」公开演示（How it works）","g":["progress","minimal","utilitarian","style"]},{"t":"Checkbox & radio · Mantine","k":"component","u":"https://mantine.dev/core/checkbox/#mdx","d":"Mantine 官方文档里的「复选单选」公开演示","g":["checkbox","minimal","enterprise","style"]},{"t":"Data display · Radix Themes · Typography","k":"component","u":"https://www.radix-ui.com/themes/docs/components/data-list","d":"Radix Themes 官方文档里的「数据展示」公开演示（Typography）","g":["data","minimal","style"]},{"t":"Badge & tag · daisyUI · Badge sizes","k":"component","u":"https://daisyui.com/components/badge/#badge-sizes","d":"daisyUI 官方文档里的「徽标标签」公开演示（Badge sizes）","g":["badge","playful","soft","style"]},{"t":"Dialog · HeroUI · Scrollable Content","k":"component","u":"https://heroui.com/en/docs/react/components/drawer#scrollable-content","d":"HeroUI 官方文档里的「弹窗」公开演示（Scrollable Content）","g":["dialog","soft","playful","style"]},{"t":"List · Ionic · Basic Usage","k":"component","u":"https://ionicframework.com/docs/api/list#basic-usage","d":"Ionic 官方文档里的「列表」公开演示（Basic Usage）","g":["list","apple","minimal","style"]},{"t":"Progress · shadcn/ui · Label","k":"component","u":"https://ui.shadcn.com/docs/components/base/progress#label","d":"shadcn/ui 官方文档里的「进度」公开演示（Label）","g":["progress","minimal","style"]},{"t":"Layout · Magic UI · With Video","k":"component","u":"https://magicui.design/docs/components/safari#with-video","d":"Magic UI 官方文档里的「区块」公开演示（With Video）","g":["layout","dark-tech","gradient","motion","style"]},{"t":"Checkbox & radio · PrimeVue · Basic","k":"component","u":"https://primevue.dev/radiobutton/#__nuxt","d":"PrimeVue 官方文档里的「复选单选」公开演示（Basic）","g":["checkbox","enterprise","style"]},{"t":"Pagination · Ant Design · Align","k":"component","u":"https://ant.design/components/pagination#pagination-demo-align","d":"Ant Design 官方文档里的「分页」公开演示（Align）","g":["pagination","enterprise","style"]},{"t":"Checkbox & radio · TDesign · 联动多选框","k":"component","u":"https://tdesign.tencent.com/vue-next/components/checkbox#联动多选框","d":"TDesign 官方文档里的「复选单选」公开演示（联动多选框）","g":["checkbox","enterprise","style"]},{"t":"Progress · Chakra UI · Variants","k":"component","u":"https://chakra-ui.com/docs/components/progress#variants","d":"Chakra UI 官方文档里的「进度」公开演示（Variants）","g":["progress","soft","minimal","style"]},{"t":"Tree · Quasar · Dense","k":"component","u":"https://quasar.dev/vue-components/tree/#example--densetree--dense","d":"Quasar 官方文档里的「树形」公开演示（Dense）","g":["tree","material","style"]},{"t":"Progress · NG-ZORRO","k":"component","u":"https://ng.ant.design/components/progress/en","d":"NG-ZORRO 官方文档里的「进度」公开演示","g":["progress","enterprise","style"]},{"t":"Alert · Element Plus · Customizable Close Button","k":"component","u":"https://element-plus.org/en-US/component/alert.html#customizable-close-button","d":"Element Plus 官方文档里的「警告提示」公开演示（Customizable Close Button）","g":["alert","enterprise","style"]},{"t":"List · Arco Design · 基础用法","k":"component","u":"https://arco.design/react/components/transfer#基础用法","d":"Arco Design 官方文档里的「列表」公开演示（基础用法）","g":["list","enterprise","style"]},{"t":"Timeline · Naive UI","k":"component","u":"https://www.naiveui.com/en-US/os-theme/components/timeline","d":"Naive UI 官方文档里的「时间轴」公开演示","g":["timeline","enterprise","style"]},{"t":"Card · Shoelace","k":"component","u":"https://shoelace.style/components/qr-code","d":"Shoelace 官方文档里的「卡片」公开演示","g":["card","minimal","style"]},{"t":"Background · React Bits · Galaxy","k":"component","u":"https://reactbits.dev/backgrounds/galaxy#root","d":"React Bits 官方文档里的「背景」公开演示（Galaxy）","g":["background","dark-tech","motion","3d","style"]},{"t":"Loader · Flowbite · Image placeholder","k":"component","u":"https://flowbite.com/docs/components/skeleton/","d":"Flowbite 官方文档里的「加载」公开演示（Image placeholder）","g":["loader","minimal","style"]},{"t":"Accordion · Vuetify","k":"component","u":"https://vuetifyjs.com/en/components/expansion-panels/#model","d":"Vuetify 官方文档里的「折叠面板」公开演示","g":["accordion","material","style"]},{"t":"Switch · Material UI","k":"component","u":"https://mui.com/material-ui/react-switch/","d":"Material UI 官方文档里的「开关」公开演示","g":["switch","material","style"]},{"t":"Progress · Bootstrap · Width","k":"component","u":"https://getbootstrap.com/docs/5.3/components/progress/#width","d":"Bootstrap 官方文档里的「进度」公开演示（Width）","g":["progress","minimal","utilitarian","style"]},{"t":"Checkbox & radio · Mantine · Checkbox with @mantine/form","k":"component","u":"https://mantine.dev/core/checkbox/#mdx","d":"Mantine 官方文档里的「复选单选」公开演示（Checkbox with @mantine/form）","g":["checkbox","minimal","enterprise","style"]},{"t":"Slider · Radix Themes · Variant","k":"component","u":"https://www.radix-ui.com/themes/docs/components/slider#variant","d":"Radix Themes 官方文档里的「滑块」公开演示（Variant）","g":["slider","minimal","style"]},{"t":"Badge & tag · daisyUI · Badge with colors","k":"component","u":"https://daisyui.com/components/badge/#badge-with-colors","d":"daisyUI 官方文档里的「徽标标签」公开演示（Badge with colors）","g":["badge","playful","soft","style"]},{"t":"Badge & tag · HeroUI","k":"component","u":"https://heroui.com/en/docs/react/components/chip#usage","d":"HeroUI 官方文档里的「徽标标签」公开演示","g":["badge","soft","playful","style"]},{"t":"Badge & tag · Ionic · Basic Usage","k":"component","u":"https://ionicframework.com/docs/api/chip#basic-usage","d":"Ionic 官方文档里的「徽标标签」公开演示（Basic Usage）","g":["badge","apple","minimal","style"]},{"t":"Progress · shadcn/ui · Controlled","k":"component","u":"https://ui.shadcn.com/docs/components/base/progress#controlled","d":"shadcn/ui 官方文档里的「进度」公开演示（Controlled）","g":["progress","minimal","style"]},{"t":"Motion · Magic UI · Static Lens","k":"component","u":"https://magicui.design/docs/components/lens#static-lens","d":"Magic UI 官方文档里的「动效」公开演示（Static Lens）","g":["motion","dark-tech","gradient","motion","style"]},{"t":"Checkbox & radio · PrimeVue · Dynamic","k":"component","u":"https://primevue.dev/radiobutton/#__nuxt","d":"PrimeVue 官方文档里的「复选单选」公开演示（Dynamic）","g":["checkbox","enterprise","style"]},{"t":"Pagination · Ant Design · More","k":"component","u":"https://ant.design/components/pagination#pagination-demo-more","d":"Ant Design 官方文档里的「分页」公开演示（More）","g":["pagination","enterprise","style"]},{"t":"Checkbox & radio · TDesign · 成组的多选框组","k":"component","u":"https://tdesign.tencent.com/vue-next/components/checkbox#成组的多选框组","d":"TDesign 官方文档里的「复选单选」公开演示（成组的多选框组）","g":["checkbox","enterprise","style"]},{"t":"Progress · Chakra UI · Colors","k":"component","u":"https://chakra-ui.com/docs/components/progress#colors","d":"Chakra UI 官方文档里的「进度」公开演示（Colors）","g":["progress","soft","minimal","style"]},{"t":"Tree · Quasar · Force dark mode","k":"component","u":"https://quasar.dev/vue-components/tree/#example--dark--force-dark-mode","d":"Quasar 官方文档里的「树形」公开演示（Force dark mode）","g":["tree","material","style"]},{"t":"Slider · NG-ZORRO","k":"component","u":"https://ng.ant.design/components/slider/en","d":"NG-ZORRO 官方文档里的「滑块」公开演示","g":["slider","enterprise","style"]},{"t":"Alert · Element Plus · With Icon","k":"component","u":"https://element-plus.org/en-US/component/alert.html#with-icon","d":"Element Plus 官方文档里的「警告提示」公开演示（With Icon）","g":["alert","enterprise","style"]},{"t":"List · Arco Design · 带搜索框","k":"component","u":"https://arco.design/react/components/transfer#带搜索框","d":"Arco Design 官方文档里的「列表」公开演示（带搜索框）","g":["list","enterprise","style"]},{"t":"Timeline · Naive UI","k":"component","u":"https://www.naiveui.com/en-US/os-theme/components/timeline","d":"Naive UI 官方文档里的「时间轴」公开演示","g":["timeline","enterprise","style"]},{"t":"Form · Shoelace","k":"component","u":"https://shoelace.style/components/range","d":"Shoelace 官方文档里的「表单」公开演示","g":["form","minimal","style"]},{"t":"Card · React Bits · Profile Card","k":"component","u":"https://reactbits.dev/components/profile-card#root","d":"React Bits 官方文档里的「卡片」公开演示（Profile Card）","g":["card","dark-tech","motion","3d","style"]},{"t":"Alert · Flowbite · Default alert","k":"component","u":"https://flowbite.com/docs/components/alerts/","d":"Flowbite 官方文档里的「警告提示」公开演示（Default alert）","g":["alert","minimal","style"]},{"t":"Accordion · Vuetify","k":"component","u":"https://vuetifyjs.com/en/components/expansion-panels/#model","d":"Vuetify 官方文档里的「折叠面板」公开演示","g":["accordion","material","style"]},{"t":"Switch · Material UI · Label","k":"component","u":"https://mui.com/material-ui/react-switch/#label","d":"Material UI 官方文档里的「开关」公开演示（Label）","g":["switch","material","style"]},{"t":"Progress · Bootstrap · Height","k":"component","u":"https://getbootstrap.com/docs/5.3/components/progress/#height","d":"Bootstrap 官方文档里的「进度」公开演示（Height）","g":["progress","minimal","utilitarian","style"]},{"t":"Checkbox & radio · Mantine · States","k":"component","u":"https://mantine.dev/core/checkbox/#mdx","d":"Mantine 官方文档里的「复选单选」公开演示（States）","g":["checkbox","minimal","enterprise","style"]},{"t":"Slider · Radix Themes · Color","k":"component","u":"https://www.radix-ui.com/themes/docs/components/slider#color","d":"Radix Themes 官方文档里的「滑块」公开演示（Color）","g":["slider","minimal","style"]},{"t":"Accordion · daisyUI","k":"component","u":"https://daisyui.com/components/collapse/#collapse-with-checkbox-and-close-on-click-outside","d":"daisyUI 官方文档里的「折叠面板」公开演示","g":["accordion","playful","soft","style"]},{"t":"Badge & tag · HeroUI · Statuses","k":"component","u":"https://heroui.com/en/docs/react/components/chip#statuses","d":"HeroUI 官方文档里的「徽标标签」公开演示（Statuses）","g":["badge","soft","playful","style"]},{"t":"Loader · Ionic · Basic Usage","k":"component","u":"https://ionicframework.com/docs/api/skeleton-text#basic-usage","d":"Ionic 官方文档里的「加载」公开演示（Basic Usage）","g":["loader","apple","minimal","style"]},{"t":"Progress · shadcn/ui · RTL","k":"component","u":"https://ui.shadcn.com/docs/components/base/progress#rtl","d":"shadcn/ui 官方文档里的「进度」公开演示（RTL）","g":["progress","minimal","style"]},{"t":"Background · Magic UI","k":"component","u":"https://magicui.design/docs/components/border-beam#2-border-beams","d":"Magic UI 官方文档里的「背景」公开演示","g":["background","dark-tech","gradient","motion","style"]},{"t":"Input · PrimeVue · Basic","k":"component","u":"https://primevue.dev/autocomplete/#__nuxt","d":"PrimeVue 官方文档里的「输入框」公开演示（Basic）","g":["input","enterprise","style"]},{"t":"Checkbox & radio · Ant Design · Basic","k":"component","u":"https://ant.design/components/checkbox#checkbox-demo-basic","d":"Ant Design 官方文档里的「复选单选」公开演示（Basic）","g":["checkbox","enterprise","style"]},{"t":"Checkbox & radio · TDesign · 受控类多选框","k":"component","u":"https://tdesign.tencent.com/vue-next/components/checkbox#受控类多选框","d":"TDesign 官方文档里的「复选单选」公开演示（受控类多选框）","g":["checkbox","enterprise","style"]},{"t":"Color picker · Chakra UI","k":"component","u":"https://chakra-ui.com/docs/components/color-picker","d":"Chakra UI 官方文档里的「取色器」公开演示","g":["color","soft","minimal","style"]},{"t":"Checkbox & radio · Quasar · Label","k":"component","u":"https://quasar.dev/vue-components/checkbox/#example--label--label","d":"Quasar 官方文档里的「复选单选」公开演示（Label）","g":["checkbox","material","style"]},{"t":"Badge & tag · NG-ZORRO","k":"component","u":"https://ng.ant.design/components/tag/en","d":"NG-ZORRO 官方文档里的「徽标标签」公开演示","g":["badge","enterprise","style"]},{"t":"Progress · Element Plus · Linear progress bar","k":"component","u":"https://element-plus.org/en-US/component/progress.html#linear-progress-bar","d":"Element Plus 官方文档里的「进度」公开演示（Linear progress bar）","g":["progress","enterprise","style"]},{"t":"Empty & result · Arco Design · 自定义图标和文案","k":"component","u":"https://arco.design/react/components/empty#自定义图标和文案","d":"Arco Design 官方文档里的「空状态结果」公开演示（自定义图标和文案）","g":["empty","enterprise","style"]},{"t":"Data display · Naive UI","k":"component","u":"https://www.naiveui.com/en-US/os-theme/components/statistic","d":"Naive UI 官方文档里的「数据展示」公开演示","g":["data","enterprise","style"]},{"t":"Background · React Bits · Dot Grid","k":"component","u":"https://reactbits.dev/backgrounds/dot-grid#root","d":"React Bits 官方文档里的「背景」公开演示（Dot Grid）","g":["background","dark-tech","motion","3d","style"]},{"t":"Alert · Flowbite · Alerts with icon","k":"component","u":"https://flowbite.com/docs/components/alerts/","d":"Flowbite 官方文档里的「警告提示」公开演示（Alerts with icon）","g":["alert","minimal","style"]},{"t":"Switch · Vuetify","k":"component","u":"https://vuetifyjs.com/en/components/switches/#states","d":"Vuetify 官方文档里的「开关」公开演示","g":["switch","material","style"]},{"t":"Switch · Material UI · Switches with FormGroup","k":"component","u":"https://mui.com/material-ui/react-switch/#switches-with-formgroup","d":"Material UI 官方文档里的「开关」公开演示（Switches with FormGroup）","g":["switch","material","style"]},{"t":"Accordion · Bootstrap","k":"component","u":"https://getbootstrap.com/docs/5.3/components/collapse/#example","d":"Bootstrap 官方文档里的「折叠面板」公开演示","g":["accordion","minimal","utilitarian","style"]},{"t":"Checkbox & radio · Mantine · Light variant","k":"component","u":"https://mantine.dev/core/checkbox/#mdx","d":"Mantine 官方文档里的「复选单选」公开演示（Light variant）","g":["checkbox","minimal","enterprise","style"]},{"t":"Slider · Radix Themes · High-contrast","k":"component","u":"https://www.radix-ui.com/themes/docs/components/slider#high-contrast","d":"Radix Themes 官方文档里的「滑块」公开演示（High-contrast）","g":["slider","minimal","style"]},{"t":"Rating · daisyUI · mask-heart with multiple colors","k":"component","u":"https://daisyui.com/components/rating/#mask-heart-with-multiple-colors","d":"daisyUI 官方文档里的「评分」公开演示（mask-heart with multiple colors）","g":["rating","playful","soft","style"]},{"t":"Badge & tag · HeroUI · With Icons","k":"component","u":"https://heroui.com/en/docs/react/components/chip#with-icons","d":"HeroUI 官方文档里的「徽标标签」公开演示（With Icons）","g":["badge","soft","playful","style"]},{"t":"Alert · Ionic · Inline Alerts (Recommended)","k":"component","u":"https://ionicframework.com/docs/api/alert#inline-alerts-recommended","d":"Ionic 官方文档里的「警告提示」公开演示（Inline Alerts (Recommended)）","g":["alert","apple","minimal","style"]},{"t":"Menu · shadcn/ui · Basic","k":"component","u":"https://ui.shadcn.com/docs/components/base/context-menu#basic","d":"shadcn/ui 官方文档里的「菜单」公开演示（Basic）","g":["menu","minimal","style"]},{"t":"Background · Magic UI · Reverse","k":"component","u":"https://magicui.design/docs/components/border-beam#reverse","d":"Magic UI 官方文档里的「背景」公开演示（Reverse）","g":["background","dark-tech","gradient","motion","style"]},{"t":"Menu · PrimeVue · Toggleable","k":"component","u":"https://primevue.dev/menu/#__nuxt","d":"PrimeVue 官方文档里的「菜单」公开演示（Toggleable）","g":["menu","enterprise","style"]},{"t":"Checkbox & radio · Ant Design · Basic","k":"component","u":"https://ant.design/components/checkbox#checkbox-demo-basic","d":"Ant Design 官方文档里的「复选单选」公开演示（Basic）","g":["checkbox","enterprise","style"]},{"t":"Checkbox & radio · TDesign · 按钮单选框","k":"component","u":"https://tdesign.tencent.com/vue-next/components/radio#按钮单选框","d":"TDesign 官方文档里的「复选单选」公开演示（按钮单选框）","g":["checkbox","enterprise","style"]},{"t":"Color picker · Chakra UI · Variants","k":"component","u":"https://chakra-ui.com/docs/components/color-picker#variants","d":"Chakra UI 官方文档里的「取色器」公开演示（Variants）","g":["color","soft","minimal","style"]},{"t":"Checkbox & radio · Quasar · Coloring","k":"component","u":"https://quasar.dev/vue-components/checkbox/#example--coloring--coloring","d":"Quasar 官方文档里的「复选单选」公开演示（Coloring）","g":["checkbox","material","style"]},{"t":"Card · NG-ZORRO · Card title","k":"component","u":"https://ng.ant.design/components/card/en","d":"NG-ZORRO 官方文档里的「卡片」公开演示（Card title）","g":["card","enterprise","style"]},{"t":"Progress · Element Plus · Internal percentage","k":"component","u":"https://element-plus.org/en-US/component/progress.html#internal-percentage","d":"Element Plus 官方文档里的「进度」公开演示（Internal percentage）","g":["progress","enterprise","style"]},{"t":"Timeline · Arco Design · 自定义节点内容","k":"component","u":"https://arco.design/react/components/timeline#自定义节点内容","d":"Arco Design 官方文档里的「时间轴」公开演示（自定义节点内容）","g":["timeline","enterprise","style"]},{"t":"Empty & result · Naive UI","k":"component","u":"https://www.naiveui.com/en-US/os-theme/components/result","d":"Naive UI 官方文档里的「空状态结果」公开演示","g":["empty","enterprise","style"]},{"t":"Background · React Bits · Waves","k":"component","u":"https://reactbits.dev/backgrounds/waves#root","d":"React Bits 官方文档里的「背景」公开演示（Waves）","g":["background","dark-tech","motion","3d","style"]},{"t":"Alert · Flowbite · Bordered alerts","k":"component","u":"https://flowbite.com/docs/components/alerts/","d":"Flowbite 官方文档里的「警告提示」公开演示（Bordered alerts）","g":["alert","minimal","style"]},{"t":"Switch · Vuetify","k":"component","u":"https://vuetifyjs.com/en/components/switches/#states","d":"Vuetify 官方文档里的「开关」公开演示","g":["switch","material","style"]},{"t":"Switch · Material UI · Customization","k":"component","u":"https://mui.com/material-ui/react-switch/#customization","d":"Material UI 官方文档里的「开关」公开演示（Customization）","g":["switch","material","style"]},{"t":"Accordion · Bootstrap · Horizontal","k":"component","u":"https://getbootstrap.com/docs/5.3/components/collapse/#horizontal","d":"Bootstrap 官方文档里的「折叠面板」公开演示（Horizontal）","g":["accordion","minimal","utilitarian","style"]},{"t":"Checkbox & radio · Mantine","k":"component","u":"https://mantine.dev/core/radio/#mdx","d":"Mantine 官方文档里的「复选单选」公开演示","g":["checkbox","minimal","enterprise","style"]},{"t":"Progress · Radix Themes · High-contrast","k":"component","u":"https://www.radix-ui.com/themes/docs/components/progress#high-contrast","d":"Radix Themes 官方文档里的「进度」公开演示（High-contrast）","g":["progress","minimal","style"]},{"t":"Progress · daisyUI","k":"component","u":"https://daisyui.com/components/radial-progress/#radial-progress","d":"daisyUI 官方文档里的「进度」公开演示","g":["progress","playful","soft","style"]},{"t":"Badge & tag · HeroUI · Tailwind CSS","k":"component","u":"https://heroui.com/en/docs/react/components/chip#tailwind-css","d":"HeroUI 官方文档里的「徽标标签」公开演示（Tailwind CSS）","g":["badge","soft","playful","style"]},{"t":"Loader · Ionic · Basic Usage","k":"component","u":"https://ionicframework.com/docs/api/spinner#basic-usage","d":"Ionic 官方文档里的「加载」公开演示（Basic Usage）","g":["loader","apple","minimal","style"]},{"t":"Accordion · shadcn/ui · Disabled","k":"component","u":"https://ui.shadcn.com/docs/components/base/accordion#disabled","d":"shadcn/ui 官方文档里的「折叠面板」公开演示（Disabled）","g":["accordion","minimal","style"]},{"t":"Chart · Magic UI · Decimal","k":"component","u":"https://magicui.design/docs/components/number-ticker#decimal","d":"Magic UI 官方文档里的「图表」公开演示（Decimal）","g":["chart","dark-tech","gradient","motion","style"]},{"t":"Tree · PrimeVue","k":"component","u":"https://primevue.dev/organizationchart/","d":"PrimeVue 官方文档里的「树形」公开演示","g":["tree","enterprise","style"]},{"t":"Checkbox & radio · Ant Design · Controlled Checkbox","k":"component","u":"https://ant.design/components/checkbox#checkbox-demo-controller","d":"Ant Design 官方文档里的「复选单选」公开演示（Controlled Checkbox）","g":["checkbox","enterprise","style"]},{"t":"Checkbox & radio · TDesign · 不同尺寸的按钮单选框","k":"component","u":"https://tdesign.tencent.com/vue-next/components/radio#不同尺寸的按钮单选框","d":"TDesign 官方文档里的「复选单选」公开演示（不同尺寸的按钮单选框）","g":["checkbox","enterprise","style"]},{"t":"Color picker · Chakra UI · Swatch Only","k":"component","u":"https://chakra-ui.com/docs/components/color-picker#swatch-only","d":"Chakra UI 官方文档里的「取色器」公开演示（Swatch Only）","g":["color","soft","minimal","style"]},{"t":"Slider · Quasar · Minimum width","k":"component","u":"https://quasar.dev/vue-components/range/#example--minimumrange--minimum-width","d":"Quasar 官方文档里的「滑块」公开演示（Minimum width）","g":["slider","material","style"]},{"t":"Checkbox & radio · NG-ZORRO","k":"component","u":"https://ng.ant.design/components/checkbox/en","d":"NG-ZORRO 官方文档里的「复选单选」公开演示","g":["checkbox","enterprise","style"]},{"t":"Progress · Element Plus · Custom color","k":"component","u":"https://element-plus.org/en-US/component/progress.html#custom-color","d":"Element Plus 官方文档里的「进度」公开演示（Custom color）","g":["progress","enterprise","style"]},{"t":"Carousel · Arco Design · 基础用法","k":"component","u":"https://arco.design/react/components/image#基础用法","d":"Arco Design 官方文档里的「轮播」公开演示（基础用法）","g":["carousel","enterprise","style"]},{"t":"Empty & result · Naive UI","k":"component","u":"https://www.naiveui.com/en-US/os-theme/components/result","d":"Naive UI 官方文档里的「空状态结果」公开演示","g":["empty","enterprise","style"]},{"t":"Background · React Bits · Customize","k":"component","u":"https://reactbits.dev/backgrounds/waves#tabs:«r5»:content-preview","d":"React Bits 官方文档里的「背景」公开演示（Customize）","g":["background","dark-tech","motion","3d","style"]},{"t":"Alert · Flowbite · Alerts with list","k":"component","u":"https://flowbite.com/docs/components/alerts/","d":"Flowbite 官方文档里的「警告提示」公开演示（Alerts with list）","g":["alert","minimal","style"]},{"t":"Checkbox & radio · Vuetify","k":"component","u":"https://vuetifyjs.com/en/components/checkboxes/#inline-text-field","d":"Vuetify 官方文档里的「复选单选」公开演示","g":["checkbox","material","style"]},{"t":"Navigation · Material UI · Basic App bar","k":"component","u":"https://mui.com/material-ui/react-app-bar/#basic-app-bar","d":"Material UI 官方文档里的「导航」公开演示（Basic App bar）","g":["nav","material","style"]},{"t":"Accordion · Bootstrap · Multiple toggles and targets","k":"component","u":"https://getbootstrap.com/docs/5.3/components/collapse/#multiple-toggles-and-targets","d":"Bootstrap 官方文档里的「折叠面板」公开演示（Multiple toggles and targets）","g":["accordion","minimal","utilitarian","style"]},{"t":"Checkbox & radio · Mantine · States","k":"component","u":"https://mantine.dev/core/radio/#mdx","d":"Mantine 官方文档里的「复选单选」公开演示（States）","g":["checkbox","minimal","enterprise","style"]},{"t":"Checkbox & radio · Radix Themes · Typography","k":"component","u":"https://www.radix-ui.com/themes/docs/components/checkbox-cards","d":"Radix Themes 官方文档里的「复选单选」公开演示（Typography）","g":["checkbox","minimal","style"]},{"t":"Progress · daisyUI · Different values","k":"component","u":"https://daisyui.com/components/radial-progress/#different-values","d":"daisyUI 官方文档里的「进度」公开演示（Different values）","g":["progress","playful","soft","style"]},{"t":"Loader · HeroUI · User Profile","k":"component","u":"https://heroui.com/en/docs/react/components/skeleton#user-profile","d":"HeroUI 官方文档里的「加载」公开演示（User Profile）","g":["loader","soft","playful","style"]},{"t":"List · Ionic · Basic Usage","k":"component","u":"https://ionicframework.com/docs/api/item-sliding#basic-usage","d":"Ionic 官方文档里的「列表」公开演示（Basic Usage）","g":["list","apple","minimal","style"]},{"t":"Checkbox & radio · shadcn/ui · Invalid State","k":"component","u":"https://ui.shadcn.com/docs/components/base/checkbox#invalid-state","d":"shadcn/ui 官方文档里的「复选单选」公开演示（Invalid State）","g":["checkbox","minimal","style"]},{"t":"Loader · Magic UI · Animated Beam Bi-Directional","k":"component","u":"https://magicui.design/docs/components/animated-beam#animated-beam-bi-directional","d":"Magic UI 官方文档里的「加载」公开演示（Animated Beam Bi-Directional）","g":["loader","dark-tech","gradient","motion","style"]},{"t":"Tree · PrimeVue · Collapsible","k":"component","u":"https://primevue.dev/organizationchart/#__nuxt","d":"PrimeVue 官方文档里的「树形」公开演示（Collapsible）","g":["tree","enterprise","style"]},{"t":"Accordion · Ant Design","k":"component","u":"https://ant.design/components/collapse#collapse-demo-size","d":"Ant Design 官方文档里的「折叠面板」公开演示","g":["accordion","enterprise","style"]},{"t":"Checkbox & radio · TDesign · 成组的单选框","k":"component","u":"https://tdesign.tencent.com/vue-next/components/radio#成组的单选框","d":"TDesign 官方文档里的「复选单选」公开演示（成组的单选框）","g":["checkbox","enterprise","style"]},{"t":"Badge & tag · Chakra UI","k":"component","u":"https://chakra-ui.com/docs/components/tag","d":"Chakra UI 官方文档里的「徽标标签」公开演示","g":["badge","soft","minimal","style"]},{"t":"Menu · Quasar · Basic","k":"component","u":"https://quasar.dev/vue-components/menu/#example--basic--basic","d":"Quasar 官方文档里的「菜单」公开演示（Basic）","g":["menu","material","style"]},{"t":"Empty & result · NG-ZORRO","k":"component","u":"https://ng.ant.design/components/result/en","d":"NG-ZORRO 官方文档里的「空状态结果」公开演示","g":["empty","enterprise","style"]},{"t":"Progress · Element Plus · Circular progress bar","k":"component","u":"https://element-plus.org/en-US/component/progress.html#circular-progress-bar","d":"Element Plus 官方文档里的「进度」公开演示（Circular progress bar）","g":["progress","enterprise","style"]},{"t":"Carousel · Arco Design · 显示 Caption","k":"component","u":"https://arco.design/react/components/image#显示-Caption","d":"Arco Design 官方文档里的「轮播」公开演示（显示 Caption）","g":["carousel","enterprise","style"]},{"t":"Pagination · Naive UI","k":"component","u":"https://www.naiveui.com/en-US/os-theme/components/pagination","d":"Naive UI 官方文档里的「分页」公开演示","g":["pagination","enterprise","style"]},{"t":"Background · React Bits · Liquid Chrome","k":"component","u":"https://reactbits.dev/backgrounds/liquid-chrome#root","d":"React Bits 官方文档里的「背景」公开演示（Liquid Chrome）","g":["background","dark-tech","motion","3d","style"]},{"t":"Breadcrumb · Flowbite · Breadcrumb with dropdown","k":"component","u":"https://flowbite.com/docs/components/breadcrumb/","d":"Flowbite 官方文档里的「面包屑」公开演示（Breadcrumb with dropdown）","g":["breadcrumb","minimal","style"]},{"t":"Input · Vuetify","k":"component","u":"https://vuetifyjs.com/en/components/autocompletes/#subheaders-and-dividers","d":"Vuetify 官方文档里的「输入框」公开演示","g":["input","material","style"]},{"t":"Navigation · Material UI · App bar with menu","k":"component","u":"https://mui.com/material-ui/react-app-bar/#app-bar-with-menu","d":"Material UI 官方文档里的「导航」公开演示（App bar with menu）","g":["nav","material","style"]},{"t":"Button · Bootstrap · Outlined styles","k":"component","u":"https://getbootstrap.com/docs/5.3/components/button-group/#outlined-styles","d":"Bootstrap 官方文档里的「按钮」公开演示（Outlined styles）","g":["button","minimal","utilitarian","style"]},{"t":"Checkbox & radio · Mantine · Light variant","k":"component","u":"https://mantine.dev/core/radio/#mdx","d":"Mantine 官方文档里的「复选单选」公开演示（Light variant）","g":["checkbox","minimal","enterprise","style"]},{"t":"Checkbox & radio · Radix Themes · Variant","k":"component","u":"https://www.radix-ui.com/themes/docs/components/checkbox-cards#variant","d":"Radix Themes 官方文档里的「复选单选」公开演示（Variant）","g":["checkbox","minimal","style"]},{"t":"Progress · daisyUI","k":"component","u":"https://daisyui.com/components/radial-progress/#with-background-color-and-border","d":"daisyUI 官方文档里的「进度」公开演示","g":["progress","playful","soft","style"]},{"t":"Switch · HeroUI · With Icons","k":"component","u":"https://heroui.com/en/docs/react/components/switch#with-icons","d":"HeroUI 官方文档里的「开关」公开演示（With Icons）","g":["switch","soft","playful","style"]},{"t":"Menu · Ionic · Basic Usage","k":"component","u":"https://ionicframework.com/docs/api/menu#basic-usage","d":"Ionic 官方文档里的「菜单」公开演示（Basic Usage）","g":["menu","apple","minimal","style"]},{"t":"Slider · shadcn/ui · Vertical","k":"component","u":"https://ui.shadcn.com/docs/components/base/slider#vertical","d":"shadcn/ui 官方文档里的「滑块」公开演示（Vertical）","g":["slider","minimal","style"]},{"t":"Loader · Magic UI · Animated Beam Multiple Inputs","k":"component","u":"https://magicui.design/docs/components/animated-beam#animated-beam-multiple-inputs","d":"Magic UI 官方文档里的「加载」公开演示（Animated Beam Multiple Inputs）","g":["loader","dark-tech","gradient","motion","style"]},{"t":"Rating · PrimeVue","k":"component","u":"https://primevue.dev/rating/","d":"PrimeVue 官方文档里的「评分」公开演示","g":["rating","enterprise","style"]},{"t":"Progress · Ant Design","k":"component","u":"https://ant.design/components/progress","d":"Ant Design 官方文档里的「进度」公开演示","g":["progress","enterprise","style"]},{"t":"Badge & tag · TDesign · 基础标签","k":"component","u":"https://tdesign.tencent.com/vue-next/components/tag#基础标签","d":"TDesign 官方文档里的「徽标标签」公开演示（基础标签）","g":["badge","enterprise","style"]},{"t":"Badge & tag · Chakra UI · Variants","k":"component","u":"https://chakra-ui.com/docs/components/tag#variants","d":"Chakra UI 官方文档里的「徽标标签」公开演示（Variants）","g":["badge","soft","minimal","style"]},{"t":"Menu · Quasar · Idea for content","k":"component","u":"https://quasar.dev/vue-components/menu/#example--variouscontent--idea-for-content","d":"Quasar 官方文档里的「菜单」公开演示（Idea for content）","g":["menu","material","style"]},{"t":"Tree · NG-ZORRO","k":"component","u":"https://ng.ant.design/components/tree/en","d":"NG-ZORRO 官方文档里的「树形」公开演示","g":["tree","enterprise","style"]},{"t":"Timeline · Element Plus · Basic usage","k":"component","u":"https://element-plus.org/en-US/component/timeline.html#basic-usage","d":"Element Plus 官方文档里的「时间轴」公开演示（Basic usage）","g":["timeline","enterprise","style"]},{"t":"Data display · Arco Design · 单列样式","k":"component","u":"https://arco.design/react/components/descriptions#单列样式","d":"Arco Design 官方文档里的「数据展示」公开演示（单列样式）","g":["data","enterprise","style"]},{"t":"Dialog · Naive UI","k":"component","u":"https://www.naiveui.com/en-US/os-theme/components/drawer","d":"Naive UI 官方文档里的「弹窗」公开演示","g":["dialog","enterprise","style"]},{"t":"Carousel · React Bits · Circular Gallery","k":"component","u":"https://reactbits.dev/components/circular-gallery#root","d":"React Bits 官方文档里的「轮播」公开演示（Circular Gallery）","g":["carousel","dark-tech","motion","3d","style"]},{"t":"Badge & tag · Flowbite · Default badges","k":"component","u":"https://flowbite.com/docs/components/badge/","d":"Flowbite 官方文档里的「徽标标签」公开演示（Default badges）","g":["badge","minimal","style"]},{"t":"Input · Vuetify","k":"component","u":"https://vuetifyjs.com/en/components/autocompletes/#subheaders-and-dividers","d":"Vuetify 官方文档里的「输入框」公开演示","g":["input","material","style"]},{"t":"Navigation · Material UI","k":"component","u":"https://mui.com/material-ui/react-app-bar/#app-bar-with-responsive-menu","d":"Material UI 官方文档里的「导航」公开演示","g":["nav","material","style"]},{"t":"Button · Bootstrap","k":"component","u":"https://getbootstrap.com/docs/5.3/components/button-group/#checkbox-and-radio-button-groups","d":"Bootstrap 官方文档里的「按钮」公开演示","g":["button","minimal","utilitarian","style"]},{"t":"Checkbox & radio · Mantine · Radio.Group component","k":"component","u":"https://mantine.dev/core/radio/#mdx","d":"Mantine 官方文档里的「复选单选」公开演示（Radio.Group component）","g":["checkbox","minimal","enterprise","style"]},{"t":"Checkbox & radio · Radix Themes · Color","k":"component","u":"https://www.radix-ui.com/themes/docs/components/checkbox-cards#color","d":"Radix Themes 官方文档里的「复选单选」公开演示（Color）","g":["checkbox","minimal","style"]},{"t":"Progress · daisyUI","k":"component","u":"https://daisyui.com/components/progress/#progress","d":"daisyUI 官方文档里的「进度」公开演示","g":["progress","playful","soft","style"]},{"t":"Checkbox & radio · HeroUI","k":"component","u":"https://heroui.com/en/docs/react/components/radio-group#usage","d":"HeroUI 官方文档里的「复选单选」公开演示","g":["checkbox","soft","playful","style"]},{"t":"Toast · Ionic · Inline Toasts (Recommended)","k":"component","u":"https://ionicframework.com/docs/api/toast#inline-toasts-recommended","d":"Ionic 官方文档里的「通知」公开演示（Inline Toasts (Recommended)）","g":["toast","apple","minimal","style"]},{"t":"Accordion · shadcn/ui · Settings Panel","k":"component","u":"https://ui.shadcn.com/docs/components/base/collapsible#settings-panel","d":"shadcn/ui 官方文档里的「折叠面板」公开演示（Settings Panel）","g":["accordion","minimal","style"]},{"t":"Motion · Magic UI · Vertical","k":"component","u":"https://magicui.design/docs/components/marquee#vertical","d":"Magic UI 官方文档里的「动效」公开演示（Vertical）","g":["motion","dark-tech","gradient","motion","style"]},{"t":"Rating · PrimeVue · Half Stars","k":"component","u":"https://primevue.dev/rating/#__nuxt","d":"PrimeVue 官方文档里的「评分」公开演示（Half Stars）","g":["rating","enterprise","style"]},{"t":"Progress · Ant Design · Progress bar","k":"component","u":"https://ant.design/components/progress#progress-demo-line","d":"Ant Design 官方文档里的「进度」公开演示（Progress bar）","g":["progress","enterprise","style"]},{"t":"Badge & tag · TDesign · 带图标的标签","k":"component","u":"https://tdesign.tencent.com/vue-next/components/tag#带图标的标签","d":"TDesign 官方文档里的「徽标标签」公开演示（带图标的标签）","g":["badge","enterprise","style"]},{"t":"Badge & tag · Chakra UI · Sizes","k":"component","u":"https://chakra-ui.com/docs/components/tag#sizes","d":"Chakra UI 官方文档里的「徽标标签」公开演示（Sizes）","g":["badge","soft","minimal","style"]},{"t":"Menu · Quasar · Toggle through v-model","k":"component","u":"https://quasar.dev/vue-components/menu/#example--vmodel--toggle-through-v-model","d":"Quasar 官方文档里的「菜单」公开演示（Toggle through v-model）","g":["menu","material","style"]},{"t":"Empty & result · NG-ZORRO","k":"component","u":"https://ng.ant.design/components/empty/en","d":"NG-ZORRO 官方文档里的「空状态结果」公开演示","g":["empty","enterprise","style"]},{"t":"Timeline · Element Plus · Mode","k":"component","u":"https://element-plus.org/en-US/component/timeline.html#mode","d":"Element Plus 官方文档里的「时间轴」公开演示（Mode）","g":["timeline","enterprise","style"]},{"t":"List · Arco Design · 不同尺寸","k":"component","u":"https://arco.design/react/components/list#不同尺寸","d":"Arco Design 官方文档里的「列表」公开演示（不同尺寸）","g":["list","enterprise","style"]},{"t":"Dialog · Naive UI","k":"component","u":"https://www.naiveui.com/en-US/os-theme/components/drawer","d":"Naive UI 官方文档里的「弹窗」公开演示","g":["dialog","enterprise","style"]},{"t":"Background · React Bits · Hyperspeed","k":"component","u":"https://reactbits.dev/backgrounds/hyperspeed#root","d":"React Bits 官方文档里的「背景」公开演示（Hyperspeed）","g":["background","dark-tech","motion","3d","style"]},{"t":"Badge & tag · Flowbite · Large badges","k":"component","u":"https://flowbite.com/docs/components/badge/","d":"Flowbite 官方文档里的「徽标标签」公开演示（Large badges）","g":["badge","minimal","style"]},{"t":"Input · Vuetify","k":"component","u":"https://vuetifyjs.com/en/components/text-fields/#hints-26-messages","d":"Vuetify 官方文档里的「输入框」公开演示","g":["input","material","style"]},{"t":"Navigation · Material UI","k":"component","u":"https://mui.com/material-ui/react-app-bar/#app-bar-with-search-field","d":"Material UI 官方文档里的「导航」公开演示","g":["nav","material","style"]},{"t":"Dialog · Bootstrap · Offcanvas components","k":"component","u":"https://getbootstrap.com/docs/5.3/components/offcanvas/#offcanvas-components","d":"Bootstrap 官方文档里的「弹窗」公开演示（Offcanvas components）","g":["dialog","minimal","utilitarian","style"]},{"t":"Input · Mantine · Scrollable dropdown","k":"component","u":"https://mantine.dev/core/autocomplete/#mdx","d":"Mantine 官方文档里的「输入框」公开演示（Scrollable dropdown）","g":["input","minimal","enterprise","style"]},{"t":"Card · Radix Themes · With inset content","k":"component","u":"https://www.radix-ui.com/themes/docs/components/card#with-inset-content","d":"Radix Themes 官方文档里的「卡片」公开演示（With inset content）","g":["card","minimal","style"]},{"t":"Progress · daisyUI · Accent color","k":"component","u":"https://daisyui.com/components/progress/#accent-color","d":"daisyUI 官方文档里的「进度」公开演示（Accent color）","g":["progress","playful","soft","style"]},{"t":"Checkbox & radio · HeroUI · Horizontal Orientation","k":"component","u":"https://heroui.com/en/docs/react/components/radio-group#horizontal-orientation","d":"HeroUI 官方文档里的「复选单选」公开演示（Horizontal Orientation）","g":["checkbox","soft","playful","style"]},{"t":"Button · Ionic · Basic Usage","k":"component","u":"https://ionicframework.com/docs/api/button#basic-usage","d":"Ionic 官方文档里的「按钮」公开演示（Basic Usage）","g":["button","apple","minimal","style"]},{"t":"Switch · shadcn/ui · Choice Card","k":"component","u":"https://ui.shadcn.com/docs/components/base/switch#choice-card","d":"shadcn/ui 官方文档里的「开关」公开演示（Choice Card）","g":["switch","minimal","style"]},{"t":"Icons · Magic UI · With Images","k":"component","u":"https://magicui.design/docs/components/icon-cloud#with-images","d":"Magic UI 官方文档里的「图标」公开演示（With Images）","g":["icon","dark-tech","gradient","motion","style"]},{"t":"Badge & tag · PrimeVue","k":"component","u":"https://primevue.dev/badge/","d":"PrimeVue 官方文档里的「徽标标签」公开演示","g":["badge","enterprise","style"]},{"t":"Progress · Ant Design · Mini size progress bar","k":"component","u":"https://ant.design/components/progress#progress-demo-line-mini","d":"Ant Design 官方文档里的「进度」公开演示（Mini size progress bar）","g":["progress","enterprise","style"]},{"t":"Badge & tag · TDesign · 可删除和添加标签","k":"component","u":"https://tdesign.tencent.com/vue-next/components/tag#可删除和添加标签","d":"TDesign 官方文档里的「徽标标签」公开演示（可删除和添加标签）","g":["badge","enterprise","style"]},{"t":"Badge & tag · Chakra UI","k":"component","u":"https://chakra-ui.com/docs/components/badge","d":"Chakra UI 官方文档里的「徽标标签」公开演示","g":["badge","soft","minimal","style"]},{"t":"Menu · Quasar · Hover","k":"component","u":"https://quasar.dev/vue-components/menu/#example--hover--hover","d":"Quasar 官方文档里的「菜单」公开演示（Hover）","g":["menu","material","style"]},{"t":"Rating · NG-ZORRO","k":"component","u":"https://ng.ant.design/components/rate/en","d":"NG-ZORRO 官方文档里的「评分」公开演示","g":["rating","enterprise","style"]},{"t":"Timeline · Element Plus · Custom node","k":"component","u":"https://element-plus.org/en-US/component/timeline.html#custom-node","d":"Element Plus 官方文档里的「时间轴」公开演示（Custom node）","g":["timeline","enterprise","style"]},{"t":"Date picker · Arco Design · 卡片日历","k":"component","u":"https://arco.design/react/components/calendar#卡片日历","d":"Arco Design 官方文档里的「日期」公开演示（卡片日历）","g":["date","enterprise","style"]},{"t":"Breadcrumb · Naive UI","k":"component","u":"https://www.naiveui.com/en-US/os-theme/components/breadcrumb","d":"Naive UI 官方文档里的「面包屑」公开演示","g":["breadcrumb","enterprise","style"]},{"t":"Navigation · React Bits · Dock","k":"component","u":"https://reactbits.dev/components/dock#root","d":"React Bits 官方文档里的「导航」公开演示（Dock）","g":["nav","dark-tech","motion","3d","style"]},{"t":"Accordion · Flowbite · Default accordion","k":"component","u":"https://flowbite.com/docs/components/accordion/","d":"Flowbite 官方文档里的「折叠面板」公开演示（Default accordion）","g":["accordion","minimal","style"]},{"t":"Input · Vuetify","k":"component","u":"https://vuetifyjs.com/en/components/text-fields/#hints-26-messages","d":"Vuetify 官方文档里的「输入框」公开演示","g":["input","material","style"]},{"t":"Button · Material UI","k":"component","u":"https://mui.com/material-ui/react-speed-dial/","d":"Material UI 官方文档里的「按钮」公开演示","g":["button","material","style"]},{"t":"Dialog · Bootstrap · Live demo","k":"component","u":"https://getbootstrap.com/docs/5.3/components/offcanvas/#live-demo","d":"Bootstrap 官方文档里的「弹窗」公开演示（Live demo）","g":["dialog","minimal","utilitarian","style"]},{"t":"Input · Mantine · Control dropdown opened state","k":"component","u":"https://mantine.dev/core/autocomplete/#mdx","d":"Mantine 官方文档里的「输入框」公开演示（Control dropdown opened state）","g":["input","minimal","enterprise","style"]},{"t":"Button · Radix Themes · Color","k":"component","u":"https://www.radix-ui.com/themes/docs/components/button#color","d":"Radix Themes 官方文档里的「按钮」公开演示（Color）","g":["button","minimal","style"]},{"t":"Checkbox & radio · daisyUI · Colors","k":"component","u":"https://daisyui.com/components/checkbox/#colors","d":"daisyUI 官方文档里的「复选单选」公开演示（Colors）","g":["checkbox","playful","soft","style"]},{"t":"Checkbox & radio · HeroUI · Variants","k":"component","u":"https://heroui.com/en/docs/react/components/radio-group#variants","d":"HeroUI 官方文档里的「复选单选」公开演示（Variants）","g":["checkbox","soft","playful","style"]},{"t":"Tabs · Ionic · Basic Usage","k":"component","u":"https://ionicframework.com/docs/api/segment#basic-usage","d":"Ionic 官方文档里的「标签页」公开演示（Basic Usage）","g":["tabs","apple","minimal","style"]},{"t":"Select · shadcn/ui · Multiple","k":"component","u":"https://ui.shadcn.com/docs/components/base/combobox#multiple","d":"shadcn/ui 官方文档里的「选择器」公开演示（Multiple）","g":["select","minimal","style"]},{"t":"Icons · Magic UI · With SVG Icons","k":"component","u":"https://magicui.design/docs/components/icon-cloud#with-svg-icons","d":"Magic UI 官方文档里的「图标」公开演示（With SVG Icons）","g":["icon","dark-tech","gradient","motion","style"]},{"t":"Badge & tag · PrimeVue · Basic","k":"component","u":"https://primevue.dev/badge/#__nuxt","d":"PrimeVue 官方文档里的「徽标标签」公开演示（Basic）","g":["badge","enterprise","style"]},{"t":"Progress · Ant Design · Mini size progress bar","k":"component","u":"https://ant.design/components/progress#progress-demo-line-mini","d":"Ant Design 官方文档里的「进度」公开演示（Mini size progress bar）","g":["progress","enterprise","style"]},{"t":"Badge & tag · TDesign · 可选择标签","k":"component","u":"https://tdesign.tencent.com/vue-next/components/tag#可选择标签","d":"TDesign 官方文档里的「徽标标签」公开演示（可选择标签）","g":["badge","enterprise","style"]},{"t":"Badge & tag · Chakra UI · Icon","k":"component","u":"https://chakra-ui.com/docs/components/badge#icon","d":"Chakra UI 官方文档里的「徽标标签」公开演示（Icon）","g":["badge","soft","minimal","style"]},{"t":"Slider · Quasar · Vertical orientation","k":"component","u":"https://quasar.dev/vue-components/slider/#example--vertical--vertical-orientation","d":"Quasar 官方文档里的「滑块」公开演示（Vertical orientation）","g":["slider","material","style"]},{"t":"Rating · NG-ZORRO · Basic","k":"component","u":"https://ng.ant.design/components/rate/en#components-rate-demo-basic","d":"NG-ZORRO 官方文档里的「评分」公开演示（Basic）","g":["rating","enterprise","style"]},{"t":"Timeline · Element Plus · Custom timestamp","k":"component","u":"https://element-plus.org/en-US/component/timeline.html#custom-timestamp","d":"Element Plus 官方文档里的「时间轴」公开演示（Custom timestamp）","g":["timeline","enterprise","style"]},{"t":"Data display · Arco Design · 前缀后缀/自定义样式","k":"component","u":"https://arco.design/react/components/statistic#前缀后缀-自定义样式","d":"Arco Design 官方文档里的「数据展示」公开演示（前缀后缀/自定义样式）","g":["data","enterprise","style"]},{"t":"Breadcrumb · Naive UI","k":"component","u":"https://www.naiveui.com/en-US/os-theme/components/breadcrumb","d":"Naive UI 官方文档里的「面包屑」公开演示","g":["breadcrumb","enterprise","style"]},{"t":"Background · React Bits · Customize","k":"component","u":"https://reactbits.dev/backgrounds/beams#tabs:«r5»:content-preview","d":"React Bits 官方文档里的「背景」公开演示（Customize）","g":["background","dark-tech","motion","3d","style"]},{"t":"Accordion · Flowbite · Separated cards","k":"component","u":"https://flowbite.com/docs/components/accordion/","d":"Flowbite 官方文档里的「折叠面板」公开演示（Separated cards）","g":["accordion","minimal","style"]},{"t":"Alert · Vuetify","k":"component","u":"https://vuetifyjs.com/en/components/alerts/#color-and-icon","d":"Vuetify 官方文档里的「警告提示」公开演示","g":["alert","material","style"]},{"t":"Button · Material UI · Basic speed dial","k":"component","u":"https://mui.com/material-ui/react-speed-dial/#basic-speed-dial","d":"Material UI 官方文档里的「按钮」公开演示（Basic speed dial）","g":["button","material","style"]},{"t":"Dialog · Bootstrap · Body scrolling and backdrop","k":"component","u":"https://getbootstrap.com/docs/5.3/components/offcanvas/#body-scrolling-and-backdrop","d":"Bootstrap 官方文档里的「弹窗」公开演示（Body scrolling and backdrop）","g":["dialog","minimal","utilitarian","style"]},{"t":"Input · Mantine · Dropdown padding","k":"component","u":"https://mantine.dev/core/autocomplete/#mdx","d":"Mantine 官方文档里的「输入框」公开演示（Dropdown padding）","g":["input","minimal","enterprise","style"]},{"t":"Form · Radix Themes · Alignment","k":"component","u":"https://www.radix-ui.com/themes/docs/components/checkbox#alignment","d":"Radix Themes 官方文档里的「表单」公开演示（Alignment）","g":["form","minimal","style"]},{"t":"Loader · daisyUI","k":"component","u":"https://daisyui.com/components/skeleton/#skeleton","d":"daisyUI 官方文档里的「加载」公开演示","g":["loader","playful","soft","style"]},{"t":"Checkbox & radio · HeroUI · In Surface","k":"component","u":"https://heroui.com/en/docs/react/components/radio-group#in-surface","d":"HeroUI 官方文档里的「复选单选」公开演示（In Surface）","g":["checkbox","soft","playful","style"]},{"t":"Card · Ionic · Basic Usage","k":"component","u":"https://ionicframework.com/docs/api/card#basic-usage","d":"Ionic 官方文档里的「卡片」公开演示（Basic Usage）","g":["card","apple","minimal","style"]},{"t":"Tooltip · shadcn/ui · Align","k":"component","u":"https://ui.shadcn.com/docs/components/base/popover#align","d":"shadcn/ui 官方文档里的「气泡」公开演示（Align）","g":["tooltip","minimal","style"]},{"t":"Card · Magic UI · Orb","k":"component","u":"https://magicui.design/docs/components/magic-card#orb","d":"Magic UI 官方文档里的「卡片」公开演示（Orb）","g":["card","dark-tech","gradient","motion","style"]},{"t":"Badge & tag · PrimeVue · Severity","k":"component","u":"https://primevue.dev/badge/#__nuxt","d":"PrimeVue 官方文档里的「徽标标签」公开演示（Severity）","g":["badge","enterprise","style"]},{"t":"Slider · Ant Design","k":"component","u":"https://ant.design/components/slider","d":"Ant Design 官方文档里的「滑块」公开演示","g":["slider","enterprise","style"]},{"t":"Progress · TDesign · 默认在线形外展示进度和状态","k":"component","u":"https://tdesign.tencent.com/vue-next/components/progress#app","d":"TDesign 官方文档里的「进度」公开演示（默认在线形外展示进度和状态）","g":["progress","enterprise","style"]},{"t":"Input · Chakra UI · Formatting","k":"component","u":"https://chakra-ui.com/docs/components/number-input#formatting","d":"Chakra UI 官方文档里的「输入框」公开演示（Formatting）","g":["input","soft","minimal","style"]},{"t":"Slider · Quasar · Inner min/max","k":"component","u":"https://quasar.dev/vue-components/slider/#example--innerminmax--inner-min-max","d":"Quasar 官方文档里的「滑块」公开演示（Inner min/max）","g":["slider","material","style"]},{"t":"Toast · NG-ZORRO","k":"component","u":"https://ng.ant.design/components/notification/en","d":"NG-ZORRO 官方文档里的「通知」公开演示","g":["toast","enterprise","style"]},{"t":"List · Element Plus · Basic usage","k":"component","u":"https://element-plus.org/en-US/component/transfer.html#basic-usage","d":"Element Plus 官方文档里的「列表」公开演示（Basic usage）","g":["list","enterprise","style"]},{"t":"Loader · Arco Design · 动画","k":"component","u":"https://arco.design/react/components/skeleton#动画","d":"Arco Design 官方文档里的「加载」公开演示（动画）","g":["loader","enterprise","style"]},{"t":"Color picker · Naive UI","k":"component","u":"https://www.naiveui.com/en-US/os-theme/components/color-picker","d":"Naive UI 官方文档里的「取色器」公开演示","g":["color","enterprise","style"]},{"t":"Background · React Bits · Orb","k":"component","u":"https://reactbits.dev/backgrounds/orb#root","d":"React Bits 官方文档里的「背景」公开演示（Orb）","g":["background","dark-tech","motion","3d","style"]},{"t":"Layout · Flowbite · Default jumbotron","k":"component","u":"https://flowbite.com/docs/components/jumbotron/","d":"Flowbite 官方文档里的「区块」公开演示（Default jumbotron）","g":["layout","minimal","style"]},{"t":"Alert · Vuetify","k":"component","u":"https://vuetifyjs.com/en/components/alerts/#color-and-icon","d":"Vuetify 官方文档里的「警告提示」公开演示","g":["alert","material","style"]},{"t":"Button · Material UI · Controlled speed dial","k":"component","u":"https://mui.com/material-ui/react-speed-dial/#controlled-speed-dial","d":"Material UI 官方文档里的「按钮」公开演示（Controlled speed dial）","g":["button","material","style"]},{"t":"Slider · Bootstrap","k":"component","u":"https://getbootstrap.com/docs/5.3/forms/range/#overview","d":"Bootstrap 官方文档里的「滑块」公开演示","g":["slider","minimal","utilitarian","style"]},{"t":"Slider · Mantine","k":"component","u":"https://mantine.dev/core/range-slider/#mdx","d":"Mantine 官方文档里的「滑块」公开演示","g":["slider","minimal","enterprise","style"]},{"t":"Form · Radix Themes · Alignment","k":"component","u":"https://www.radix-ui.com/themes/docs/components/checkbox#alignment","d":"Radix Themes 官方文档里的「表单」公开演示（Alignment）","g":["form","minimal","style"]},{"t":"Slider · daisyUI · Range","k":"component","u":"https://daisyui.com/components/range/#range","d":"daisyUI 官方文档里的「滑块」公开演示（Range）","g":["slider","playful","soft","style"]},{"t":"Input · HeroUI · With Description","k":"component","u":"https://heroui.com/en/docs/react/components/autocomplete#with-description","d":"HeroUI 官方文档里的「输入框」公开演示（With Description）","g":["input","soft","playful","style"]},{"t":"Alert · shadcn/ui · Basic","k":"component","u":"https://ui.shadcn.com/docs/components/base/alert#basic","d":"shadcn/ui 官方文档里的「警告提示」公开演示（Basic）","g":["alert","minimal","style"]},{"t":"Badge & tag · PrimeVue · Size","k":"component","u":"https://primevue.dev/badge/#__nuxt","d":"PrimeVue 官方文档里的「徽标标签」公开演示（Size）","g":["badge","enterprise","style"]},{"t":"Slider · Ant Design · Basic","k":"component","u":"https://ant.design/components/slider#slider-demo-basic","d":"Ant Design 官方文档里的「滑块」公开演示（Basic）","g":["slider","enterprise","style"]},{"t":"Progress · TDesign · 环形进度条","k":"component","u":"https://tdesign.tencent.com/vue-next/components/progress#环形进度条","d":"TDesign 官方文档里的「进度」公开演示（环形进度条）","g":["progress","enterprise","style"]},{"t":"Input · Chakra UI · Min and Max","k":"component","u":"https://chakra-ui.com/docs/components/number-input#min-and-max","d":"Chakra UI 官方文档里的「输入框」公开演示（Min and Max）","g":["input","soft","minimal","style"]},{"t":"Slider · Quasar · With step","k":"component","u":"https://quasar.dev/vue-components/slider/#example--step--with-step","d":"Quasar 官方文档里的「滑块」公开演示（With step）","g":["slider","material","style"]},{"t":"Input · NG-ZORRO · Basic","k":"component","u":"https://ng.ant.design/components/input-number/en#components-input-number-demo-basic","d":"NG-ZORRO 官方文档里的「输入框」公开演示（Basic）","g":["input","enterprise","style"]},{"t":"List · Element Plus · Custom empty content","k":"component","u":"https://element-plus.org/en-US/component/transfer.html#custom-empty-content","d":"Element Plus 官方文档里的「列表」公开演示（Custom empty content）","g":["list","enterprise","style"]},{"t":"Avatar · Arco Design · 基础用法","k":"component","u":"https://arco.design/react/components/avatar#基础用法","d":"Arco Design 官方文档里的「头像」公开演示（基础用法）","g":["avatar","enterprise","style"]},{"t":"Color picker · Naive UI","k":"component","u":"https://www.naiveui.com/en-US/os-theme/components/color-picker","d":"Naive UI 官方文档里的「取色器」公开演示","g":["color","enterprise","style"]},{"t":"Background · React Bits · Customize","k":"component","u":"https://reactbits.dev/backgrounds/orb#tabs:«r1v»:content-preview","d":"React Bits 官方文档里的「背景」公开演示（Customize）","g":["background","dark-tech","motion","3d","style"]},{"t":"Layout · Flowbite · Background image","k":"component","u":"https://flowbite.com/docs/components/jumbotron/","d":"Flowbite 官方文档里的「区块」公开演示（Background image）","g":["layout","minimal","style"]},{"t":"Slider · Vuetify","k":"component","u":"https://vuetifyjs.com/en/components/range-sliders/#thumb-label","d":"Vuetify 官方文档里的「滑块」公开演示","g":["slider","material","style"]},{"t":"Alert · Material UI · Severity","k":"component","u":"https://mui.com/material-ui/react-alert/#severity","d":"Material UI 官方文档里的「警告提示」公开演示（Severity）","g":["alert","material","style"]},{"t":"Select · Bootstrap · Sizing","k":"component","u":"https://getbootstrap.com/docs/5.3/forms/select/#sizing","d":"Bootstrap 官方文档里的「选择器」公开演示（Sizing）","g":["select","minimal","utilitarian","style"]},{"t":"Slider · Mantine · Control label","k":"component","u":"https://mantine.dev/core/range-slider/#mdx","d":"Mantine 官方文档里的「滑块」公开演示（Control label）","g":["slider","minimal","enterprise","style"]},{"t":"Menu · Radix Themes · Color","k":"component","u":"https://www.radix-ui.com/themes/docs/components/dropdown-menu#color","d":"Radix Themes 官方文档里的「菜单」公开演示（Color）","g":["menu","minimal","style"]},{"t":"Slider · daisyUI · With steps and measure","k":"component","u":"https://daisyui.com/components/range/#with-steps-and-measure","d":"daisyUI 官方文档里的「滑块」公开演示（With steps and measure）","g":["slider","playful","soft","style"]},{"t":"Date picker · HeroUI","k":"component","u":"https://heroui.com/en/docs/react/components/range-calendar#usage","d":"HeroUI 官方文档里的「日期」公开演示","g":["date","soft","playful","style"]},{"t":"Alert · shadcn/ui · Destructive","k":"component","u":"https://ui.shadcn.com/docs/components/base/alert#destructive","d":"shadcn/ui 官方文档里的「警告提示」公开演示（Destructive）","g":["alert","minimal","style"]},{"t":"Alert · PrimeVue","k":"component","u":"https://primevue.dev/message/","d":"PrimeVue 官方文档里的「警告提示」公开演示","g":["alert","enterprise","style"]},{"t":"Slider · Ant Design · Slider with icon","k":"component","u":"https://ant.design/components/slider#slider-demo-icon-slider","d":"Ant Design 官方文档里的「滑块」公开演示（Slider with icon）","g":["slider","enterprise","style"]},{"t":"Progress · TDesign · 环形进度条","k":"component","u":"https://tdesign.tencent.com/vue-next/components/progress#环形进度条","d":"TDesign 官方文档里的「进度」公开演示（环形进度条）","g":["progress","enterprise","style"]},{"t":"Switch · Chakra UI · Sizes","k":"component","u":"https://chakra-ui.com/docs/components/switch#sizes","d":"Chakra UI 官方文档里的「开关」公开演示（Sizes）","g":["switch","soft","minimal","style"]},{"t":"Date picker · Quasar · Basic","k":"component","u":"https://quasar.dev/vue-components/time/#example--basic--basic","d":"Quasar 官方文档里的「日期」公开演示（Basic）","g":["date","material","style"]},{"t":"Badge & tag · NG-ZORRO","k":"component","u":"https://ng.ant.design/components/badge/en","d":"NG-ZORRO 官方文档里的「徽标标签」公开演示","g":["badge","enterprise","style"]},{"t":"Tabs · Element Plus · Basic Usage","k":"component","u":"https://element-plus.org/en-US/component/segmented.html#basic-usage","d":"Element Plus 官方文档里的「标签页」公开演示（Basic Usage）","g":["tabs","enterprise","style"]},{"t":"Tabs · Arco Design · 带图标的页签","k":"component","u":"https://arco.design/react/components/tabs#带图标的页签","d":"Arco Design 官方文档里的「标签页」公开演示（带图标的页签）","g":["tabs","enterprise","style"]},{"t":"Input · Naive UI","k":"component","u":"https://www.naiveui.com/en-US/os-theme/components/input-number","d":"Naive UI 官方文档里的「输入框」公开演示","g":["input","enterprise","style"]},{"t":"Loader · React Bits · Pixel Transition","k":"component","u":"https://reactbits.dev/animations/pixel-transition#root","d":"React Bits 官方文档里的「加载」公开演示（Pixel Transition）","g":["loader","dark-tech","motion","3d","style"]},{"t":"Layout · Flowbite · Featured video","k":"component","u":"https://flowbite.com/docs/components/jumbotron/","d":"Flowbite 官方文档里的「区块」公开演示（Featured video）","g":["layout","minimal","style"]},{"t":"Slider · Vuetify","k":"component","u":"https://vuetifyjs.com/en/components/range-sliders/#thumb-label","d":"Vuetify 官方文档里的「滑块」公开演示","g":["slider","material","style"]},{"t":"Alert · Material UI · Filled","k":"component","u":"https://mui.com/material-ui/react-alert/#main-content","d":"Material UI 官方文档里的「警告提示」公开演示（Filled）","g":["alert","material","style"]},{"t":"Select · Bootstrap · Sizing","k":"component","u":"https://getbootstrap.com/docs/5.3/forms/select/#sizing","d":"Bootstrap 官方文档里的「选择器」公开演示（Sizing）","g":["select","minimal","utilitarian","style"]},{"t":"Slider · Mantine · Min, max and step","k":"component","u":"https://mantine.dev/core/range-slider/#mdx","d":"Mantine 官方文档里的「滑块」公开演示（Min, max and step）","g":["slider","minimal","enterprise","style"]},{"t":"Tabs · Radix Themes · Size","k":"component","u":"https://www.radix-ui.com/themes/docs/components/tabs#size","d":"Radix Themes 官方文档里的「标签页」公开演示（Size）","g":["tabs","minimal","style"]},{"t":"Form · daisyUI · Fieldset fieldset-legend and label","k":"component","u":"https://daisyui.com/components/fieldset/#fieldset-fieldset-legend-and-label","d":"daisyUI 官方文档里的「表单」公开演示（Fieldset fieldset-legend and label）","g":["form","playful","soft","style"]},{"t":"Date picker · HeroUI · Default Value","k":"component","u":"https://heroui.com/en/docs/react/components/range-calendar#default-value","d":"HeroUI 官方文档里的「日期」公开演示（Default Value）","g":["date","soft","playful","style"]},{"t":"Alert · shadcn/ui · Action","k":"component","u":"https://ui.shadcn.com/docs/components/base/alert#action","d":"shadcn/ui 官方文档里的「警告提示」公开演示（Action）","g":["alert","minimal","style"]},{"t":"Alert · PrimeVue · Severity","k":"component","u":"https://primevue.dev/message/#__nuxt","d":"PrimeVue 官方文档里的「警告提示」公开演示（Severity）","g":["alert","enterprise","style"]},{"t":"Color picker · Ant Design · Basic Usage","k":"component","u":"https://ant.design/components/color-picker","d":"Ant Design 官方文档里的「取色器」公开演示（Basic Usage）","g":["color","enterprise","style"]},{"t":"Progress · TDesign · 环形进度条","k":"component","u":"https://tdesign.tencent.com/vue-next/components/progress#环形进度条","d":"TDesign 官方文档里的「进度」公开演示（环形进度条）","g":["progress","enterprise","style"]},{"t":"Switch · Chakra UI · Colors","k":"component","u":"https://chakra-ui.com/docs/components/switch#colors","d":"Chakra UI 官方文档里的「开关」公开演示（Colors）","g":["switch","soft","minimal","style"]},{"t":"Date picker · Quasar · Landscape","k":"component","u":"https://quasar.dev/vue-components/time/#example--landscape--landscape","d":"Quasar 官方文档里的「日期」公开演示（Landscape）","g":["date","material","style"]},{"t":"Badge & tag · NG-ZORRO · Basic","k":"component","u":"https://ng.ant.design/components/badge/en#components-badge-demo-basic","d":"NG-ZORRO 官方文档里的「徽标标签」公开演示（Basic）","g":["badge","enterprise","style"]},{"t":"Tabs · Element Plus · Direction Usage","k":"component","u":"https://element-plus.org/en-US/component/segmented.html#direction-usage","d":"Element Plus 官方文档里的「标签页」公开演示（Direction Usage）","g":["tabs","enterprise","style"]},{"t":"Button · Arco Design · 基本用法","k":"component","u":"https://arco.design/react/components/button#基本用法","d":"Arco Design 官方文档里的「按钮」公开演示（基本用法）","g":["button","enterprise","style"]},{"t":"Input · Naive UI","k":"component","u":"https://www.naiveui.com/en-US/os-theme/components/input-number","d":"Naive UI 官方文档里的「输入框」公开演示","g":["input","enterprise","style"]},{"t":"Layout · Flowbite · Authentication form","k":"component","u":"https://flowbite.com/docs/components/jumbotron/","d":"Flowbite 官方文档里的「区块」公开演示（Authentication form）","g":["layout","minimal","style"]},{"t":"Checkbox & radio · Vuetify","k":"component","u":"https://vuetifyjs.com/en/components/radio-buttons/#label","d":"Vuetify 官方文档里的「复选单选」公开演示","g":["checkbox","material","style"]},{"t":"Alert · Material UI · Outlined","k":"component","u":"https://mui.com/material-ui/react-alert/#main-content","d":"Material UI 官方文档里的「警告提示」公开演示（Outlined）","g":["alert","material","style"]},{"t":"Input · Bootstrap · Sizing","k":"component","u":"https://getbootstrap.com/docs/5.3/forms/input-group/#sizing","d":"Bootstrap 官方文档里的「输入框」公开演示（Sizing）","g":["input","minimal","utilitarian","style"]},{"t":"Slider · Mantine · minRange","k":"component","u":"https://mantine.dev/core/range-slider/#mdx","d":"Mantine 官方文档里的「滑块」公开演示（minRange）","g":["slider","minimal","enterprise","style"]},{"t":"Tabs · Radix Themes · Color","k":"component","u":"https://www.radix-ui.com/themes/docs/components/tabs#color","d":"Radix Themes 官方文档里的「标签页」公开演示（Color）","g":["tabs","minimal","style"]},{"t":"Form · daisyUI","k":"component","u":"https://daisyui.com/components/fieldset/#fieldset-with-background-and-border","d":"daisyUI 官方文档里的「表单」公开演示","g":["form","playful","soft","style"]},{"t":"Date picker · HeroUI · Controlled","k":"component","u":"https://heroui.com/en/docs/react/components/range-calendar#controlled","d":"HeroUI 官方文档里的「日期」公开演示（Controlled）","g":["date","soft","playful","style"]},{"t":"Chart · shadcn/ui · Bar Charts","k":"component","u":"https://ui.shadcn.com/charts/bar","d":"shadcn/ui 官方文档里的「图表」公开演示（Bar Charts）","g":["chart","minimal","style"]},{"t":"Alert · PrimeVue · Icon","k":"component","u":"https://primevue.dev/message/#__nuxt","d":"PrimeVue 官方文档里的「警告提示」公开演示（Icon）","g":["alert","enterprise","style"]},{"t":"Color picker · Ant Design · Line Gradient","k":"component","u":"https://ant.design/components/color-picker#color-picker-demo-controlled","d":"Ant Design 官方文档里的「取色器」公开演示（Line Gradient）","g":["color","enterprise","style"]},{"t":"Accordion · TDesign · 基础折叠面板","k":"component","u":"https://tdesign.tencent.com/vue-next/components/collapse#基础折叠面板","d":"TDesign 官方文档里的「折叠面板」公开演示（基础折叠面板）","g":["accordion","enterprise","style"]},{"t":"Tree · Chakra UI · Variants","k":"component","u":"https://chakra-ui.com/docs/components/tree-view#variants","d":"Chakra UI 官方文档里的「树形」公开演示（Variants）","g":["tree","soft","minimal","style"]},{"t":"Date picker · Quasar","k":"component","u":"https://quasar.dev/vue-components/time/#example--format24h--24h-format","d":"Quasar 官方文档里的「日期」公开演示","g":["date","material","style"]},{"t":"Pagination · NG-ZORRO","k":"component","u":"https://ng.ant.design/components/pagination/en","d":"NG-ZORRO 官方文档里的「分页」公开演示","g":["pagination","enterprise","style"]},{"t":"Empty & result · Element Plus · Custom image","k":"component","u":"https://element-plus.org/en-US/component/empty.html#custom-image","d":"Element Plus 官方文档里的「空状态结果」公开演示（Custom image）","g":["empty","enterprise","style"]},{"t":"Date picker · Arco Design · 不同状态","k":"component","u":"https://arco.design/react/components/date-picker#不同状态","d":"Arco Design 官方文档里的「日期」公开演示（不同状态）","g":["date","enterprise","style"]},{"t":"Steps · Naive UI","k":"component","u":"https://www.naiveui.com/en-US/os-theme/components/steps","d":"Naive UI 官方文档里的「步骤条」公开演示","g":["steps","enterprise","style"]},{"t":"Carousel · Flowbite · Featured image","k":"component","u":"https://flowbite.com/docs/components/gallery/","d":"Flowbite 官方文档里的「轮播」公开演示（Featured image）","g":["carousel","minimal","style"]},{"t":"Progress · Vuetify","k":"component","u":"https://vuetifyjs.com/en/components/progress-circular/#slots","d":"Vuetify 官方文档里的「进度」公开演示","g":["progress","material","style"]},{"t":"Alert · Material UI · Actions","k":"component","u":"https://mui.com/material-ui/react-alert/#actions","d":"Material UI 官方文档里的「警告提示」公开演示（Actions）","g":["alert","material","style"]},{"t":"Input · Bootstrap","k":"component","u":"https://getbootstrap.com/docs/5.3/forms/floating-labels/#example","d":"Bootstrap 官方文档里的「输入框」公开演示","g":["input","minimal","utilitarian","style"]},{"t":"Color picker · Mantine","k":"component","u":"https://mantine.dev/core/color-picker/#mdx","d":"Mantine 官方文档里的「取色器」公开演示","g":["color","minimal","enterprise","style"]},{"t":"Avatar · Radix Themes · Typography","k":"component","u":"https://www.radix-ui.com/themes/docs/components/avatar","d":"Radix Themes 官方文档里的「头像」公开演示（Typography）","g":["avatar","minimal","style"]},{"t":"Form · daisyUI · Fieldset with multiple inputs","k":"component","u":"https://daisyui.com/components/fieldset/#fieldset-with-multiple-inputs","d":"daisyUI 官方文档里的「表单」公开演示（Fieldset with multiple inputs）","g":["form","playful","soft","style"]},{"t":"Pagination · HeroUI · Disabled","k":"component","u":"https://heroui.com/en/docs/react/components/pagination#disabled","d":"HeroUI 官方文档里的「分页」公开演示（Disabled）","g":["pagination","soft","playful","style"]},{"t":"Tabs · shadcn/ui","k":"component","u":"https://ui.shadcn.com/docs/components/base/tabs","d":"shadcn/ui 官方文档里的「标签页」公开演示","g":["tabs","minimal","style"]},{"t":"Avatar · PrimeVue","k":"component","u":"https://primevue.dev/avatar/","d":"PrimeVue 官方文档里的「头像」公开演示","g":["avatar","enterprise","style"]},{"t":"Color picker · Ant Design · controlled mode","k":"component","u":"https://ant.design/components/color-picker#color-picker-demo-controlled","d":"Ant Design 官方文档里的「取色器」公开演示（controlled mode）","g":["color","enterprise","style"]},{"t":"Accordion · TDesign · 手风琴模式折叠面板","k":"component","u":"https://tdesign.tencent.com/vue-next/components/collapse#手风琴模式折叠面板","d":"TDesign 官方文档里的「折叠面板」公开演示（手风琴模式折叠面板）","g":["accordion","enterprise","style"]},{"t":"Tree · Chakra UI · Disabled Node","k":"component","u":"https://chakra-ui.com/docs/components/tree-view#disabled-node","d":"Chakra UI 官方文档里的「树形」公开演示（Disabled Node）","g":["tree","soft","minimal","style"]},{"t":"Date picker · Quasar · Now button","k":"component","u":"https://quasar.dev/vue-components/time/#example--nowbtn--now-button","d":"Quasar 官方文档里的「日期」公开演示（Now button）","g":["date","material","style"]},{"t":"Pagination · NG-ZORRO · Basic","k":"component","u":"https://ng.ant.design/components/pagination/en#components-pagination-demo-basic","d":"NG-ZORRO 官方文档里的「分页」公开演示（Basic）","g":["pagination","enterprise","style"]},{"t":"Empty & result · Element Plus · Bottom content","k":"component","u":"https://element-plus.org/en-US/component/empty.html#bottom-content","d":"Element Plus 官方文档里的「空状态结果」公开演示（Bottom content）","g":["empty","enterprise","style"]},{"t":"Table · Arco Design · 开启选择","k":"component","u":"https://arco.design/react/components/table#开启选择","d":"Arco Design 官方文档里的「表格」公开演示（开启选择）","g":["table","enterprise","style"]},{"t":"Steps · Naive UI","k":"component","u":"https://www.naiveui.com/en-US/os-theme/components/steps","d":"Naive UI 官方文档里的「步骤条」公开演示","g":["steps","enterprise","style"]},{"t":"Carousel · Flowbite · Quad gallery","k":"component","u":"https://flowbite.com/docs/components/gallery/","d":"Flowbite 官方文档里的「轮播」公开演示（Quad gallery）","g":["carousel","minimal","style"]},{"t":"Rating · Vuetify","k":"component","u":"https://vuetifyjs.com/en/components/ratings/#half-increments","d":"Vuetify 官方文档里的「评分」公开演示","g":["rating","material","style"]},{"t":"Checkbox & radio · Material UI","k":"component","u":"https://mui.com/material-ui/react-radio-button/#radio-group","d":"Material UI 官方文档里的「复选单选」公开演示","g":["checkbox","material","style"]},{"t":"Form · Bootstrap · Custom styles","k":"component","u":"https://getbootstrap.com/docs/5.3/forms/validation/#custom-styles","d":"Bootstrap 官方文档里的「表单」公开演示（Custom styles）","g":["form","minimal","utilitarian","style"]},{"t":"Color picker · Mantine · Color format","k":"component","u":"https://mantine.dev/core/color-picker/#mdx","d":"Mantine 官方文档里的「取色器」公开演示（Color format）","g":["color","minimal","enterprise","style"]},{"t":"Input · Radix Themes · Size","k":"component","u":"https://www.radix-ui.com/themes/docs/components/text-field#size","d":"Radix Themes 官方文档里的「输入框」公开演示（Size）","g":["input","minimal","style"]},{"t":"Layout · daisyUI · Centered hero","k":"component","u":"https://daisyui.com/components/hero/#centered-hero","d":"daisyUI 官方文档里的「区块」公开演示（Centered hero）","g":["layout","playful","soft","style"]},{"t":"Alert · HeroUI","k":"component","u":"https://heroui.com/en/docs/react/components/alert#usage","d":"HeroUI 官方文档里的「警告提示」公开演示","g":["alert","soft","playful","style"]},{"t":"Date picker · shadcn/ui","k":"component","u":"https://ui.shadcn.com/docs/components/base/calendar","d":"shadcn/ui 官方文档里的「日期」公开演示","g":["date","minimal","style"]},{"t":"Avatar · PrimeVue · Basic","k":"component","u":"https://primevue.dev/avatar/#__nuxt","d":"PrimeVue 官方文档里的「头像」公开演示（Basic）","g":["avatar","enterprise","style"]},{"t":"Timeline · Ant Design","k":"component","u":"https://ant.design/components/timeline","d":"Ant Design 官方文档里的「时间轴」公开演示","g":["timeline","enterprise","style"]},{"t":"Accordion · TDesign · 可设置图标的折叠面板","k":"component","u":"https://tdesign.tencent.com/vue-next/components/collapse#可设置图标的折叠面板","d":"TDesign 官方文档里的「折叠面板」公开演示（可设置图标的折叠面板）","g":["accordion","enterprise","style"]},{"t":"Timeline · Chakra UI · Sizes","k":"component","u":"https://chakra-ui.com/docs/components/timeline#sizes","d":"Chakra UI 官方文档里的「时间轴」公开演示（Sizes）","g":["timeline","soft","minimal","style"]},{"t":"Breadcrumb · Quasar · Basic","k":"component","u":"https://quasar.dev/vue-components/breadcrumbs/#example--basic--basic","d":"Quasar 官方文档里的「面包屑」公开演示（Basic）","g":["breadcrumb","material","style"]},{"t":"Timeline · NG-ZORRO","k":"component","u":"https://ng.ant.design/components/timeline/en","d":"NG-ZORRO 官方文档里的「时间轴」公开演示","g":["timeline","enterprise","style"]},{"t":"Tooltip · Element Plus · Placement","k":"component","u":"https://element-plus.org/en-US/component/popover.html#placement","d":"Element Plus 官方文档里的「气泡」公开演示（Placement）","g":["tooltip","enterprise","style"]},{"t":"Navigation · Arco Design · 基础用法","k":"component","u":"https://arco.design/react/components/steps#基础用法","d":"Arco Design 官方文档里的「导航」公开演示（基础用法）","g":["nav","enterprise","style"]},{"t":"Input · Naive UI","k":"component","u":"https://www.naiveui.com/en-US/os-theme/components/auto-complete","d":"Naive UI 官方文档里的「输入框」公开演示","g":["input","enterprise","style"]},{"t":"Carousel · Flowbite · Gallery with slider","k":"component","u":"https://flowbite.com/docs/components/gallery/","d":"Flowbite 官方文档里的「轮播」公开演示（Gallery with slider）","g":["carousel","minimal","style"]},{"t":"Rating · Vuetify","k":"component","u":"https://vuetifyjs.com/en/components/ratings/#half-increments","d":"Vuetify 官方文档里的「评分」公开演示","g":["rating","material","style"]},{"t":"Checkbox & radio · Material UI · Controlled","k":"component","u":"https://mui.com/material-ui/react-radio-button/#controlled","d":"Material UI 官方文档里的「复选单选」公开演示（Controlled）","g":["checkbox","material","style"]},{"t":"Form · Bootstrap · Server-side","k":"component","u":"https://getbootstrap.com/docs/5.3/forms/validation/#server-side","d":"Bootstrap 官方文档里的「表单」公开演示（Server-side）","g":["form","minimal","utilitarian","style"]},{"t":"Color picker · Mantine · With swatches","k":"component","u":"https://mantine.dev/core/color-picker/#mdx","d":"Mantine 官方文档里的「取色器」公开演示（With swatches）","g":["color","minimal","enterprise","style"]},{"t":"Input · Radix Themes · Variant","k":"component","u":"https://www.radix-ui.com/themes/docs/components/text-field#variant","d":"Radix Themes 官方文档里的「输入框」公开演示（Variant）","g":["input","minimal","style"]},{"t":"Layout · daisyUI · Hero with figure","k":"component","u":"https://daisyui.com/components/hero/#hero-with-figure","d":"daisyUI 官方文档里的「区块」公开演示（Hero with figure）","g":["layout","playful","soft","style"]},{"t":"Alert · HeroUI · Tailwind CSS","k":"component","u":"https://heroui.com/en/docs/react/components/alert#tailwind-css","d":"HeroUI 官方文档里的「警告提示」公开演示（Tailwind CSS）","g":["alert","soft","playful","style"]},{"t":"Date picker · shadcn/ui","k":"component","u":"https://ui.shadcn.com/docs/components/base/calendar#persian--hijri--jalali-calendar","d":"shadcn/ui 官方文档里的「日期」公开演示","g":["date","minimal","style"]},{"t":"Avatar · PrimeVue · Image","k":"component","u":"https://primevue.dev/avatar/#__nuxt","d":"PrimeVue 官方文档里的「头像」公开演示（Image）","g":["avatar","enterprise","style"]},{"t":"Timeline · Ant Design","k":"component","u":"https://ant.design/components/timeline#timeline-demo-basic","d":"Ant Design 官方文档里的「时间轴」公开演示","g":["timeline","enterprise","style"]},{"t":"Accordion · TDesign · 可设置右侧操作的折叠面板","k":"component","u":"https://tdesign.tencent.com/vue-next/components/collapse#可设置右侧操作的折叠面板","d":"TDesign 官方文档里的「折叠面板」公开演示（可设置右侧操作的折叠面板）","g":["accordion","enterprise","style"]},{"t":"Timeline · Chakra UI · Variants","k":"component","u":"https://chakra-ui.com/docs/components/timeline#variants","d":"Chakra UI 官方文档里的「时间轴」公开演示（Variants）","g":["timeline","soft","minimal","style"]},{"t":"Breadcrumb · Quasar · In a QToolbar","k":"component","u":"https://quasar.dev/vue-components/breadcrumbs/#example--toolbar--in-a-qtoolbar","d":"Quasar 官方文档里的「面包屑」公开演示（In a QToolbar）","g":["breadcrumb","material","style"]},{"t":"Avatar · NG-ZORRO","k":"component","u":"https://ng.ant.design/components/avatar/en","d":"NG-ZORRO 官方文档里的「头像」公开演示","g":["avatar","enterprise","style"]},{"t":"Date picker · Element Plus · Controller Type","k":"component","u":"https://element-plus.org/en-US/component/calendar.html#controller-type","d":"Element Plus 官方文档里的「日期」公开演示（Controller Type）","g":["date","enterprise","style"]},{"t":"Input · Naive UI","k":"component","u":"https://www.naiveui.com/en-US/os-theme/components/auto-complete","d":"Naive UI 官方文档里的「输入框」公开演示","g":["input","enterprise","style"]},{"t":"Carousel · Flowbite · Custom slider controls","k":"component","u":"https://flowbite.com/docs/components/gallery/","d":"Flowbite 官方文档里的「轮播」公开演示（Custom slider controls）","g":["carousel","minimal","style"]},{"t":"Loader · Vuetify","k":"component","u":"https://vuetifyjs.com/en/components/skeleton-loaders/#type","d":"Vuetify 官方文档里的「加载」公开演示","g":["loader","material","style"]},{"t":"Rating · Material UI · Basic rating","k":"component","u":"https://mui.com/material-ui/react-rating/#basic-rating","d":"Material UI 官方文档里的「评分」公开演示（Basic rating）","g":["rating","material","style"]},{"t":"Form · Bootstrap · Supported elements","k":"component","u":"https://getbootstrap.com/docs/5.3/forms/validation/#supported-elements","d":"Bootstrap 官方文档里的「表单」公开演示（Supported elements）","g":["form","minimal","utilitarian","style"]},{"t":"Color picker · Mantine · With swatches","k":"component","u":"https://mantine.dev/core/color-picker/#mdx","d":"Mantine 官方文档里的「取色器」公开演示（With swatches）","g":["color","minimal","enterprise","style"]},{"t":"Layout · daisyUI","k":"component","u":"https://daisyui.com/components/hero/#hero-with-figure-but-reverse-order","d":"daisyUI 官方文档里的「区块」公开演示","g":["layout","playful","soft","style"]},{"t":"Tooltip · HeroUI","k":"component","u":"https://heroui.com/en/docs/react/components/popover#usage","d":"HeroUI 官方文档里的「气泡」公开演示","g":["tooltip","soft","playful","style"]},{"t":"Date picker · shadcn/ui · Range Calendar","k":"component","u":"https://ui.shadcn.com/docs/components/base/calendar#range-calendar","d":"shadcn/ui 官方文档里的「日期」公开演示（Range Calendar）","g":["date","minimal","style"]},{"t":"Avatar · PrimeVue · Badge","k":"component","u":"https://primevue.dev/avatar/#__nuxt","d":"PrimeVue 官方文档里的「头像」公开演示（Badge）","g":["avatar","enterprise","style"]},{"t":"Timeline · Ant Design · Init","k":"component","u":"https://ant.design/components/timeline#timeline-demo-pending","d":"Ant Design 官方文档里的「时间轴」公开演示（Init）","g":["timeline","enterprise","style"]},{"t":"Switch · TDesign · 基础开关","k":"component","u":"https://tdesign.tencent.com/vue-next/components/switch#基础开关","d":"TDesign 官方文档里的「开关」公开演示（基础开关）","g":["switch","enterprise","style"]},{"t":"Timeline · Chakra UI · Content Before","k":"component","u":"https://chakra-ui.com/docs/components/timeline#content-before","d":"Chakra UI 官方文档里的「时间轴」公开演示（Content Before）","g":["timeline","soft","minimal","style"]},{"t":"Breadcrumb · Quasar · Custom separators","k":"component","u":"https://quasar.dev/vue-components/breadcrumbs/#example--separator--custom-separators","d":"Quasar 官方文档里的「面包屑」公开演示（Custom separators）","g":["breadcrumb","material","style"]},{"t":"Avatar · NG-ZORRO · Basic","k":"component","u":"https://ng.ant.design/components/avatar/en#components-avatar-demo-basic","d":"NG-ZORRO 官方文档里的「头像」公开演示（Basic）","g":["avatar","enterprise","style"]},{"t":"Pagination · Element Plus · Buttons with background color","k":"component","u":"https://element-plus.org/en-US/component/pagination.html#buttons-with-background-color","d":"Element Plus 官方文档里的「分页」公开演示（Buttons with background color）","g":["pagination","enterprise","style"]},{"t":"Switch · Naive UI","k":"component","u":"https://www.naiveui.com/en-US/os-theme/components/switch","d":"Naive UI 官方文档里的「开关」公开演示","g":["switch","enterprise","style"]},{"t":"Button · Flowbite · Default speed dial","k":"component","u":"https://flowbite.com/docs/components/speed-dial/","d":"Flowbite 官方文档里的「按钮」公开演示（Default speed dial）","g":["button","minimal","style"]},{"t":"Loader · Vuetify","k":"component","u":"https://vuetifyjs.com/en/components/skeleton-loaders/#type","d":"Vuetify 官方文档里的「加载」公开演示","g":["loader","material","style"]},{"t":"Rating · Material UI · Sizes","k":"component","u":"https://mui.com/material-ui/react-rating/#sizes","d":"Material UI 官方文档里的「评分」公开演示（Sizes）","g":["rating","material","style"]},{"t":"Tabs · Bootstrap · Tabs with dropdowns","k":"component","u":"https://getbootstrap.com/docs/5.3/components/navs-tabs/#tabs-with-dropdowns","d":"Bootstrap 官方文档里的「标签页」公开演示（Tabs with dropdowns）","g":["tabs","minimal","utilitarian","style"]},{"t":"Badge & tag · Mantine","k":"component","u":"https://mantine.dev/core/badge/#mdx","d":"Mantine 官方文档里的「徽标标签」公开演示","g":["badge","minimal","enterprise","style"]},{"t":"Layout · daisyUI · Hero with form","k":"component","u":"https://daisyui.com/components/hero/#hero-with-form","d":"daisyUI 官方文档里的「区块」公开演示（Hero with form）","g":["layout","playful","soft","style"]},{"t":"Tooltip · HeroUI · With Arrow","k":"component","u":"https://heroui.com/en/docs/react/components/popover#with-arrow","d":"HeroUI 官方文档里的「气泡」公开演示（With Arrow）","g":["tooltip","soft","playful","style"]},{"t":"Chart · shadcn/ui","k":"component","u":"https://ui.shadcn.com/docs/components/base/chart","d":"shadcn/ui 官方文档里的「图表」公开演示","g":["chart","minimal","style"]},{"t":"Button · PrimeVue","k":"component","u":"https://primevue.dev/speeddial/","d":"PrimeVue 官方文档里的「按钮」公开演示","g":["button","enterprise","style"]},{"t":"Timeline · Ant Design","k":"component","u":"https://ant.design/components/timeline#timeline-demo-horizontal","d":"Ant Design 官方文档里的「时间轴」公开演示","g":["timeline","enterprise","style"]},{"t":"Switch · TDesign · 带描述的开关","k":"component","u":"https://tdesign.tencent.com/vue-next/components/switch#带描述的开关","d":"TDesign 官方文档里的「开关」公开演示（带描述的开关）","g":["switch","enterprise","style"]},{"t":"Progress · Chakra UI · Colors","k":"component","u":"https://chakra-ui.com/docs/components/progress-circle#colors","d":"Chakra UI 官方文档里的「进度」公开演示（Colors）","g":["progress","soft","minimal","style"]},{"t":"Breadcrumb · Quasar · Gutters","k":"component","u":"https://quasar.dev/vue-components/breadcrumbs/#example--gutters--gutters","d":"Quasar 官方文档里的「面包屑」公开演示（Gutters）","g":["breadcrumb","material","style"]},{"t":"Avatar · NG-ZORRO · Basic","k":"component","u":"https://ng.ant.design/components/avatar/en#components-avatar-demo-basic","d":"NG-ZORRO 官方文档里的「头像」公开演示（Basic）","g":["avatar","enterprise","style"]},{"t":"Menu · Element Plus · Triggering element","k":"component","u":"https://element-plus.org/en-US/component/dropdown.html#triggering-element","d":"Element Plus 官方文档里的「菜单」公开演示（Triggering element）","g":["menu","enterprise","style"]},{"t":"Switch · Naive UI","k":"component","u":"https://www.naiveui.com/en-US/os-theme/components/switch","d":"Naive UI 官方文档里的「开关」公开演示","g":["switch","enterprise","style"]},{"t":"Timeline · Flowbite · Activity log","k":"component","u":"https://flowbite.com/docs/components/timeline/","d":"Flowbite 官方文档里的「时间轴」公开演示（Activity log）","g":["timeline","minimal","style"]},{"t":"Color picker · Vuetify","k":"component","u":"https://vuetifyjs.com/en/components/color-pickers/#model","d":"Vuetify 官方文档里的「取色器」公开演示","g":["color","material","style"]},{"t":"Rating · Material UI · Customization","k":"component","u":"https://mui.com/material-ui/react-rating/#customization","d":"Material UI 官方文档里的「评分」公开演示（Customization）","g":["rating","material","style"]},{"t":"Button · Bootstrap · Variants","k":"component","u":"https://getbootstrap.com/docs/5.3/components/buttons/#variants","d":"Bootstrap 官方文档里的「按钮」公开演示（Variants）","g":["button","minimal","utilitarian","style"]},{"t":"Badge & tag · Mantine · Gradient variant","k":"component","u":"https://mantine.dev/core/badge/#mdx","d":"Mantine 官方文档里的「徽标标签」公开演示（Gradient variant）","g":["badge","minimal","enterprise","style"]},{"t":"Steps · daisyUI","k":"component","u":"https://daisyui.com/components/steps/","d":"daisyUI 官方文档里的「步骤条」公开演示","g":["steps","playful","soft","style"]},{"t":"Breadcrumb · HeroUI · Disabled State","k":"component","u":"https://heroui.com/en/docs/react/components/breadcrumbs#disabled-state","d":"HeroUI 官方文档里的「面包屑」公开演示（Disabled State）","g":["breadcrumb","soft","playful","style"]},{"t":"Loader · shadcn/ui · Avatar","k":"component","u":"https://ui.shadcn.com/docs/components/base/skeleton#avatar","d":"shadcn/ui 官方文档里的「加载」公开演示（Avatar）","g":["loader","minimal","style"]},{"t":"Button · PrimeVue · Basic","k":"component","u":"https://primevue.dev/speeddial/#__nuxt","d":"PrimeVue 官方文档里的「按钮」公开演示（Basic）","g":["button","enterprise","style"]},{"t":"Tree · Ant Design","k":"component","u":"https://ant.design/components/tree-select","d":"Ant Design 官方文档里的「树形」公开演示","g":["tree","enterprise","style"]},{"t":"Switch · TDesign · 不同大小的开关","k":"component","u":"https://tdesign.tencent.com/vue-next/components/switch#不同大小的开关","d":"TDesign 官方文档里的「开关」公开演示（不同大小的开关）","g":["switch","enterprise","style"]},{"t":"Accordion · Chakra UI · With Icon","k":"component","u":"https://chakra-ui.com/docs/components/accordion#with-icon","d":"Chakra UI 官方文档里的「折叠面板」公开演示（With Icon）","g":["accordion","soft","minimal","style"]},{"t":"Color picker · Quasar · Basic","k":"component","u":"https://quasar.dev/vue-components/color-picker/#example--basic--basic","d":"Quasar 官方文档里的「取色器」公开演示（Basic）","g":["color","material","style"]},{"t":"Tooltip · NG-ZORRO","k":"component","u":"https://ng.ant.design/components/popover/en","d":"NG-ZORRO 官方文档里的「气泡」公开演示","g":["tooltip","enterprise","style"]},{"t":"Input · Element Plus · list suggestions on input","k":"component","u":"https://element-plus.org/en-US/component/autocomplete.html#page-content","d":"Element Plus 官方文档里的「输入框」公开演示（list suggestions on input）","g":["input","enterprise","style"]},{"t":"Switch · Naive UI","k":"component","u":"https://www.naiveui.com/en-US/os-theme/components/switch","d":"Naive UI 官方文档里的「开关」公开演示","g":["switch","enterprise","style"]},{"t":"Badge & tag · Flowbite · Legend indicator","k":"component","u":"https://flowbite.com/docs/components/indicators/","d":"Flowbite 官方文档里的「徽标标签」公开演示（Legend indicator）","g":["badge","minimal","style"]},{"t":"Color picker · Vuetify","k":"component","u":"https://vuetifyjs.com/en/components/color-pickers/#model","d":"Vuetify 官方文档里的「取色器」公开演示","g":["color","material","style"]},{"t":"Badge & tag · Material UI · Color chip","k":"component","u":"https://mui.com/material-ui/react-chip/#color-chip","d":"Material UI 官方文档里的「徽标标签」公开演示（Color chip）","g":["badge","material","style"]},{"t":"Button · Bootstrap · Button tags","k":"component","u":"https://getbootstrap.com/docs/5.3/components/buttons/#button-tags","d":"Bootstrap 官方文档里的「按钮」公开演示（Button tags）","g":["button","minimal","utilitarian","style"]},{"t":"Tree · Mantine · useTree hook","k":"component","u":"https://mantine.dev/core/tree/#mdx","d":"Mantine 官方文档里的「树形」公开演示（useTree hook）","g":["tree","minimal","enterprise","style"]},{"t":"Steps · daisyUI · Horizontal","k":"component","u":"https://daisyui.com/components/steps/#horizontal","d":"daisyUI 官方文档里的「步骤条」公开演示（Horizontal）","g":["steps","playful","soft","style"]},{"t":"Loader · HeroUI · Colors","k":"component","u":"https://heroui.com/en/docs/react/components/spinner#colors","d":"HeroUI 官方文档里的「加载」公开演示（Colors）","g":["loader","soft","playful","style"]},{"t":"Card · shadcn/ui","k":"component","u":"https://ui.shadcn.com/docs/components/base/card","d":"shadcn/ui 官方文档里的「卡片」公开演示","g":["card","minimal","style"]},{"t":"Button · PrimeVue · Linear","k":"component","u":"https://primevue.dev/speeddial/#__nuxt","d":"PrimeVue 官方文档里的「按钮」公开演示（Linear）","g":["button","enterprise","style"]},{"t":"Tree · Ant Design · Generate from tree data","k":"component","u":"https://ant.design/components/tree-select#tree-select-demo-treedata","d":"Ant Design 官方文档里的「树形」公开演示（Generate from tree data）","g":["tree","enterprise","style"]},{"t":"Pagination · TDesign · 少量页面","k":"component","u":"https://tdesign.tencent.com/vue-next/components/pagination#少量页面","d":"TDesign 官方文档里的「分页」公开演示（少量页面）","g":["pagination","enterprise","style"]},{"t":"Accordion · Chakra UI · Expand Multiple Items","k":"component","u":"https://chakra-ui.com/docs/components/accordion#expand-multiple-items","d":"Chakra UI 官方文档里的「折叠面板」公开演示（Expand Multiple Items）","g":["accordion","soft","minimal","style"]},{"t":"Color picker · Quasar · Input","k":"component","u":"https://quasar.dev/vue-components/color-picker/#example--input--input","d":"Quasar 官方文档里的「取色器」公开演示（Input）","g":["color","material","style"]},{"t":"Loader · NG-ZORRO","k":"component","u":"https://ng.ant.design/components/spin/en","d":"NG-ZORRO 官方文档里的「加载」公开演示","g":["loader","enterprise","style"]},{"t":"Input · Element Plus","k":"component","u":"https://element-plus.org/en-US/component/autocomplete.html#page-content","d":"Element Plus 官方文档里的「输入框」公开演示","g":["input","enterprise","style"]},{"t":"Switch · Naive UI","k":"component","u":"https://www.naiveui.com/en-US/os-theme/components/switch","d":"Naive UI 官方文档里的「开关」公开演示","g":["switch","enterprise","style"]},{"t":"Badge & tag · Flowbite · Indicator count","k":"component","u":"https://flowbite.com/docs/components/indicators/","d":"Flowbite 官方文档里的「徽标标签」公开演示（Indicator count）","g":["badge","minimal","style"]},{"t":"Color picker · Vuetify","k":"component","u":"https://vuetifyjs.com/en/components/color-pickers/#model","d":"Vuetify 官方文档里的「取色器」公开演示","g":["color","material","style"]},{"t":"Badge & tag · Material UI · Chip array","k":"component","u":"https://mui.com/material-ui/react-chip/#chip-array","d":"Material UI 官方文档里的「徽标标签」公开演示（Chip array）","g":["badge","material","style"]},{"t":"Button · Bootstrap · Outline buttons","k":"component","u":"https://getbootstrap.com/docs/5.3/components/buttons/#outline-buttons","d":"Bootstrap 官方文档里的「按钮」公开演示（Outline buttons）","g":["button","minimal","utilitarian","style"]},{"t":"Tree · Mantine · Checked state","k":"component","u":"https://mantine.dev/core/tree/#mdx","d":"Mantine 官方文档里的「树形」公开演示（Checked state）","g":["tree","minimal","enterprise","style"]},{"t":"Steps · daisyUI · Vertical","k":"component","u":"https://daisyui.com/components/steps/#vertical","d":"daisyUI 官方文档里的「步骤条」公开演示（Vertical）","g":["steps","playful","soft","style"]},{"t":"Loader · HeroUI · Sizes","k":"component","u":"https://heroui.com/en/docs/react/components/spinner#sizes","d":"HeroUI 官方文档里的「加载」公开演示（Sizes）","g":["loader","soft","playful","style"]},{"t":"Card · shadcn/ui · Size","k":"component","u":"https://ui.shadcn.com/docs/components/base/card#size","d":"shadcn/ui 官方文档里的「卡片」公开演示（Size）","g":["card","minimal","style"]},{"t":"Badge & tag · PrimeVue","k":"component","u":"https://primevue.dev/tag/","d":"PrimeVue 官方文档里的「徽标标签」公开演示","g":["badge","enterprise","style"]},{"t":"Alert · Ant Design · Info Text","k":"component","u":"https://ant.design/components/alert#alert-demo-basic","d":"Ant Design 官方文档里的「警告提示」公开演示（Info Text）","g":["alert","enterprise","style"]},{"t":"Pagination · TDesign · 页数较多","k":"component","u":"https://tdesign.tencent.com/vue-next/components/pagination#页数较多","d":"TDesign 官方文档里的「分页」公开演示（页数较多）","g":["pagination","enterprise","style"]},{"t":"Loader · Chakra UI · Colors","k":"component","u":"https://chakra-ui.com/docs/components/spinner#colors","d":"Chakra UI 官方文档里的「加载」公开演示（Colors）","g":["loader","soft","minimal","style"]},{"t":"Color picker · Quasar · No header/footer","k":"component","u":"https://quasar.dev/vue-components/color-picker/#example--noheaderfooter--no-header-footer","d":"Quasar 官方文档里的「取色器」公开演示（No header/footer）","g":["color","material","style"]},{"t":"Tabs · NG-ZORRO","k":"component","u":"https://ng.ant.design/components/tabs/en","d":"NG-ZORRO 官方文档里的「标签页」公开演示","g":["tabs","enterprise","style"]},{"t":"Loader · Element Plus · Basic usage","k":"component","u":"https://element-plus.org/en-US/component/skeleton.html#basic-usage","d":"Element Plus 官方文档里的「加载」公开演示（Basic usage）","g":["loader","enterprise","style"]},{"t":"List · Naive UI","k":"component","u":"https://www.naiveui.com/en-US/os-theme/components/list","d":"Naive UI 官方文档里的「列表」公开演示","g":["list","enterprise","style"]},{"t":"Badge & tag · Flowbite · Status indicator","k":"component","u":"https://flowbite.com/docs/components/indicators/","d":"Flowbite 官方文档里的「徽标标签」公开演示（Status indicator）","g":["badge","minimal","style"]},{"t":"Color picker · Vuetify","k":"component","u":"https://vuetifyjs.com/en/components/color-pickers/#model","d":"Vuetify 官方文档里的「取色器」公开演示","g":["color","material","style"]},{"t":"Slider · Material UI · Continuous sliders","k":"component","u":"https://mui.com/material-ui/react-slider/#continuous-sliders","d":"Material UI 官方文档里的「滑块」公开演示（Continuous sliders）","g":["slider","material","style"]},{"t":"Carousel · Bootstrap · Captions","k":"component","u":"https://getbootstrap.com/docs/5.3/components/carousel/#captions","d":"Bootstrap 官方文档里的「轮播」公开演示（Captions）","g":["carousel","minimal","utilitarian","style"]},{"t":"Tree · Mantine · Highlight matching nodes","k":"component","u":"https://mantine.dev/core/tree/#mdx","d":"Mantine 官方文档里的「树形」公开演示（Highlight matching nodes）","g":["tree","minimal","enterprise","style"]},{"t":"Steps · daisyUI","k":"component","u":"https://daisyui.com/components/steps/#responsive-vertical-on-small-screen-horizontal-on-large-screen","d":"daisyUI 官方文档里的「步骤条」公开演示","g":["steps","playful","soft","style"]},{"t":"Loader · HeroUI · Speed","k":"component","u":"https://heroui.com/en/docs/react/components/spinner#speed","d":"HeroUI 官方文档里的「加载」公开演示（Speed）","g":["loader","soft","playful","style"]},{"t":"Card · shadcn/ui · Spacing","k":"component","u":"https://ui.shadcn.com/docs/components/base/card#spacing","d":"shadcn/ui 官方文档里的「卡片」公开演示（Spacing）","g":["card","minimal","style"]},{"t":"Badge & tag · PrimeVue · Severity","k":"component","u":"https://primevue.dev/tag/#__nuxt","d":"PrimeVue 官方文档里的「徽标标签」公开演示（Severity）","g":["badge","enterprise","style"]},{"t":"Alert · Ant Design · Warning Title","k":"component","u":"https://ant.design/components/alert#alert-demo-filled","d":"Ant Design 官方文档里的「警告提示」公开演示（Warning Title）","g":["alert","enterprise","style"]},{"t":"Pagination · TDesign · 带数据总量显示的分页","k":"component","u":"https://tdesign.tencent.com/vue-next/components/pagination#带数据总量显示的分页","d":"TDesign 官方文档里的「分页」公开演示（带数据总量显示的分页）","g":["pagination","enterprise","style"]},{"t":"Empty & result · Chakra UI · Action","k":"component","u":"https://chakra-ui.com/docs/components/empty-state#action","d":"Chakra UI 官方文档里的「空状态结果」公开演示（Action）","g":["empty","soft","minimal","style"]},{"t":"Color picker · Quasar · Custom default view","k":"component","u":"https://quasar.dev/vue-components/color-picker/#example--customdefaultview--custom-default-view","d":"Quasar 官方文档里的「取色器」公开演示（Custom default view）","g":["color","material","style"]},{"t":"Select · NG-ZORRO","k":"component","u":"https://ng.ant.design/components/select/en","d":"NG-ZORRO 官方文档里的「选择器」公开演示","g":["select","enterprise","style"]},{"t":"Loader · Element Plus · Configurable Rows","k":"component","u":"https://element-plus.org/en-US/component/skeleton.html#configurable-rows","d":"Element Plus 官方文档里的「加载」公开演示（Configurable Rows）","g":["loader","enterprise","style"]},{"t":"Checkbox & radio · Naive UI","k":"component","u":"https://www.naiveui.com/en-US/os-theme/components/checkbox","d":"Naive UI 官方文档里的「复选单选」公开演示","g":["checkbox","enterprise","style"]},{"t":"Badge & tag · Flowbite · Badge indicator","k":"component","u":"https://flowbite.com/docs/components/indicators/","d":"Flowbite 官方文档里的「徽标标签」公开演示（Badge indicator）","g":["badge","minimal","style"]},{"t":"Navigation · Vuetify","k":"component","u":"https://vuetifyjs.com/en/components/bottom-navigation/#toggle","d":"Vuetify 官方文档里的「导航」公开演示","g":["nav","material","style"]},{"t":"Slider · Material UI · Sizes","k":"component","u":"https://mui.com/material-ui/react-slider/#sizes","d":"Material UI 官方文档里的「滑块」公开演示（Sizes）","g":["slider","material","style"]},{"t":"Dialog · Bootstrap · Modal components","k":"component","u":"https://getbootstrap.com/docs/5.3/components/modal/#modal-components","d":"Bootstrap 官方文档里的「弹窗」公开演示（Modal components）","g":["dialog","minimal","utilitarian","style"]},{"t":"Input · Mantine","k":"component","u":"https://mantine.dev/core/text-input/#mdx","d":"Mantine 官方文档里的「输入框」公开演示","g":["input","minimal","enterprise","style"]},{"t":"Data display · daisyUI","k":"component","u":"https://daisyui.com/components/stat/#stat-with-icons-or-image","d":"daisyUI 官方文档里的「数据展示」公开演示","g":["data","playful","soft","style"]},{"t":"Tooltip · HeroUI · With Arrow","k":"component","u":"https://heroui.com/en/docs/react/components/tooltip#with-arrow","d":"HeroUI 官方文档里的「气泡」公开演示（With Arrow）","g":["tooltip","soft","playful","style"]},{"t":"Card · shadcn/ui · Spacing","k":"component","u":"https://ui.shadcn.com/docs/components/base/card#spacing","d":"shadcn/ui 官方文档里的「卡片」公开演示（Spacing）","g":["card","minimal","style"]},{"t":"Carousel · PrimeVue","k":"component","u":"https://primevue.dev/image/","d":"PrimeVue 官方文档里的「轮播」公开演示","g":["carousel","enterprise","style"]},{"t":"Dialog · Ant Design","k":"component","u":"https://ant.design/components/drawer","d":"Ant Design 官方文档里的「弹窗」公开演示","g":["dialog","enterprise","style"]},{"t":"Pagination · TDesign · 带页面展示数量选择的分页","k":"component","u":"https://tdesign.tencent.com/vue-next/components/pagination#带页面展示数量选择的分页","d":"TDesign 官方文档里的「分页」公开演示（带页面展示数量选择的分页）","g":["pagination","enterprise","style"]},{"t":"Steps · Chakra UI","k":"component","u":"https://chakra-ui.com/docs/components/steps","d":"Chakra UI 官方文档里的「步骤条」公开演示","g":["steps","soft","minimal","style"]},{"t":"Rating · Quasar · Basic","k":"component","u":"https://quasar.dev/vue-components/rating/#example--basic--basic","d":"Quasar 官方文档里的「评分」公开演示（Basic）","g":["rating","material","style"]},{"t":"Date picker · NG-ZORRO","k":"component","u":"https://ng.ant.design/components/date-picker/en","d":"NG-ZORRO 官方文档里的「日期」公开演示","g":["date","enterprise","style"]},{"t":"Loader · Element Plus · Animation","k":"component","u":"https://element-plus.org/en-US/component/skeleton.html#animation","d":"Element Plus 官方文档里的「加载」公开演示（Animation）","g":["loader","enterprise","style"]},{"t":"Tooltip · Naive UI","k":"component","u":"https://www.naiveui.com/en-US/os-theme/components/popover","d":"Naive UI 官方文档里的「气泡」公开演示","g":["tooltip","enterprise","style"]},{"t":"List · Flowbite · List group with links","k":"component","u":"https://flowbite.com/docs/components/list-group/","d":"Flowbite 官方文档里的「列表」公开演示（List group with links）","g":["list","minimal","style"]},{"t":"Dialog · Vuetify","k":"component","u":"https://vuetifyjs.com/en/components/navigation-drawers/#background-images","d":"Vuetify 官方文档里的「弹窗」公开演示","g":["dialog","material","style"]},{"t":"Slider · Material UI · Discrete sliders","k":"component","u":"https://mui.com/material-ui/react-slider/#discrete-sliders","d":"Material UI 官方文档里的「滑块」公开演示（Discrete sliders）","g":["slider","material","style"]},{"t":"Navigation · Bootstrap · Image","k":"component","u":"https://getbootstrap.com/docs/5.3/components/navbar/#image","d":"Bootstrap 官方文档里的「导航」公开演示（Image）","g":["nav","minimal","utilitarian","style"]},{"t":"Input · Mantine · Left and right sections","k":"component","u":"https://mantine.dev/core/text-input/#mdx","d":"Mantine 官方文档里的「输入框」公开演示（Left and right sections）","g":["input","minimal","enterprise","style"]},{"t":"Data display · daisyUI","k":"component","u":"https://daisyui.com/components/stat/#stat-2","d":"daisyUI 官方文档里的「数据展示」公开演示","g":["data","playful","soft","style"]},{"t":"Tooltip · HeroUI · Custom Triggers","k":"component","u":"https://heroui.com/en/docs/react/components/tooltip#custom-triggers","d":"HeroUI 官方文档里的「气泡」公开演示（Custom Triggers）","g":["tooltip","soft","playful","style"]},{"t":"Select · shadcn/ui · Align Item With Trigger","k":"component","u":"https://ui.shadcn.com/docs/components/base/select#align-item-with-trigger","d":"shadcn/ui 官方文档里的「选择器」公开演示（Align Item With Trigger）","g":["select","minimal","style"]},{"t":"Carousel · PrimeVue · Preview Image Source","k":"component","u":"https://primevue.dev/image/#__nuxt","d":"PrimeVue 官方文档里的「轮播」公开演示（Preview Image Source）","g":["carousel","enterprise","style"]},{"t":"Dialog · Ant Design · Basic","k":"component","u":"https://ant.design/components/drawer#components-drawer-demo-basic-right","d":"Ant Design 官方文档里的「弹窗」公开演示（Basic）","g":["dialog","enterprise","style"]},{"t":"Timeline · TDesign · 基础时间轴","k":"component","u":"https://tdesign.tencent.com/vue-next/components/timeline#基础时间轴","d":"TDesign 官方文档里的「时间轴」公开演示（基础时间轴）","g":["timeline","enterprise","style"]},{"t":"Steps · Chakra UI · Variants","k":"component","u":"https://chakra-ui.com/docs/components/steps#variants","d":"Chakra UI 官方文档里的「步骤条」公开演示（Variants）","g":["steps","soft","minimal","style"]},{"t":"Rating · Quasar · Custom number of choices","k":"component","u":"https://quasar.dev/vue-components/rating/#example--max--custom-number-of-choices","d":"Quasar 官方文档里的「评分」公开演示（Custom number of choices）","g":["rating","material","style"]},{"t":"Carousel · Element Plus · Basic Usage","k":"component","u":"https://element-plus.org/en-US/component/image.html#basic-usage","d":"Element Plus 官方文档里的「轮播」公开演示（Basic Usage）","g":["carousel","enterprise","style"]},{"t":"Tooltip · Naive UI","k":"component","u":"https://www.naiveui.com/en-US/os-theme/components/popover","d":"Naive UI 官方文档里的「气泡」公开演示","g":["tooltip","enterprise","style"]},{"t":"List · Flowbite · List group with buttons","k":"component","u":"https://flowbite.com/docs/components/list-group/","d":"Flowbite 官方文档里的「列表」公开演示（List group with buttons）","g":["list","minimal","style"]},{"t":"Dialog · Vuetify","k":"component","u":"https://vuetifyjs.com/en/components/navigation-drawers/#background-images","d":"Vuetify 官方文档里的「弹窗」公开演示","g":["dialog","material","style"]},{"t":"Slider · Material UI · Custom marks","k":"component","u":"https://mui.com/material-ui/react-slider/#custom-marks","d":"Material UI 官方文档里的「滑块」公开演示（Custom marks）","g":["slider","material","style"]},{"t":"Navigation · Bootstrap · Image and text","k":"component","u":"https://getbootstrap.com/docs/5.3/components/navbar/#image-and-text","d":"Bootstrap 官方文档里的「导航」公开演示（Image and text）","g":["nav","minimal","utilitarian","style"]},{"t":"Input · Mantine · Error state","k":"component","u":"https://mantine.dev/core/text-input/#mdx","d":"Mantine 官方文档里的「输入框」公开演示（Error state）","g":["input","minimal","enterprise","style"]},{"t":"Data display · daisyUI","k":"component","u":"https://daisyui.com/components/stat/#stat-2","d":"daisyUI 官方文档里的「数据展示」公开演示","g":["data","playful","soft","style"]},{"t":"Date picker · HeroUI","k":"component","u":"https://heroui.com/en/docs/react/components/calendar#usage","d":"HeroUI 官方文档里的「日期」公开演示","g":["date","soft","playful","style"]},{"t":"Table · shadcn/ui · RTL","k":"component","u":"https://ui.shadcn.com/docs/components/base/data-table#rtl","d":"shadcn/ui 官方文档里的「表格」公开演示（RTL）","g":["table","minimal","style"]},{"t":"Progress · PrimeVue","k":"component","u":"https://primevue.dev/progressbar/","d":"PrimeVue 官方文档里的「进度」公开演示","g":["progress","enterprise","style"]},{"t":"Dialog · Ant Design · Resizable","k":"component","u":"https://ant.design/components/drawer#components-drawer-demo-resizable","d":"Ant Design 官方文档里的「弹窗」公开演示（Resizable）","g":["dialog","enterprise","style"]},{"t":"Timeline · TDesign · 控制排序的时间轴","k":"component","u":"https://tdesign.tencent.com/vue-next/components/timeline#控制排序的时间轴","d":"TDesign 官方文档里的「时间轴」公开演示（控制排序的时间轴）","g":["timeline","enterprise","style"]},{"t":"Tooltip · Chakra UI · Multiple Triggers","k":"component","u":"https://chakra-ui.com/docs/components/popover#multiple-triggers","d":"Chakra UI 官方文档里的「气泡」公开演示（Multiple Triggers）","g":["tooltip","soft","minimal","style"]},{"t":"Steps · Quasar · Horizontal","k":"component","u":"https://quasar.dev/vue-components/stepper/#example--typehorizontal--horizontal","d":"Quasar 官方文档里的「步骤条」公开演示（Horizontal）","g":["steps","material","style"]},{"t":"Carousel · Element Plus · Load Failed","k":"component","u":"https://element-plus.org/en-US/component/image.html#load-failed","d":"Element Plus 官方文档里的「轮播」公开演示（Load Failed）","g":["carousel","enterprise","style"]},{"t":"Tooltip · Naive UI","k":"component","u":"https://www.naiveui.com/en-US/os-theme/components/popconfirm","d":"Naive UI 官方文档里的「气泡」公开演示","g":["tooltip","enterprise","style"]},{"t":"Dialog · Flowbite · Default drawer","k":"component","u":"https://flowbite.com/docs/components/drawer/","d":"Flowbite 官方文档里的「弹窗」公开演示（Default drawer）","g":["dialog","minimal","style"]},{"t":"Tree · Vuetify","k":"component","u":"https://vuetifyjs.com/en/components/treeview/#item-props","d":"Vuetify 官方文档里的「树形」公开演示","g":["tree","material","style"]},{"t":"Button · Material UI · Basic FAB","k":"component","u":"https://mui.com/material-ui/react-floating-action-button/#basic-fab","d":"Material UI 官方文档里的「按钮」公开演示（Basic FAB）","g":["button","material","style"]},{"t":"Card · Bootstrap","k":"component","u":"https://getbootstrap.com/docs/5.3/components/card/#example","d":"Bootstrap 官方文档里的「卡片」公开演示","g":["card","minimal","utilitarian","style"]},{"t":"Input · Mantine · Success state","k":"component","u":"https://mantine.dev/core/text-input/#mdx","d":"Mantine 官方文档里的「输入框」公开演示（Success state）","g":["input","minimal","enterprise","style"]},{"t":"Pagination · daisyUI","k":"component","u":"https://daisyui.com/components/pagination/#pagination-with-an-active-button","d":"daisyUI 官方文档里的「分页」公开演示","g":["pagination","playful","soft","style"]},{"t":"Date picker · HeroUI · Read Only","k":"component","u":"https://heroui.com/en/docs/react/components/calendar#read-only","d":"HeroUI 官方文档里的「日期」公开演示（Read Only）","g":["date","soft","playful","style"]},{"t":"Progress · PrimeVue · Basic","k":"component","u":"https://primevue.dev/progressbar/#__nuxt","d":"PrimeVue 官方文档里的「进度」公开演示（Basic）","g":["progress","enterprise","style"]},{"t":"Empty & result · Ant Design","k":"component","u":"https://ant.design/components/result","d":"Ant Design 官方文档里的「空状态结果」公开演示","g":["empty","enterprise","style"]},{"t":"Timeline · TDesign · 自定义内容","k":"component","u":"https://tdesign.tencent.com/vue-next/components/timeline#自定义内容","d":"TDesign 官方文档里的「时间轴」公开演示（自定义内容）","g":["timeline","enterprise","style"]},{"t":"Input · Chakra UI · Sizes","k":"component","u":"https://chakra-ui.com/docs/components/input#sizes","d":"Chakra UI 官方文档里的「输入框」公开演示（Sizes）","g":["input","soft","minimal","style"]},{"t":"Steps · Quasar · Vertical","k":"component","u":"https://quasar.dev/vue-components/stepper/#example--typevertical--vertical","d":"Quasar 官方文档里的「步骤条」公开演示（Vertical）","g":["steps","material","style"]},{"t":"Carousel · Element Plus · Lazy Load","k":"component","u":"https://element-plus.org/en-US/component/image.html#lazy-load","d":"Element Plus 官方文档里的「轮播」公开演示（Lazy Load）","g":["carousel","enterprise","style"]},{"t":"Tooltip · Naive UI","k":"component","u":"https://www.naiveui.com/en-US/os-theme/components/popconfirm","d":"Naive UI 官方文档里的「气泡」公开演示","g":["tooltip","enterprise","style"]},{"t":"Dialog · Flowbite · Drawer navigation","k":"component","u":"https://flowbite.com/docs/components/drawer/","d":"Flowbite 官方文档里的「弹窗」公开演示（Drawer navigation）","g":["dialog","minimal","style"]},{"t":"Tree · Vuetify","k":"component","u":"https://vuetifyjs.com/en/components/treeview/#item-props","d":"Vuetify 官方文档里的「树形」公开演示","g":["tree","material","style"]},{"t":"Button · Material UI · Size","k":"component","u":"https://mui.com/material-ui/react-floating-action-button/#size","d":"Material UI 官方文档里的「按钮」公开演示（Size）","g":["button","material","style"]},{"t":"Card · Bootstrap · Images","k":"component","u":"https://getbootstrap.com/docs/5.3/components/card/#images","d":"Bootstrap 官方文档里的「卡片」公开演示（Images）","g":["card","minimal","utilitarian","style"]},{"t":"Chart · Mantine · Area color","k":"component","u":"https://mantine.dev/charts/bar-chart/#mdx","d":"Mantine 官方文档里的「图表」公开演示（Area color）","g":["chart","minimal","enterprise","style"]},{"t":"Pagination · daisyUI · Sizes","k":"component","u":"https://daisyui.com/components/pagination/#sizes","d":"daisyUI 官方文档里的「分页」公开演示（Sizes）","g":["pagination","playful","soft","style"]},{"t":"Date picker · HeroUI · Default Value","k":"component","u":"https://heroui.com/en/docs/react/components/calendar#default-value","d":"HeroUI 官方文档里的「日期」公开演示（Default Value）","g":["date","soft","playful","style"]},{"t":"Progress · PrimeVue · Dynamic","k":"component","u":"https://primevue.dev/progressbar/#__nuxt","d":"PrimeVue 官方文档里的「进度」公开演示（Dynamic）","g":["progress","enterprise","style"]},{"t":"Empty & result · Ant Design","k":"component","u":"https://ant.design/components/result#result-demo-success","d":"Ant Design 官方文档里的「空状态结果」公开演示","g":["empty","enterprise","style"]},{"t":"Rating · TDesign · 组件状态","k":"component","u":"https://tdesign.tencent.com/vue-next/components/rate#组件状态","d":"TDesign 官方文档里的「评分」公开演示（组件状态）","g":["rating","enterprise","style"]},{"t":"Data display · Chakra UI · Format Options","k":"component","u":"https://chakra-ui.com/docs/components/stat#format-options","d":"Chakra UI 官方文档里的「数据展示」公开演示（Format Options）","g":["data","soft","minimal","style"]},{"t":"Steps · Quasar","k":"component","u":"https://quasar.dev/vue-components/stepper/#example--responsive--vertical-below-the-md-breakpoint","d":"Quasar 官方文档里的「步骤条」公开演示","g":["steps","material","style"]},{"t":"Dialog · Element Plus · Basic Usage","k":"component","u":"https://element-plus.org/en-US/component/drawer.html#basic-usage","d":"Element Plus 官方文档里的「弹窗」公开演示（Basic Usage）","g":["dialog","enterprise","style"]},{"t":"Loader · Naive UI","k":"component","u":"https://www.naiveui.com/en-US/os-theme/components/skeleton","d":"Naive UI 官方文档里的「加载」公开演示","g":["loader","enterprise","style"]},{"t":"Dialog · Flowbite · Right drawer","k":"component","u":"https://flowbite.com/docs/components/drawer/","d":"Flowbite 官方文档里的「弹窗」公开演示（Right drawer）","g":["dialog","minimal","style"]},{"t":"Navigation · Vuetify","k":"component","u":"https://vuetifyjs.com/en/components/app-bars/#scroll-behavior","d":"Vuetify 官方文档里的「导航」公开演示","g":["nav","material","style"]},{"t":"Button · Material UI · Size","k":"component","u":"https://mui.com/material-ui/react-floating-action-button/#size","d":"Material UI 官方文档里的「按钮」公开演示（Size）","g":["button","material","style"]},{"t":"Card · Bootstrap · Kitchen sink","k":"component","u":"https://getbootstrap.com/docs/5.3/components/card/#kitchen-sink","d":"Bootstrap 官方文档里的「卡片」公开演示（Kitchen sink）","g":["card","minimal","utilitarian","style"]},{"t":"Chart · Mantine · Brush","k":"component","u":"https://mantine.dev/charts/bar-chart/#mdx","d":"Mantine 官方文档里的「图表」公开演示（Brush）","g":["chart","minimal","enterprise","style"]},{"t":"Pagination · daisyUI · With a disabled button","k":"component","u":"https://daisyui.com/components/pagination/#with-a-disabled-button","d":"daisyUI 官方文档里的「分页」公开演示（With a disabled button）","g":["pagination","playful","soft","style"]},{"t":"Button · HeroUI · Variants","k":"component","u":"https://heroui.com/en/docs/react/components/button#variants","d":"HeroUI 官方文档里的「按钮」公开演示（Variants）","g":["button","soft","playful","style"]},{"t":"Tree · PrimeVue","k":"component","u":"https://primevue.dev/tree/","d":"PrimeVue 官方文档里的「树形」公开演示","g":["tree","enterprise","style"]},{"t":"Empty & result · Ant Design","k":"component","u":"https://ant.design/components/result#result-demo-info","d":"Ant Design 官方文档里的「空状态结果」公开演示","g":["empty","enterprise","style"]},{"t":"Color picker · TDesign · 面板颜色选择器","k":"component","u":"https://tdesign.tencent.com/vue-next/components/color-picker#面板颜色选择器","d":"TDesign 官方文档里的「取色器」公开演示（面板颜色选择器）","g":["color","enterprise","style"]},{"t":"Pagination · Chakra UI · Variants","k":"component","u":"https://chakra-ui.com/docs/components/pagination#variants","d":"Chakra UI 官方文档里的「分页」公开演示（Variants）","g":["pagination","soft","minimal","style"]},{"t":"Steps · Quasar · Non-linear header navigation","k":"component","u":"https://quasar.dev/vue-components/stepper/#example--nonlinearnavigation--non-linear-header-navigation","d":"Quasar 官方文档里的「步骤条」公开演示（Non-linear header navigation）","g":["steps","material","style"]},{"t":"Empty & result · Element Plus · Basic usage","k":"component","u":"https://element-plus.org/en-US/component/result.html#basic-usage","d":"Element Plus 官方文档里的「空状态结果」公开演示（Basic usage）","g":["empty","enterprise","style"]},{"t":"Loader · Naive UI","k":"component","u":"https://www.naiveui.com/en-US/os-theme/components/skeleton","d":"Naive UI 官方文档里的「加载」公开演示","g":["loader","enterprise","style"]},{"t":"Loader · Flowbite · Colors","k":"component","u":"https://flowbite.com/docs/components/spinner/","d":"Flowbite 官方文档里的「加载」公开演示（Colors）","g":["loader","minimal","style"]},{"t":"Navigation · Vuetify","k":"component","u":"https://vuetifyjs.com/en/components/app-bars/#scroll-behavior","d":"Vuetify 官方文档里的「导航」公开演示","g":["nav","material","style"]},{"t":"Loader · Material UI","k":"component","u":"https://mui.com/material-ui/react-skeleton/","d":"Material UI 官方文档里的「加载」公开演示","g":["loader","material","style"]},{"t":"Card · Bootstrap · Using custom CSS","k":"component","u":"https://getbootstrap.com/docs/5.3/components/card/#using-custom-css","d":"Bootstrap 官方文档里的「卡片」公开演示（Using custom CSS）","g":["card","minimal","utilitarian","style"]},{"t":"Timeline · Mantine · Line and bullet props","k":"component","u":"https://mantine.dev/core/timeline/#mdx","d":"Mantine 官方文档里的「时间轴」公开演示（Line and bullet props）","g":["timeline","minimal","enterprise","style"]},{"t":"Alert · daisyUI · Info color","k":"component","u":"https://daisyui.com/components/alert/#info-color","d":"daisyUI 官方文档里的「警告提示」公开演示（Info color）","g":["alert","playful","soft","style"]},{"t":"Button · HeroUI · Sizes","k":"component","u":"https://heroui.com/en/docs/react/components/button#sizes","d":"HeroUI 官方文档里的「按钮」公开演示（Sizes）","g":["button","soft","playful","style"]},{"t":"Tree · PrimeVue · Basic","k":"component","u":"https://primevue.dev/tree/#__nuxt","d":"PrimeVue 官方文档里的「树形」公开演示（Basic）","g":["tree","enterprise","style"]},{"t":"Empty & result · Ant Design","k":"component","u":"https://ant.design/components/result#result-demo-warning","d":"Ant Design 官方文档里的「空状态结果」公开演示","g":["empty","enterprise","style"]},{"t":"Color picker · TDesign · 不同色彩模式的颜色选择器","k":"component","u":"https://tdesign.tencent.com/vue-next/components/color-picker#不同色彩模式的颜色选择器","d":"TDesign 官方文档里的「取色器」公开演示（不同色彩模式的颜色选择器）","g":["color","enterprise","style"]},{"t":"Tabs · Chakra UI · Hook Form","k":"component","u":"https://chakra-ui.com/docs/components/segmented-control#hook-form","d":"Chakra UI 官方文档里的「标签页」公开演示（Hook Form）","g":["tabs","soft","minimal","style"]},{"t":"Checkbox & radio · Quasar · Standard","k":"component","u":"https://quasar.dev/vue-components/radio/#example--standard--standard","d":"Quasar 官方文档里的「复选单选」公开演示（Standard）","g":["checkbox","material","style"]},{"t":"Empty & result · Element Plus · Customized content","k":"component","u":"https://element-plus.org/en-US/component/result.html#customized-content","d":"Element Plus 官方文档里的「空状态结果」公开演示（Customized content）","g":["empty","enterprise","style"]},{"t":"Button · Naive UI","k":"component","u":"https://www.naiveui.com/en-US/os-theme/components/button","d":"Naive UI 官方文档里的「按钮」公开演示","g":["button","enterprise","style"]},{"t":"Tooltip · Flowbite · Default popover","k":"component","u":"https://flowbite.com/docs/components/popover/","d":"Flowbite 官方文档里的「气泡」公开演示（Default popover）","g":["tooltip","minimal","style"]},{"t":"Navigation · Vuetify","k":"component","u":"https://vuetifyjs.com/en/components/app-bars/#scroll-behavior","d":"Vuetify 官方文档里的「导航」公开演示","g":["nav","material","style"]},{"t":"Loader · Material UI · Pulsate example","k":"component","u":"https://mui.com/material-ui/react-skeleton/#pulsate-example","d":"Material UI 官方文档里的「加载」公开演示（Pulsate example）","g":["loader","material","style"]},{"t":"Menu · Bootstrap · Single button","k":"component","u":"https://getbootstrap.com/docs/5.3/components/dropdowns/#single-button","d":"Bootstrap 官方文档里的「菜单」公开演示（Single button）","g":["menu","minimal","utilitarian","style"]},{"t":"Timeline · Mantine · Bullet as React node","k":"component","u":"https://mantine.dev/core/timeline/#mdx","d":"Mantine 官方文档里的「时间轴」公开演示（Bullet as React node）","g":["timeline","minimal","enterprise","style"]},{"t":"Button · daisyUI · Join","k":"component","u":"https://daisyui.com/components/join/#join","d":"daisyUI 官方文档里的「按钮」公开演示（Join）","g":["button","playful","soft","style"]},{"t":"Button · HeroUI · With Icons","k":"component","u":"https://heroui.com/en/docs/react/components/button#with-icons","d":"HeroUI 官方文档里的「按钮」公开演示（With Icons）","g":["button","soft","playful","style"]},{"t":"Tree · PrimeVue · Content","k":"component","u":"https://primevue.dev/tree/#__nuxt","d":"PrimeVue 官方文档里的「树形」公开演示（Content）","g":["tree","enterprise","style"]},{"t":"Empty & result · Ant Design","k":"component","u":"https://ant.design/components/empty","d":"Ant Design 官方文档里的「空状态结果」公开演示","g":["empty","enterprise","style"]},{"t":"Color picker · TDesign · 允许调整透明度的颜色选择器","k":"component","u":"https://tdesign.tencent.com/vue-next/components/color-picker#允许调整透明度的颜色选择器","d":"TDesign 官方文档里的「取色器」公开演示（允许调整透明度的颜色选择器）","g":["color","enterprise","style"]},{"t":"Select · Chakra UI · Basic","k":"component","u":"https://chakra-ui.com/docs/components/combobox#basic","d":"Chakra UI 官方文档里的「选择器」公开演示（Basic）","g":["select","soft","minimal","style"]},{"t":"Checkbox & radio · Quasar · Dense","k":"component","u":"https://quasar.dev/vue-components/radio/#example--dense--dense","d":"Quasar 官方文档里的「复选单选」公开演示（Dense）","g":["checkbox","material","style"]},{"t":"Avatar · Element Plus · Basic Usage","k":"component","u":"https://element-plus.org/en-US/component/avatar.html#basic-usage","d":"Element Plus 官方文档里的「头像」公开演示（Basic Usage）","g":["avatar","enterprise","style"]},{"t":"Button · Naive UI","k":"component","u":"https://www.naiveui.com/en-US/os-theme/components/button","d":"Naive UI 官方文档里的「按钮」公开演示","g":["button","enterprise","style"]},{"t":"Tooltip · Flowbite · User profile","k":"component","u":"https://flowbite.com/docs/components/popover/","d":"Flowbite 官方文档里的「气泡」公开演示（User profile）","g":["tooltip","minimal","style"]},{"t":"Carousel · Vuetify","k":"component","u":"https://vuetifyjs.com/en/components/carousels/#cycle","d":"Vuetify 官方文档里的「轮播」公开演示","g":["carousel","material","style"]},{"t":"List · Material UI · Basic transfer list","k":"component","u":"https://mui.com/material-ui/react-transfer-list/#basic-transfer-list","d":"Material UI 官方文档里的「列表」公开演示（Basic transfer list）","g":["list","material","style"]},{"t":"Menu · Bootstrap · Split button","k":"component","u":"https://getbootstrap.com/docs/5.3/components/dropdowns/#split-button","d":"Bootstrap 官方文档里的「菜单」公开演示（Split button）","g":["menu","minimal","utilitarian","style"]},{"t":"Select · Mantine · Checked option icon","k":"component","u":"https://mantine.dev/core/multi-select/#mdx","d":"Mantine 官方文档里的「选择器」公开演示（Checked option icon）","g":["select","minimal","enterprise","style"]},{"t":"Button · daisyUI","k":"component","u":"https://daisyui.com/components/join/#with-extra-elements-in-the-group","d":"daisyUI 官方文档里的「按钮」公开演示","g":["button","playful","soft","style"]},{"t":"Card · HeroUI · Horizontal Layout","k":"component","u":"https://heroui.com/en/docs/react/components/card#horizontal-layout","d":"HeroUI 官方文档里的「卡片」公开演示（Horizontal Layout）","g":["card","soft","playful","style"]},{"t":"List · PrimeVue","k":"component","u":"https://primevue.dev/listbox/","d":"PrimeVue 官方文档里的「列表」公开演示","g":["list","enterprise","style"]},{"t":"Empty & result · Ant Design · Choose image","k":"component","u":"https://ant.design/components/empty#empty-demo-simple","d":"Ant Design 官方文档里的「空状态结果」公开演示（Choose image）","g":["empty","enterprise","style"]},{"t":"Dialog · TDesign · 不同位置的抽屉","k":"component","u":"https://tdesign.tencent.com/vue-next/components/drawer#不同位置的抽屉","d":"TDesign 官方文档里的「弹窗」公开演示（不同位置的抽屉）","g":["dialog","enterprise","style"]},{"t":"Card · Chakra UI","k":"component","u":"https://chakra-ui.com/docs/components/card","d":"Chakra UI 官方文档里的「卡片」公开演示","g":["card","soft","minimal","style"]},{"t":"Checkbox & radio · Quasar · Coloring","k":"component","u":"https://quasar.dev/vue-components/radio/#example--coloring--coloring","d":"Quasar 官方文档里的「复选单选」公开演示（Coloring）","g":["checkbox","material","style"]},{"t":"Avatar · Element Plus · Fallback","k":"component","u":"https://element-plus.org/en-US/component/avatar.html#fallback","d":"Element Plus 官方文档里的「头像」公开演示（Fallback）","g":["avatar","enterprise","style"]},{"t":"Button · Naive UI","k":"component","u":"https://www.naiveui.com/en-US/os-theme/components/button","d":"Naive UI 官方文档里的「按钮」公开演示","g":["button","enterprise","style"]},{"t":"Tooltip · Flowbite · Company profile","k":"component","u":"https://flowbite.com/docs/components/popover/","d":"Flowbite 官方文档里的「气泡」公开演示（Company profile）","g":["tooltip","minimal","style"]},{"t":"Carousel · Vuetify","k":"component","u":"https://vuetifyjs.com/en/components/carousels/#cycle","d":"Vuetify 官方文档里的「轮播」公开演示","g":["carousel","material","style"]},{"t":"Tooltip · Material UI · Anchor playground","k":"component","u":"https://mui.com/material-ui/react-popover/#anchor-playground","d":"Material UI 官方文档里的「气泡」公开演示（Anchor playground）","g":["tooltip","material","style"]},{"t":"Toast · Bootstrap · Translucent","k":"component","u":"https://getbootstrap.com/docs/5.3/components/toasts/#translucent","d":"Bootstrap 官方文档里的「通知」公开演示（Translucent）","g":["toast","minimal","utilitarian","style"]},{"t":"Select · Mantine · renderPill","k":"component","u":"https://mantine.dev/core/multi-select/#mdx","d":"Mantine 官方文档里的「选择器」公开演示（renderPill）","g":["select","minimal","enterprise","style"]},{"t":"Input · daisyUI","k":"component","u":"https://daisyui.com/components/input/#text-input-with-text-label-inside","d":"daisyUI 官方文档里的「输入框」公开演示","g":["input","playful","soft","style"]},{"t":"Card · HeroUI · With Avatar","k":"component","u":"https://heroui.com/en/docs/react/components/card#with-avatar","d":"HeroUI 官方文档里的「卡片」公开演示（With Avatar）","g":["card","soft","playful","style"]},{"t":"List · PrimeVue · Basic","k":"component","u":"https://primevue.dev/listbox/#__nuxt","d":"PrimeVue 官方文档里的「列表」公开演示（Basic）","g":["list","enterprise","style"]},{"t":"Empty & result · Ant Design · ConfigProvider","k":"component","u":"https://ant.design/components/empty#empty-demo-config-provider","d":"Ant Design 官方文档里的「空状态结果」公开演示（ConfigProvider）","g":["empty","enterprise","style"]},{"t":"Tree · TDesign · 可高亮","k":"component","u":"https://tdesign.tencent.com/vue-next/components/tree#可高亮","d":"TDesign 官方文档里的「树形」公开演示（可高亮）","g":["tree","enterprise","style"]},{"t":"Card · Chakra UI · Within Form","k":"component","u":"https://chakra-ui.com/docs/components/card#within-form","d":"Chakra UI 官方文档里的「卡片」公开演示（Within Form）","g":["card","soft","minimal","style"]},{"t":"Badge & tag · Quasar · Basic","k":"component","u":"https://quasar.dev/vue-components/chip/#example--basic--basic","d":"Quasar 官方文档里的「徽标标签」公开演示（Basic）","g":["badge","material","style"]},{"t":"Avatar · Element Plus · Fit Container","k":"component","u":"https://element-plus.org/en-US/component/avatar.html#fit-container","d":"Element Plus 官方文档里的「头像」公开演示（Fit Container）","g":["avatar","enterprise","style"]},{"t":"Button · Naive UI","k":"component","u":"https://www.naiveui.com/en-US/os-theme/components/button","d":"Naive UI 官方文档里的「按钮」公开演示","g":["button","enterprise","style"]},{"t":"Switch · Flowbite · Disabled state","k":"component","u":"https://flowbite.com/docs/forms/toggle/","d":"Flowbite 官方文档里的「开关」公开演示（Disabled state）","g":["switch","minimal","style"]},{"t":"Carousel · Vuetify","k":"component","u":"https://vuetifyjs.com/en/components/carousels/#cycle","d":"Vuetify 官方文档里的「轮播」公开演示","g":["carousel","material","style"]},{"t":"Tooltip · Material UI · Mouse hover interaction","k":"component","u":"https://mui.com/material-ui/react-popover/#mouse-hover-interaction","d":"Material UI 官方文档里的「气泡」公开演示（Mouse hover interaction）","g":["tooltip","material","style"]},{"t":"Toast · Bootstrap · Stacking","k":"component","u":"https://getbootstrap.com/docs/5.3/components/toasts/#stacking","d":"Bootstrap 官方文档里的「通知」公开演示（Stacking）","g":["toast","minimal","utilitarian","style"]},{"t":"Select · Mantine · Reorder pills","k":"component","u":"https://mantine.dev/core/multi-select/#mdx","d":"Mantine 官方文档里的「选择器」公开演示（Reorder pills）","g":["select","minimal","enterprise","style"]},{"t":"Input · daisyUI · With fieldset and fieldset-legend","k":"component","u":"https://daisyui.com/components/input/#with-fieldset-and-fieldset-legend","d":"daisyUI 官方文档里的「输入框」公开演示（With fieldset and fieldset-legend）","g":["input","playful","soft","style"]},{"t":"Card · HeroUI · With Form","k":"component","u":"https://heroui.com/en/docs/react/components/card#with-form","d":"HeroUI 官方文档里的「卡片」公开演示（With Form）","g":["card","soft","playful","style"]},{"t":"List · PrimeVue · Option","k":"component","u":"https://primevue.dev/listbox/#__nuxt","d":"PrimeVue 官方文档里的「列表」公开演示（Option）","g":["list","enterprise","style"]},{"t":"Tooltip · Ant Design · Auto Shift","k":"component","u":"https://ant.design/components/popover","d":"Ant Design 官方文档里的「气泡」公开演示（Auto Shift）","g":["tooltip","enterprise","style"]},{"t":"Tree · TDesign · 可过滤的树","k":"component","u":"https://tdesign.tencent.com/vue-next/components/tree#可过滤的树","d":"TDesign 官方文档里的「树形」公开演示（可过滤的树）","g":["tree","enterprise","style"]},{"t":"Card · Chakra UI · Horizontal","k":"component","u":"https://chakra-ui.com/docs/components/card#horizontal","d":"Chakra UI 官方文档里的「卡片」公开演示（Horizontal）","g":["card","soft","minimal","style"]},{"t":"Badge & tag · Quasar · Dense","k":"component","u":"https://quasar.dev/vue-components/chip/#example--dense--dense","d":"Quasar 官方文档里的「徽标标签」公开演示（Dense）","g":["badge","material","style"]},{"t":"Carousel · Element Plus · Basic usage","k":"component","u":"https://element-plus.org/en-US/component/carousel.html#basic-usage","d":"Element Plus 官方文档里的「轮播」公开演示（Basic usage）","g":["carousel","enterprise","style"]},{"t":"Avatar · Naive UI","k":"component","u":"https://www.naiveui.com/en-US/os-theme/components/avatar","d":"Naive UI 官方文档里的「头像」公开演示","g":["avatar","enterprise","style"]},{"t":"Select · Flowbite · Multiple options","k":"component","u":"https://flowbite.com/docs/forms/select/","d":"Flowbite 官方文档里的「选择器」公开演示（Multiple options）","g":["select","minimal","style"]},{"t":"Date picker · Vuetify","k":"component","u":"https://vuetifyjs.com/en/components/time-pickers/#colors","d":"Vuetify 官方文档里的「日期」公开演示","g":["date","material","style"]},{"t":"Pagination · Material UI · Basic pagination","k":"component","u":"https://mui.com/material-ui/react-pagination/#basic-pagination","d":"Material UI 官方文档里的「分页」公开演示（Basic pagination）","g":["pagination","material","style"]},{"t":"Toast · Bootstrap · Custom content","k":"component","u":"https://getbootstrap.com/docs/5.3/components/toasts/#custom-content","d":"Bootstrap 官方文档里的「通知」公开演示（Custom content）","g":["toast","minimal","utilitarian","style"]},{"t":"Alert · Mantine","k":"component","u":"https://mantine.dev/core/alert/#mdx","d":"Mantine 官方文档里的「警告提示」公开演示","g":["alert","minimal","enterprise","style"]},{"t":"Badge & tag · daisyUI · Status Indicator","k":"component","u":"https://daisyui.com/components/indicator/#status-indicator","d":"daisyUI 官方文档里的「徽标标签」公开演示（Status Indicator）","g":["badge","playful","soft","style"]},{"t":"Toast · HeroUI","k":"component","u":"https://heroui.com/en/docs/react/components/toast#usage","d":"HeroUI 官方文档里的「通知」公开演示","g":["toast","soft","playful","style"]},{"t":"Timeline · PrimeVue · Basic","k":"component","u":"https://primevue.dev/timeline/#__nuxt","d":"PrimeVue 官方文档里的「时间轴」公开演示（Basic）","g":["timeline","enterprise","style"]},{"t":"Tree · Ant Design","k":"component","u":"https://ant.design/components/tree","d":"Ant Design 官方文档里的「树形」公开演示","g":["tree","enterprise","style"]},{"t":"Tooltip · TDesign · 基础弹出层","k":"component","u":"https://tdesign.tencent.com/vue-next/components/popup#基础弹出层","d":"TDesign 官方文档里的「气泡」公开演示（基础弹出层）","g":["tooltip","enterprise","style"]},{"t":"Table · Chakra UI","k":"component","u":"https://chakra-ui.com/docs/components/table","d":"Chakra UI 官方文档里的「表格」公开演示","g":["table","soft","minimal","style"]},{"t":"Badge & tag · Quasar · Custom size","k":"component","u":"https://quasar.dev/vue-components/chip/#example--sizes--custom-size","d":"Quasar 官方文档里的「徽标标签」公开演示（Custom size）","g":["badge","material","style"]},{"t":"Carousel · Element Plus · Motion blur","k":"component","u":"https://element-plus.org/en-US/component/carousel.html#motion-blur","d":"Element Plus 官方文档里的「轮播」公开演示（Motion blur）","g":["carousel","enterprise","style"]},{"t":"Avatar · Naive UI","k":"component","u":"https://www.naiveui.com/en-US/os-theme/components/avatar","d":"Naive UI 官方文档里的「头像」公开演示","g":["avatar","enterprise","style"]},{"t":"Select · Flowbite · Disabled state","k":"component","u":"https://flowbite.com/docs/forms/select/","d":"Flowbite 官方文档里的「选择器」公开演示（Disabled state）","g":["select","minimal","style"]},{"t":"Date picker · Vuetify","k":"component","u":"https://vuetifyjs.com/en/components/time-pickers/#colors","d":"Vuetify 官方文档里的「日期」公开演示","g":["date","material","style"]},{"t":"Input · Material UI · Basic TextField","k":"component","u":"https://mui.com/material-ui/react-text-field/#basic-textfield","d":"Material UI 官方文档里的「输入框」公开演示（Basic TextField）","g":["input","material","style"]},{"t":"Loader · Bootstrap · Colors","k":"component","u":"https://getbootstrap.com/docs/5.3/components/spinners/#colors","d":"Bootstrap 官方文档里的「加载」公开演示（Colors）","g":["loader","minimal","utilitarian","style"]},{"t":"Progress · Mantine","k":"component","u":"https://mantine.dev/core/progress/#mdx","d":"Mantine 官方文档里的「进度」公开演示","g":["progress","minimal","enterprise","style"]},{"t":"Badge & tag · daisyUI · for button","k":"component","u":"https://daisyui.com/components/indicator/#for-button","d":"daisyUI 官方文档里的「徽标标签」公开演示（for button）","g":["badge","playful","soft","style"]},{"t":"Toast · HeroUI · Variants","k":"component","u":"https://heroui.com/en/docs/react/components/toast#variants","d":"HeroUI 官方文档里的「通知」公开演示（Variants）","g":["toast","soft","playful","style"]},{"t":"Timeline · PrimeVue · Horizontal","k":"component","u":"https://primevue.dev/timeline/#__nuxt","d":"PrimeVue 官方文档里的「时间轴」公开演示（Horizontal）","g":["timeline","enterprise","style"]},{"t":"Tree · Ant Design","k":"component","u":"https://ant.design/components/tree#tree-demo-draggable","d":"Ant Design 官方文档里的「树形」公开演示","g":["tree","enterprise","style"]},{"t":"Tooltip · TDesign · 位置方向","k":"component","u":"https://tdesign.tencent.com/vue-next/components/popup#位置方向","d":"TDesign 官方文档里的「气泡」公开演示（位置方向）","g":["tooltip","enterprise","style"]},{"t":"Table · Chakra UI · Striped","k":"component","u":"https://chakra-ui.com/docs/components/table#striped","d":"Chakra UI 官方文档里的「表格」公开演示（Striped）","g":["table","soft","minimal","style"]},{"t":"Badge & tag · Quasar · Square","k":"component","u":"https://quasar.dev/vue-components/chip/#example--square--square","d":"Quasar 官方文档里的「徽标标签」公开演示（Square）","g":["badge","material","style"]},{"t":"Data display · Element Plus · Sizes","k":"component","u":"https://element-plus.org/en-US/component/descriptions.html#sizes","d":"Element Plus 官方文档里的「数据展示」公开演示（Sizes）","g":["data","enterprise","style"]},{"t":"Avatar · Naive UI","k":"component","u":"https://www.naiveui.com/en-US/os-theme/components/avatar","d":"Naive UI 官方文档里的「头像」公开演示","g":["avatar","enterprise","style"]},{"t":"Upload · Flowbite · File upload example","k":"component","u":"https://flowbite.com/docs/forms/file-input/","d":"Flowbite 官方文档里的「上传」公开演示（File upload example）","g":["upload","minimal","style"]},{"t":"Date picker · Vuetify","k":"component","u":"https://vuetifyjs.com/en/components/time-pickers/#colors","d":"Vuetify 官方文档里的「日期」公开演示","g":["date","material","style"]},{"t":"List · Material UI · Folder List","k":"component","u":"https://mui.com/material-ui/react-list/#folder-list","d":"Material UI 官方文档里的「列表」公开演示（Folder List）","g":["list","material","style"]},{"t":"Progress · Mantine · Example: progress with segments","k":"component","u":"https://mantine.dev/core/progress/#mdx","d":"Mantine 官方文档里的「进度」公开演示（Example: progress with segments）","g":["progress","minimal","enterprise","style"]},{"t":"Navigation · daisyUI · Dock Small size","k":"component","u":"https://daisyui.com/components/dock/#dock-small-size","d":"daisyUI 官方文档里的「导航」公开演示（Dock Small size）","g":["nav","playful","soft","style"]},{"t":"Toast · HeroUI · Placements","k":"component","u":"https://heroui.com/en/docs/react/components/toast#placements","d":"HeroUI 官方文档里的「通知」公开演示（Placements）","g":["toast","soft","playful","style"]},{"t":"Pagination · PrimeVue","k":"component","u":"https://primevue.dev/paginator/","d":"PrimeVue 官方文档里的「分页」公开演示","g":["pagination","enterprise","style"]},{"t":"Tooltip · Ant Design · Auto Shift","k":"component","u":"https://ant.design/components/popconfirm","d":"Ant Design 官方文档里的「气泡」公开演示（Auto Shift）","g":["tooltip","enterprise","style"]},{"t":"Tooltip · TDesign · 基础气泡确认框","k":"component","u":"https://tdesign.tencent.com/vue-next/components/popconfirm#基础气泡确认框","d":"TDesign 官方文档里的「气泡」公开演示（基础气泡确认框）","g":["tooltip","enterprise","style"]},{"t":"Button · Chakra UI","k":"component","u":"https://chakra-ui.com/docs/components/button","d":"Chakra UI 官方文档里的「按钮」公开演示","g":["button","soft","minimal","style"]},{"t":"Input · Quasar · Coloring","k":"component","u":"https://quasar.dev/vue-components/input/#example--coloring--coloring","d":"Quasar 官方文档里的「输入框」公开演示（Coloring）","g":["input","material","style"]},{"t":"Data display · Element Plus · Vertical List","k":"component","u":"https://element-plus.org/en-US/component/descriptions.html#vertical-list","d":"Element Plus 官方文档里的「数据展示」公开演示（Vertical List）","g":["data","enterprise","style"]},{"t":"Avatar · Naive UI","k":"component","u":"https://www.naiveui.com/en-US/os-theme/components/avatar","d":"Naive UI 官方文档里的「头像」公开演示","g":["avatar","enterprise","style"]},{"t":"Upload · Flowbite · Helper text","k":"component","u":"https://flowbite.com/docs/forms/file-input/","d":"Flowbite 官方文档里的「上传」公开演示（Helper text）","g":["upload","minimal","style"]},{"t":"Table · Vuetify","k":"component","u":"https://vuetifyjs.com/en/components/data-tables/basics/#virtual-tables","d":"Vuetify 官方文档里的「表格」公开演示","g":["table","material","style"]},{"t":"Carousel · Material UI · Standard image list","k":"component","u":"https://mui.com/material-ui/react-image-list/#standard-image-list","d":"Material UI 官方文档里的「轮播」公开演示（Standard image list）","g":["carousel","material","style"]},{"t":"Pagination · Mantine","k":"component","u":"https://mantine.dev/core/pagination/#mdx","d":"Mantine 官方文档里的「分页」公开演示","g":["pagination","minimal","enterprise","style"]},{"t":"Navigation · daisyUI · Dock Medium size","k":"component","u":"https://daisyui.com/components/dock/#dock-medium-size","d":"daisyUI 官方文档里的「导航」公开演示（Dock Medium size）","g":["nav","playful","soft","style"]},{"t":"Dialog · HeroUI · Sizes","k":"component","u":"https://heroui.com/en/docs/react/components/modal#sizes","d":"HeroUI 官方文档里的「弹窗」公开演示（Sizes）","g":["dialog","soft","playful","style"]},{"t":"Motion · PrimeVue","k":"component","u":"https://primevue.dev/progressspinner/","d":"PrimeVue 官方文档里的「动效」公开演示","g":["motion","enterprise","style"]},{"t":"Tooltip · Ant Design · Confirm","k":"component","u":"https://ant.design/components/popconfirm#semantic-dom","d":"Ant Design 官方文档里的「气泡」公开演示（Confirm）","g":["tooltip","enterprise","style"]},{"t":"Tooltip · TDesign · 不同图标的气泡确认框","k":"component","u":"https://tdesign.tencent.com/vue-next/components/popconfirm#不同图标的气泡确认框","d":"TDesign 官方文档里的「气泡」公开演示（不同图标的气泡确认框）","g":["tooltip","enterprise","style"]},{"t":"Button · Chakra UI · Sizes","k":"component","u":"https://chakra-ui.com/docs/components/button#sizes","d":"Chakra UI 官方文档里的「按钮」公开演示（Sizes）","g":["button","soft","minimal","style"]},{"t":"Input · Quasar · Borderless","k":"component","u":"https://quasar.dev/vue-components/input/#example--borderless--borderless","d":"Quasar 官方文档里的「输入框」公开演示（Borderless）","g":["input","material","style"]},{"t":"Data display · Element Plus · Rowspan","k":"component","u":"https://element-plus.org/en-US/component/descriptions.html#rowspan","d":"Element Plus 官方文档里的「数据展示」公开演示（Rowspan）","g":["data","enterprise","style"]},{"t":"Alert · Naive UI","k":"component","u":"https://www.naiveui.com/en-US/os-theme/components/alert","d":"Naive UI 官方文档里的「警告提示」公开演示","g":["alert","enterprise","style"]},{"t":"Upload · Flowbite · Sizes","k":"component","u":"https://flowbite.com/docs/forms/file-input/","d":"Flowbite 官方文档里的「上传」公开演示（Sizes）","g":["upload","minimal","style"]},{"t":"Table · Vuetify","k":"component","u":"https://vuetifyjs.com/en/components/data-tables/basics/#virtual-tables","d":"Vuetify 官方文档里的「表格」公开演示","g":["table","material","style"]},{"t":"Carousel · Material UI · Quilted image list","k":"component","u":"https://mui.com/material-ui/react-image-list/#quilted-image-list","d":"Material UI 官方文档里的「轮播」公开演示（Quilted image list）","g":["carousel","material","style"]},{"t":"Pagination · Mantine · Example with chunked content","k":"component","u":"https://mantine.dev/core/pagination/#mdx","d":"Mantine 官方文档里的「分页」公开演示（Example with chunked content）","g":["pagination","minimal","enterprise","style"]},{"t":"Input · daisyUI","k":"component","u":"https://daisyui.com/components/textarea/#with-form-control-and-labels","d":"daisyUI 官方文档里的「输入框」公开演示","g":["input","playful","soft","style"]},{"t":"Dialog · HeroUI · Placement","k":"component","u":"https://heroui.com/en/docs/react/components/modal#placement","d":"HeroUI 官方文档里的「弹窗」公开演示（Placement）","g":["dialog","soft","playful","style"]},{"t":"Motion · PrimeVue · Determinate","k":"component","u":"https://primevue.dev/progressspinner/#__nuxt","d":"PrimeVue 官方文档里的「动效」公开演示（Determinate）","g":["motion","enterprise","style"]},{"t":"Input · Ant Design","k":"component","u":"https://ant.design/components/input","d":"Ant Design 官方文档里的「输入框」公开演示","g":["input","enterprise","style"]},{"t":"Tooltip · TDesign · 带描述的气泡确认框","k":"component","u":"https://tdesign.tencent.com/vue-next/components/popconfirm#带描述的气泡确认框","d":"TDesign 官方文档里的「气泡」公开演示（带描述的气泡确认框）","g":["tooltip","enterprise","style"]},{"t":"Button · Chakra UI · Variants","k":"component","u":"https://chakra-ui.com/docs/components/button#variants","d":"Chakra UI 官方文档里的「按钮」公开演示（Variants）","g":["button","soft","minimal","style"]},{"t":"Input · Quasar · Rounded","k":"component","u":"https://quasar.dev/vue-components/input/#example--rounded--rounded","d":"Quasar 官方文档里的「输入框」公开演示（Rounded）","g":["input","material","style"]},{"t":"Data display · Element Plus · Countdown","k":"component","u":"https://element-plus.org/en-US/component/statistic.html#countdown","d":"Element Plus 官方文档里的「数据展示」公开演示（Countdown）","g":["data","enterprise","style"]},{"t":"Card · Naive UI","k":"component","u":"https://www.naiveui.com/en-US/os-theme/components/card","d":"Naive UI 官方文档里的「卡片」公开演示","g":["card","enterprise","style"]},{"t":"Menu · Flowbite · Default mega menu","k":"component","u":"https://flowbite.com/docs/components/mega-menu/","d":"Flowbite 官方文档里的「菜单」公开演示（Default mega menu）","g":["menu","minimal","style"]},{"t":"Button · Vuetify","k":"component","u":"https://vuetifyjs.com/en/components/buttons/#elevation","d":"Vuetify 官方文档里的「按钮」公开演示","g":["button","material","style"]},{"t":"Carousel · Material UI · Woven image list","k":"component","u":"https://mui.com/material-ui/react-image-list/#woven-image-list","d":"Material UI 官方文档里的「轮播」公开演示（Woven image list）","g":["carousel","material","style"]},{"t":"Pagination · Mantine · Siblings","k":"component","u":"https://mantine.dev/core/pagination/#mdx","d":"Mantine 官方文档里的「分页」公开演示（Siblings）","g":["pagination","minimal","enterprise","style"]},{"t":"Input · daisyUI · Sizes","k":"component","u":"https://daisyui.com/components/textarea/#sizes","d":"daisyUI 官方文档里的「输入框」公开演示（Sizes）","g":["input","playful","soft","style"]},{"t":"Dialog · HeroUI · Scroll Behavior","k":"component","u":"https://heroui.com/en/docs/react/components/modal#scroll-behavior","d":"HeroUI 官方文档里的「弹窗」公开演示（Scroll Behavior）","g":["dialog","soft","playful","style"]},{"t":"Carousel · PrimeVue","k":"component","u":"https://primevue.dev/carousel/","d":"PrimeVue 官方文档里的「轮播」公开演示","g":["carousel","enterprise","style"]},{"t":"Input · Ant Design · Basic usage","k":"component","u":"https://ant.design/components/input#input-demo-basic","d":"Ant Design 官方文档里的「输入框」公开演示（Basic usage）","g":["input","enterprise","style"]},{"t":"Date picker · TDesign · 自定义时间格式的选择器","k":"component","u":"https://tdesign.tencent.com/vue-next/components/time-picker#自定义时间格式的选择器","d":"TDesign 官方文档里的「日期」公开演示（自定义时间格式的选择器）","g":["date","enterprise","style"]},{"t":"Button · Chakra UI · Icon","k":"component","u":"https://chakra-ui.com/docs/components/button#icon","d":"Chakra UI 官方文档里的「按钮」公开演示（Icon）","g":["button","soft","minimal","style"]},{"t":"Alert · Quasar · Basic","k":"component","u":"https://quasar.dev/vue-components/banner/#example--basic--basic","d":"Quasar 官方文档里的「警告提示」公开演示（Basic）","g":["alert","material","style"]},{"t":"Toast · Element Plus · Closable","k":"component","u":"https://element-plus.org/en-US/component/message.html#closable","d":"Element Plus 官方文档里的「通知」公开演示（Closable）","g":["toast","enterprise","style"]},{"t":"Loader · Naive UI","k":"component","u":"https://www.naiveui.com/en-US/os-theme/components/spin","d":"Naive UI 官方文档里的「加载」公开演示","g":["loader","enterprise","style"]},{"t":"Menu · Flowbite · Full width dropdown","k":"component","u":"https://flowbite.com/docs/components/mega-menu/","d":"Flowbite 官方文档里的「菜单」公开演示（Full width dropdown）","g":["menu","minimal","style"]},{"t":"Button · Vuetify","k":"component","u":"https://vuetifyjs.com/en/components/buttons/#elevation","d":"Vuetify 官方文档里的「按钮」公开演示","g":["button","material","style"]},{"t":"Navigation · Material UI","k":"component","u":"https://mui.com/material-ui/react-bottom-navigation/#bottom-navigation","d":"Material UI 官方文档里的「导航」公开演示","g":["nav","material","style"]},{"t":"Pagination · Mantine · Boundaries","k":"component","u":"https://mantine.dev/core/pagination/#mdx","d":"Mantine 官方文档里的「分页」公开演示（Boundaries）","g":["pagination","minimal","enterprise","style"]},{"t":"Layout · daisyUI","k":"component","u":"https://daisyui.com/components/diff/#diff","d":"daisyUI 官方文档里的「区块」公开演示","g":["layout","playful","soft","style"]},{"t":"Date picker · HeroUI · Validation","k":"component","u":"https://heroui.com/en/docs/react/components/date-picker#validation","d":"HeroUI 官方文档里的「日期」公开演示（Validation）","g":["date","soft","playful","style"]},{"t":"Carousel · PrimeVue · Alignment","k":"component","u":"https://primevue.dev/carousel/#__nuxt","d":"PrimeVue 官方文档里的「轮播」公开演示（Alignment）","g":["carousel","enterprise","style"]},{"t":"Input · Ant Design · Variants","k":"component","u":"https://ant.design/components/input#input-demo-variant","d":"Ant Design 官方文档里的「输入框」公开演示（Variants）","g":["input","enterprise","style"]},{"t":"Date picker · TDesign · 十二小时制时间选择器","k":"component","u":"https://tdesign.tencent.com/vue-next/components/time-picker#十二小时制时间选择器","d":"TDesign 官方文档里的「日期」公开演示（十二小时制时间选择器）","g":["date","enterprise","style"]},{"t":"Avatar · Chakra UI","k":"component","u":"https://chakra-ui.com/docs/components/avatar","d":"Chakra UI 官方文档里的「头像」公开演示","g":["avatar","soft","minimal","style"]},{"t":"Alert · Quasar · Rounded border","k":"component","u":"https://quasar.dev/vue-components/banner/#example--rounded--rounded-border","d":"Quasar 官方文档里的「警告提示」公开演示（Rounded border）","g":["alert","material","style"]},{"t":"Dialog · Element Plus · Customized Content","k":"component","u":"https://element-plus.org/en-US/component/dialog.html#customized-content","d":"Element Plus 官方文档里的「弹窗」公开演示（Customized Content）","g":["dialog","enterprise","style"]},{"t":"Loader · Naive UI","k":"component","u":"https://www.naiveui.com/en-US/os-theme/components/spin","d":"Naive UI 官方文档里的「加载」公开演示","g":["loader","enterprise","style"]},{"t":"Menu · Flowbite · Full width with CTA","k":"component","u":"https://flowbite.com/docs/components/mega-menu/","d":"Flowbite 官方文档里的「菜单」公开演示（Full width with CTA）","g":["menu","minimal","style"]},{"t":"Button · Vuetify","k":"component","u":"https://vuetifyjs.com/en/components/buttons/#elevation","d":"Vuetify 官方文档里的「按钮」公开演示","g":["button","material","style"]},{"t":"Navigation · Material UI","k":"component","u":"https://mui.com/material-ui/react-bottom-navigation/#bottom-navigation-with-no-label","d":"Material UI 官方文档里的「导航」公开演示","g":["nav","material","style"]},{"t":"Input · Mantine · Clear section mode","k":"component","u":"https://mantine.dev/core/tags-input/#mdx","d":"Mantine 官方文档里的「输入框」公开演示（Clear section mode）","g":["input","minimal","enterprise","style"]},{"t":"Layout · daisyUI · Diff text","k":"component","u":"https://daisyui.com/components/diff/#diff-text","d":"daisyUI 官方文档里的「区块」公开演示（Diff text）","g":["layout","playful","soft","style"]},{"t":"Avatar · HeroUI","k":"component","u":"https://heroui.com/en/docs/react/components/avatar#usage","d":"HeroUI 官方文档里的「头像」公开演示","g":["avatar","soft","playful","style"]},{"t":"Dialog · PrimeVue","k":"component","u":"https://primevue.dev/drawer/","d":"PrimeVue 官方文档里的「弹窗」公开演示","g":["dialog","enterprise","style"]},{"t":"Data display · Ant Design · Active Users","k":"component","u":"https://ant.design/components/statistic","d":"Ant Design 官方文档里的「数据展示」公开演示（Active Users）","g":["data","enterprise","style"]},{"t":"List · TDesign · 基础文字列表","k":"component","u":"https://tdesign.tencent.com/vue-next/components/list#基础文字列表","d":"TDesign 官方文档里的「列表」公开演示（基础文字列表）","g":["list","enterprise","style"]},{"t":"Avatar · Chakra UI · Sizes","k":"component","u":"https://chakra-ui.com/docs/components/avatar#sizes","d":"Chakra UI 官方文档里的「头像」公开演示（Sizes）","g":["avatar","soft","minimal","style"]},{"t":"Alert · Quasar · With an image","k":"component","u":"https://quasar.dev/vue-components/banner/#example--image--with-an-image","d":"Quasar 官方文档里的「警告提示」公开演示（With an image）","g":["alert","material","style"]},{"t":"Button · Element Plus · Basic usage","k":"component","u":"https://element-plus.org/en-US/component/button.html#basic-usage","d":"Element Plus 官方文档里的「按钮」公开演示（Basic usage）","g":["button","enterprise","style"]},{"t":"Loader · Naive UI","k":"component","u":"https://www.naiveui.com/en-US/os-theme/components/spin","d":"Naive UI 官方文档里的「加载」公开演示","g":["loader","enterprise","style"]},{"t":"Layout · Flowbite · Default mockup","k":"component","u":"https://flowbite.com/docs/components/device-mockups/","d":"Flowbite 官方文档里的「区块」公开演示（Default mockup）","g":["layout","minimal","style"]},{"t":"Navigation · Vuetify","k":"component","u":"https://vuetifyjs.com/en/components/steppers/#linear-steppers","d":"Vuetify 官方文档里的「导航」公开演示","g":["nav","material","style"]},{"t":"Navigation · Material UI · Fixed positioning","k":"component","u":"https://mui.com/material-ui/react-bottom-navigation/#fixed-positioning","d":"Material UI 官方文档里的「导航」公开演示（Fixed positioning）","g":["nav","material","style"]},{"t":"Input · Mantine · Accept value on blur","k":"component","u":"https://mantine.dev/core/tags-input/#mdx","d":"Mantine 官方文档里的「输入框」公开演示（Accept value on blur）","g":["input","minimal","enterprise","style"]},{"t":"Motion · daisyUI · Swap volume icons","k":"component","u":"https://daisyui.com/components/swap/#swap-volume-icons","d":"daisyUI 官方文档里的「动效」公开演示（Swap volume icons）","g":["motion","playful","soft","style"]},{"t":"Avatar · HeroUI · Sizes","k":"component","u":"https://heroui.com/en/docs/react/components/avatar#sizes","d":"HeroUI 官方文档里的「头像」公开演示（Sizes）","g":["avatar","soft","playful","style"]},{"t":"Dialog · PrimeVue · Position","k":"component","u":"https://primevue.dev/drawer/#__nuxt","d":"PrimeVue 官方文档里的「弹窗」公开演示（Position）","g":["dialog","enterprise","style"]},{"t":"Data display · Ant Design · Active","k":"component","u":"https://ant.design/components/statistic#statistic-demo-basic","d":"Ant Design 官方文档里的「数据展示」公开演示（Active）","g":["data","enterprise","style"]},{"t":"List · TDesign · 多行文字列表","k":"component","u":"https://tdesign.tencent.com/vue-next/components/list#多行文字列表","d":"TDesign 官方文档里的「列表」公开演示（多行文字列表）","g":["list","enterprise","style"]},{"t":"Loader · Chakra UI · Feed","k":"component","u":"https://chakra-ui.com/docs/components/skeleton#feed","d":"Chakra UI 官方文档里的「加载」公开演示（Feed）","g":["loader","soft","minimal","style"]},{"t":"Alert · Quasar · Inline actions","k":"component","u":"https://quasar.dev/vue-components/banner/#example--inline--inline-actions","d":"Quasar 官方文档里的「警告提示」公开演示（Inline actions）","g":["alert","material","style"]},{"t":"Button · Element Plus · Disabled Button","k":"component","u":"https://element-plus.org/en-US/component/button.html#disabled-button","d":"Element Plus 官方文档里的「按钮」公开演示（Disabled Button）","g":["button","enterprise","style"]},{"t":"Carousel · Naive UI","k":"component","u":"https://www.naiveui.com/en-US/os-theme/components/image","d":"Naive UI 官方文档里的「轮播」公开演示","g":["carousel","enterprise","style"]},{"t":"Layout · Flowbite","k":"component","u":"https://flowbite.com/docs/components/device-mockups/","d":"Flowbite 官方文档里的「区块」公开演示","g":["layout","minimal","style"]},{"t":"Navigation · Vuetify","k":"component","u":"https://vuetifyjs.com/en/components/steppers/#linear-steppers","d":"Vuetify 官方文档里的「导航」公开演示","g":["nav","material","style"]},{"t":"Button · Material UI · Button variants","k":"component","u":"https://mui.com/material-ui/react-button-group/#button-variants","d":"Material UI 官方文档里的「按钮」公开演示（Button variants）","g":["button","material","style"]},{"t":"Badge & tag · Mantine","k":"component","u":"https://mantine.dev/core/chip/#mdx","d":"Mantine 官方文档里的「徽标标签」公开演示","g":["badge","minimal","enterprise","style"]},{"t":"List · daisyUI","k":"component","u":"https://daisyui.com/components/list/#list-second-column-grows---default","d":"daisyUI 官方文档里的「列表」公开演示","g":["list","playful","soft","style"]},{"t":"Avatar · HeroUI · Colors","k":"component","u":"https://heroui.com/en/docs/react/components/avatar#colors","d":"HeroUI 官方文档里的「头像」公开演示（Colors）","g":["avatar","soft","playful","style"]},{"t":"Menu · PrimeVue · Basic","k":"component","u":"https://primevue.dev/megamenu/#__nuxt","d":"PrimeVue 官方文档里的「菜单」公开演示（Basic）","g":["menu","enterprise","style"]},{"t":"Data display · Ant Design · Active Users","k":"component","u":"https://ant.design/components/statistic#statistic-demo-basic","d":"Ant Design 官方文档里的「数据展示」公开演示（Active Users）","g":["data","enterprise","style"]},{"t":"List · TDesign · 基础图文列表","k":"component","u":"https://tdesign.tencent.com/vue-next/components/list#基础图文列表","d":"TDesign 官方文档里的「列表」公开演示（基础图文列表）","g":["list","enterprise","style"]},{"t":"Tabs · Chakra UI","k":"component","u":"https://chakra-ui.com/docs/components/tabs","d":"Chakra UI 官方文档里的「标签页」公开演示","g":["tabs","soft","minimal","style"]},{"t":"Avatar · Quasar · Basic","k":"component","u":"https://quasar.dev/vue-components/avatar/#example--basic--basic","d":"Quasar 官方文档里的「头像」公开演示（Basic）","g":["avatar","material","style"]},{"t":"Button · Element Plus · Link Button","k":"component","u":"https://element-plus.org/en-US/component/button.html#link-button","d":"Element Plus 官方文档里的「按钮」公开演示（Link Button）","g":["button","enterprise","style"]},{"t":"Carousel · Naive UI","k":"component","u":"https://www.naiveui.com/en-US/os-theme/components/image","d":"Naive UI 官方文档里的「轮播」公开演示","g":["carousel","enterprise","style"]},{"t":"Layout · Flowbite · Tablet mockup","k":"component","u":"https://flowbite.com/docs/components/device-mockups/","d":"Flowbite 官方文档里的「区块」公开演示（Tablet mockup）","g":["layout","minimal","style"]},{"t":"Dialog · Vuetify","k":"component","u":"https://vuetifyjs.com/en/components/dialogs/#overflowed","d":"Vuetify 官方文档里的「弹窗」公开演示","g":["dialog","material","style"]},{"t":"Button · Material UI · Sizes and colors","k":"component","u":"https://mui.com/material-ui/react-button-group/#sizes-and-colors","d":"Material UI 官方文档里的「按钮」公开演示（Sizes and colors）","g":["button","material","style"]},{"t":"Chart · Mantine · Line color","k":"component","u":"https://mantine.dev/charts/line-chart/#mdx","d":"Mantine 官方文档里的「图表」公开演示（Line color）","g":["chart","minimal","enterprise","style"]},{"t":"List · daisyUI · List (third column grows)","k":"component","u":"https://daisyui.com/components/list/#list-third-column-grows","d":"daisyUI 官方文档里的「列表」公开演示（List (third column grows)）","g":["list","playful","soft","style"]},{"t":"Avatar · HeroUI · Variants","k":"component","u":"https://heroui.com/en/docs/react/components/avatar#variants","d":"HeroUI 官方文档里的「头像」公开演示（Variants）","g":["avatar","soft","playful","style"]},{"t":"Input · PrimeVue","k":"component","u":"https://primevue.dev/inputnumber/","d":"PrimeVue 官方文档里的「输入框」公开演示","g":["input","enterprise","style"]},{"t":"Data display · Ant Design · Monthly Active Users","k":"component","u":"https://ant.design/components/statistic#statistic-demo-animated","d":"Ant Design 官方文档里的「数据展示」公开演示（Monthly Active Users）","g":["data","enterprise","style"]},{"t":"List · TDesign · 带操作列表","k":"component","u":"https://tdesign.tencent.com/vue-next/components/list#带操作列表","d":"TDesign 官方文档里的「列表」公开演示（带操作列表）","g":["list","enterprise","style"]},{"t":"Tabs · Chakra UI · Lazy Mounted","k":"component","u":"https://chakra-ui.com/docs/components/tabs#lazy-mounted","d":"Chakra UI 官方文档里的「标签页」公开演示（Lazy Mounted）","g":["tabs","soft","minimal","style"]},{"t":"Avatar · Quasar · Standard sizes","k":"component","u":"https://quasar.dev/vue-components/avatar/#example--standardsizes--standard-sizes","d":"Quasar 官方文档里的「头像」公开演示（Standard sizes）","g":["avatar","material","style"]},{"t":"Button · Element Plus · Text Button","k":"component","u":"https://element-plus.org/en-US/component/button.html#text-button","d":"Element Plus 官方文档里的「按钮」公开演示（Text Button）","g":["button","enterprise","style"]},{"t":"Date picker · Naive UI","k":"component","u":"https://www.naiveui.com/en-US/os-theme/components/time-picker","d":"Naive UI 官方文档里的「日期」公开演示","g":["date","enterprise","style"]},{"t":"Button · Flowbite · Default copy to clipboard","k":"component","u":"https://flowbite.com/docs/components/clipboard/","d":"Flowbite 官方文档里的「按钮」公开演示（Default copy to clipboard）","g":["button","minimal","style"]},{"t":"Toast · Vuetify","k":"component","u":"https://vuetifyjs.com/en/components/snackbars/#header","d":"Vuetify 官方文档里的「通知」公开演示","g":["toast","material","style"]},{"t":"Button · Material UI · Vertical group","k":"component","u":"https://mui.com/material-ui/react-button-group/#vertical-group","d":"Material UI 官方文档里的「按钮」公开演示（Vertical group）","g":["button","material","style"]},{"t":"Chart · Mantine · Stroke width","k":"component","u":"https://mantine.dev/charts/line-chart/#mdx","d":"Mantine 官方文档里的「图表」公开演示（Stroke width）","g":["chart","minimal","enterprise","style"]},{"t":"List · daisyUI","k":"component","u":"https://daisyui.com/components/list/#list-third-column-wraps-to-next-row","d":"daisyUI 官方文档里的「列表」公开演示","g":["list","playful","soft","style"]},{"t":"Tabs · HeroUI · Disabled Tab","k":"component","u":"https://heroui.com/en/docs/react/components/tabs#disabled-tab","d":"HeroUI 官方文档里的「标签页」公开演示（Disabled Tab）","g":["tabs","soft","playful","style"]},{"t":"Input · PrimeVue · Numerals","k":"component","u":"https://primevue.dev/inputnumber/#__nuxt","d":"PrimeVue 官方文档里的「输入框」公开演示（Numerals）","g":["input","enterprise","style"]},{"t":"Input · Ant Design","k":"component","u":"https://ant.design/components/auto-complete","d":"Ant Design 官方文档里的「输入框」公开演示","g":["input","enterprise","style"]},{"t":"Input · TDesign · 双侧调整的数字输入框","k":"component","u":"https://tdesign.tencent.com/vue-next/components/input-number#双侧调整的数字输入框","d":"TDesign 官方文档里的「输入框」公开演示（双侧调整的数字输入框）","g":["input","enterprise","style"]},{"t":"Select · Quasar · Decorators","k":"component","u":"https://quasar.dev/vue-components/select/#example--decorators--decorators","d":"Quasar 官方文档里的「选择器」公开演示（Decorators）","g":["select","material","style"]},{"t":"Tabs · Element Plus · Basic usage","k":"component","u":"https://element-plus.org/en-US/component/tabs.html#basic-usage","d":"Element Plus 官方文档里的「标签页」公开演示（Basic usage）","g":["tabs","enterprise","style"]},{"t":"Date picker · Naive UI","k":"component","u":"https://www.naiveui.com/en-US/os-theme/components/time-picker","d":"Naive UI 官方文档里的「日期」公开演示","g":["date","enterprise","style"]},{"t":"Button · Flowbite · Copy button with text","k":"component","u":"https://flowbite.com/docs/components/clipboard/","d":"Flowbite 官方文档里的「按钮」公开演示（Copy button with text）","g":["button","minimal","style"]},{"t":"Toast · Vuetify","k":"component","u":"https://vuetifyjs.com/en/components/snackbars/#header","d":"Vuetify 官方文档里的「通知」公开演示","g":["toast","material","style"]},{"t":"Badge & tag · Material UI · Usage guidelines","k":"component","u":"https://mui.com/material-ui/react-badge/#usage-guidelines","d":"Material UI 官方文档里的「徽标标签」公开演示（Usage guidelines）","g":["badge","material","style"]},{"t":"Chart · Mantine · Brush","k":"component","u":"https://mantine.dev/charts/line-chart/#mdx","d":"Mantine 官方文档里的「图表」公开演示（Brush）","g":["chart","minimal","enterprise","style"]},{"t":"Badge & tag · daisyUI","k":"component","u":"https://daisyui.com/components/status/#status","d":"daisyUI 官方文档里的「徽标标签」公开演示","g":["badge","playful","soft","style"]},{"t":"Select · HeroUI","k":"component","u":"https://heroui.com/en/docs/react/components/select#usage","d":"HeroUI 官方文档里的「选择器」公开演示","g":["select","soft","playful","style"]},{"t":"Input · PrimeVue · Locale","k":"component","u":"https://primevue.dev/inputnumber/#__nuxt","d":"PrimeVue 官方文档里的「输入框」公开演示（Locale）","g":["input","enterprise","style"]},{"t":"Input · Ant Design · Basic Usage","k":"component","u":"https://ant.design/components/auto-complete#auto-complete-demo-basic","d":"Ant Design 官方文档里的「输入框」公开演示（Basic Usage）","g":["input","enterprise","style"]},{"t":"Input · TDesign · 无按钮的数字输入框","k":"component","u":"https://tdesign.tencent.com/vue-next/components/input-number#无按钮的数字输入框","d":"TDesign 官方文档里的「输入框」公开演示（无按钮的数字输入框）","g":["input","enterprise","style"]},{"t":"Select · Quasar · Coloring","k":"component","u":"https://quasar.dev/vue-components/select/#example--coloring--coloring","d":"Quasar 官方文档里的「选择器」公开演示（Coloring）","g":["select","material","style"]},{"t":"Tabs · Element Plus · Tab position","k":"component","u":"https://element-plus.org/en-US/component/tabs.html#tab-position","d":"Element Plus 官方文档里的「标签页」公开演示（Tab position）","g":["tabs","enterprise","style"]},{"t":"Date picker · Naive UI","k":"component","u":"https://www.naiveui.com/en-US/os-theme/components/time-picker","d":"Naive UI 官方文档里的「日期」公开演示","g":["date","enterprise","style"]},{"t":"Button · Flowbite · Input group with copy","k":"component","u":"https://flowbite.com/docs/components/clipboard/","d":"Flowbite 官方文档里的「按钮」公开演示（Input group with copy）","g":["button","minimal","style"]},{"t":"Toast · Vuetify","k":"component","u":"https://vuetifyjs.com/en/components/snackbars/#header","d":"Vuetify 官方文档里的「通知」公开演示","g":["toast","material","style"]},{"t":"Badge & tag · Material UI · Visibility","k":"component","u":"https://mui.com/material-ui/react-badge/#visibility","d":"Material UI 官方文档里的「徽标标签」公开演示（Visibility）","g":["badge","material","style"]},{"t":"Date picker · Mantine · Clear section mode","k":"component","u":"https://mantine.dev/dates/date-input/#mdx","d":"Mantine 官方文档里的「日期」公开演示（Clear section mode）","g":["date","minimal","enterprise","style"]},{"t":"Badge & tag · daisyUI · Status sizes","k":"component","u":"https://daisyui.com/components/status/#status-sizes","d":"daisyUI 官方文档里的「徽标标签」公开演示（Status sizes）","g":["badge","playful","soft","style"]},{"t":"Form · HeroUI","k":"component","u":"https://heroui.com/en/docs/react/components/slider#usage","d":"HeroUI 官方文档里的「表单」公开演示","g":["form","soft","playful","style"]},{"t":"Loader · PrimeVue","k":"component","u":"https://primevue.dev/skeleton/","d":"PrimeVue 官方文档里的「加载」公开演示","g":["loader","enterprise","style"]},{"t":"Input · Ant Design · Customize Input Component","k":"component","u":"https://ant.design/components/auto-complete#auto-complete-demo-custom","d":"Ant Design 官方文档里的「输入框」公开演示（Customize Input Component）","g":["input","enterprise","style"]},{"t":"Carousel · TDesign · 基础图片","k":"component","u":"https://tdesign.tencent.com/vue-next/components/image#基础图片","d":"TDesign 官方文档里的「轮播」公开演示（基础图片）","g":["carousel","enterprise","style"]},{"t":"Tabs · Quasar · Basic","k":"component","u":"https://quasar.dev/vue-components/tabs/#example--basic--basic","d":"Quasar 官方文档里的「标签页」公开演示（Basic）","g":["tabs","material","style"]},{"t":"Card · Element Plus · Basic usage","k":"component","u":"https://element-plus.org/en-US/component/card.html#basic-usage","d":"Element Plus 官方文档里的「卡片」公开演示（Basic usage）","g":["card","enterprise","style"]},{"t":"List · Naive UI","k":"component","u":"https://www.naiveui.com/en-US/os-theme/components/transfer","d":"Naive UI 官方文档里的「列表」公开演示","g":["list","enterprise","style"]},{"t":"Navigation · Flowbite · Default bottom navigation","k":"component","u":"https://flowbite.com/docs/components/bottom-navigation/","d":"Flowbite 官方文档里的「导航」公开演示（Default bottom navigation）","g":["nav","minimal","style"]},{"t":"Tabs · Vuetify","k":"component","u":"https://vuetifyjs.com/en/components/tabs/#align-tabs","d":"Vuetify 官方文档里的「标签页」公开演示","g":["tabs","material","style"]},{"t":"Badge & tag · Material UI · Custom styles","k":"component","u":"https://mui.com/material-ui/react-badge/#custom-styles","d":"Material UI 官方文档里的「徽标标签」公开演示（Custom styles）","g":["badge","material","style"]},{"t":"Tabs · Mantine","k":"component","u":"https://mantine.dev/core/segmented-control/#mdx","d":"Mantine 官方文档里的「标签页」公开演示","g":["tabs","minimal","enterprise","style"]},{"t":"Layout · daisyUI · Squircle","k":"component","u":"https://daisyui.com/components/mask/#squircle","d":"daisyUI 官方文档里的「区块」公开演示（Squircle）","g":["layout","playful","soft","style"]},{"t":"Form · HeroUI · Vertical","k":"component","u":"https://heroui.com/en/docs/react/components/slider#vertical","d":"HeroUI 官方文档里的「表单」公开演示（Vertical）","g":["form","soft","playful","style"]},{"t":"Loader · PrimeVue · Card","k":"component","u":"https://primevue.dev/skeleton/#__nuxt","d":"PrimeVue 官方文档里的「加载」公开演示（Card）","g":["loader","enterprise","style"]},{"t":"Tabs · Ant Design · Disabled","k":"component","u":"https://ant.design/components/segmented#segmented-demo-disabled","d":"Ant Design 官方文档里的「标签页」公开演示（Disabled）","g":["tabs","enterprise","style"]},{"t":"Carousel · TDesign · 不同形状的图片","k":"component","u":"https://tdesign.tencent.com/vue-next/components/image#不同形状的图片","d":"TDesign 官方文档里的「轮播」公开演示（不同形状的图片）","g":["carousel","enterprise","style"]},{"t":"Tabs · Quasar","k":"component","u":"https://quasar.dev/vue-components/tabs/#example--arrowsmodifiers--outside-inside-and-visible-on-mobile-arrows","d":"Quasar 官方文档里的「标签页」公开演示","g":["tabs","material","style"]},{"t":"Card · Element Plus · Simple card","k":"component","u":"https://element-plus.org/en-US/component/card.html#simple-card","d":"Element Plus 官方文档里的「卡片」公开演示（Simple card）","g":["card","enterprise","style"]},{"t":"Tabs · Naive UI","k":"component","u":"https://www.naiveui.com/en-US/os-theme/components/tabs","d":"Naive UI 官方文档里的「标签页」公开演示","g":["tabs","enterprise","style"]},{"t":"Navigation · Flowbite · Menu items with border","k":"component","u":"https://flowbite.com/docs/components/bottom-navigation/","d":"Flowbite 官方文档里的「导航」公开演示（Menu items with border）","g":["nav","minimal","style"]},{"t":"Tabs · Vuetify","k":"component","u":"https://vuetifyjs.com/en/components/tabs/#align-tabs","d":"Vuetify 官方文档里的「标签页」公开演示","g":["tabs","material","style"]},{"t":"Button · Material UI · Exclusive selection","k":"component","u":"https://mui.com/material-ui/react-toggle-button/#exclusive-selection","d":"Material UI 官方文档里的「按钮」公开演示（Exclusive selection）","g":["button","material","style"]},{"t":"Tabs · Mantine · Color","k":"component","u":"https://mantine.dev/core/segmented-control/#mdx","d":"Mantine 官方文档里的「标签页」公开演示（Color）","g":["tabs","minimal","enterprise","style"]},{"t":"Layout · daisyUI · Heart","k":"component","u":"https://daisyui.com/components/mask/#heart","d":"daisyUI 官方文档里的「区块」公开演示（Heart）","g":["layout","playful","soft","style"]},{"t":"Form · HeroUI · Range","k":"component","u":"https://heroui.com/en/docs/react/components/slider#range","d":"HeroUI 官方文档里的「表单」公开演示（Range）","g":["form","soft","playful","style"]},{"t":"Loader · PrimeVue · Color","k":"component","u":"https://primevue.dev/skeleton/#__nuxt","d":"PrimeVue 官方文档里的「加载」公开演示（Color）","g":["loader","enterprise","style"]},{"t":"Input · Ant Design","k":"component","u":"https://ant.design/components/input-number","d":"Ant Design 官方文档里的「输入框」公开演示","g":["input","enterprise","style"]},{"t":"Carousel · TDesign · 图集样式的图片","k":"component","u":"https://tdesign.tencent.com/vue-next/components/image#图集样式的图片","d":"TDesign 官方文档里的「轮播」公开演示（图集样式的图片）","g":["carousel","enterprise","style"]},{"t":"Tabs · Quasar · Vertical (example with QSplitter)","k":"component","u":"https://quasar.dev/vue-components/tabs/#example--vertical--vertical-example-with-qsplitter","d":"Quasar 官方文档里的「标签页」公开演示（Vertical (example with QSplitter)）","g":["tabs","material","style"]},{"t":"Card · Element Plus · With images","k":"component","u":"https://element-plus.org/en-US/component/card.html#with-images","d":"Element Plus 官方文档里的「卡片」公开演示（With images）","g":["card","enterprise","style"]},{"t":"Tabs · Naive UI","k":"component","u":"https://www.naiveui.com/en-US/os-theme/components/tabs","d":"Naive UI 官方文档里的「标签页」公开演示","g":["tabs","enterprise","style"]},{"t":"Navigation · Flowbite · Application bar example","k":"component","u":"https://flowbite.com/docs/components/bottom-navigation/","d":"Flowbite 官方文档里的「导航」公开演示（Application bar example）","g":["nav","minimal","style"]},{"t":"Date picker · Vuetify","k":"component","u":"https://vuetifyjs.com/en/components/date-pickers/#elevation","d":"Vuetify 官方文档里的「日期」公开演示","g":["date","material","style"]},{"t":"Button · Material UI · Multiple selection","k":"component","u":"https://mui.com/material-ui/react-toggle-button/#multiple-selection","d":"Material UI 官方文档里的「按钮」公开演示（Multiple selection）","g":["button","material","style"]},{"t":"Date picker · Mantine · Allow deselect","k":"component","u":"https://mantine.dev/dates/month-picker/#mdx","d":"Mantine 官方文档里的「日期」公开演示（Allow deselect）","g":["date","minimal","enterprise","style"]},{"t":"Layout · daisyUI · Hexagon","k":"component","u":"https://daisyui.com/components/mask/#hexagon","d":"daisyUI 官方文档里的「区块」公开演示（Hexagon）","g":["layout","playful","soft","style"]},{"t":"Table · HeroUI · Async Loading","k":"component","u":"https://heroui.com/en/docs/react/components/table#async-loading","d":"HeroUI 官方文档里的「表格」公开演示（Async Loading）","g":["table","soft","playful","style"]},{"t":"Tooltip · PrimeVue · Controlled","k":"component","u":"https://primevue.dev/popover/#__nuxt","d":"PrimeVue 官方文档里的「气泡」公开演示（Controlled）","g":["tooltip","enterprise","style"]},{"t":"Input · Ant Design · Basic","k":"component","u":"https://ant.design/components/input-number#input-number-demo-basic","d":"Ant Design 官方文档里的「输入框」公开演示（Basic）","g":["input","enterprise","style"]},{"t":"Carousel · TDesign · 加载状态的图片","k":"component","u":"https://tdesign.tencent.com/vue-next/components/image#加载状态的图片","d":"TDesign 官方文档里的「轮播」公开演示（加载状态的图片）","g":["carousel","enterprise","style"]},{"t":"Tabs · Quasar · Dense","k":"component","u":"https://quasar.dev/vue-components/tabs/#example--dense--dense","d":"Quasar 官方文档里的「标签页」公开演示（Dense）","g":["tabs","material","style"]},{"t":"Card · Element Plus · Shadow","k":"component","u":"https://element-plus.org/en-US/component/card.html#shadow","d":"Element Plus 官方文档里的「卡片」公开演示（Shadow）","g":["card","enterprise","style"]},{"t":"Date picker · Naive UI","k":"component","u":"https://www.naiveui.com/en-US/os-theme/components/calendar","d":"Naive UI 官方文档里的「日期」公开演示","g":["date","enterprise","style"]},{"t":"Navigation · Flowbite · Example with pagination","k":"component","u":"https://flowbite.com/docs/components/bottom-navigation/","d":"Flowbite 官方文档里的「导航」公开演示（Example with pagination）","g":["nav","minimal","style"]},{"t":"Date picker · Vuetify","k":"component","u":"https://vuetifyjs.com/en/components/date-pickers/#elevation","d":"Vuetify 官方文档里的「日期」公开演示","g":["date","material","style"]},{"t":"Button · Material UI · Size","k":"component","u":"https://mui.com/material-ui/react-toggle-button/#size","d":"Material UI 官方文档里的「按钮」公开演示（Size）","g":["button","material","style"]},{"t":"Badge & tag · Mantine","k":"component","u":"https://mantine.dev/core/indicator/#mdx","d":"Mantine 官方文档里的「徽标标签」公开演示","g":["badge","minimal","enterprise","style"]},{"t":"Layout · daisyUI","k":"component","u":"https://daisyui.com/components/mask/#hexagon-2-horizontal-hexagon","d":"daisyUI 官方文档里的「区块」公开演示","g":["layout","playful","soft","style"]},{"t":"Carousel · PrimeVue","k":"component","u":"https://primevue.dev/galleria/","d":"PrimeVue 官方文档里的「轮播」公开演示","g":["carousel","enterprise","style"]},{"t":"Input · Ant Design · Basic","k":"component","u":"https://ant.design/components/input-number#input-number-demo-basic","d":"Ant Design 官方文档里的「输入框」公开演示（Basic）","g":["input","enterprise","style"]},{"t":"Data display · TDesign · 基础用法","k":"component","u":"https://tdesign.tencent.com/vue-next/components/statistic#基础用法","d":"TDesign 官方文档里的「数据展示」公开演示（基础用法）","g":["data","enterprise","style"]},{"t":"Button · Quasar · Standard buttons","k":"component","u":"https://quasar.dev/vue-components/button/#example--standard--standard-buttons","d":"Quasar 官方文档里的「按钮」公开演示（Standard buttons）","g":["button","material","style"]},{"t":"Navigation · Element Plus · Basic usage","k":"component","u":"https://element-plus.org/en-US/component/steps.html#basic-usage","d":"Element Plus 官方文档里的「导航」公开演示（Basic usage）","g":["nav","enterprise","style"]},{"t":"Menu · Naive UI","k":"component","u":"https://www.naiveui.com/en-US/os-theme/components/dropdown","d":"Naive UI 官方文档里的「菜单」公开演示","g":["menu","enterprise","style"]},{"t":"Layout · Flowbite · Footer with logo","k":"component","u":"https://flowbite.com/docs/components/footer/","d":"Flowbite 官方文档里的「区块」公开演示（Footer with logo）","g":["layout","minimal","style"]},{"t":"Date picker · Vuetify","k":"component","u":"https://vuetifyjs.com/en/components/date-pickers/#elevation","d":"Vuetify 官方文档里的「日期」公开演示","g":["date","material","style"]},{"t":"Table · Material UI · Dense table","k":"component","u":"https://mui.com/material-ui/react-table/#dense-table","d":"Material UI 官方文档里的「表格」公开演示（Dense table）","g":["table","material","style"]},{"t":"Badge & tag · Mantine · Disabled","k":"component","u":"https://mantine.dev/core/indicator/#mdx","d":"Mantine 官方文档里的「徽标标签」公开演示（Disabled）","g":["badge","minimal","enterprise","style"]},{"t":"Layout · daisyUI · browser mockup with border","k":"component","u":"https://daisyui.com/components/mockup-browser/#browser-mockup-with-border","d":"daisyUI 官方文档里的「区块」公开演示（browser mockup with border）","g":["layout","playful","soft","style"]},{"t":"Carousel · PrimeVue · Basic","k":"component","u":"https://primevue.dev/galleria/#__nuxt","d":"PrimeVue 官方文档里的「轮播」公开演示（Basic）","g":["carousel","enterprise","style"]},{"t":"List · Ant Design · Mr. Greg Grimes","k":"component","u":"https://ant.design/components/list#list-demo-basic","d":"Ant Design 官方文档里的「列表」公开演示（Mr. Greg Grimes）","g":["list","enterprise","style"]},{"t":"Data display · TDesign · 颜色","k":"component","u":"https://tdesign.tencent.com/vue-next/components/statistic#颜色","d":"TDesign 官方文档里的「数据展示」公开演示（颜色）","g":["data","enterprise","style"]},{"t":"Button · Quasar · Custom colors","k":"component","u":"https://quasar.dev/vue-components/button/#example--customcolor--custom-colors","d":"Quasar 官方文档里的「按钮」公开演示（Custom colors）","g":["button","material","style"]},{"t":"Navigation · Element Plus · Center","k":"component","u":"https://element-plus.org/en-US/component/steps.html#center","d":"Element Plus 官方文档里的「导航」公开演示（Center）","g":["nav","enterprise","style"]},{"t":"Menu · Naive UI","k":"component","u":"https://www.naiveui.com/en-US/os-theme/components/dropdown","d":"Naive UI 官方文档里的「菜单」公开演示","g":["menu","enterprise","style"]},{"t":"Layout · Flowbite · Social media icons","k":"component","u":"https://flowbite.com/docs/components/footer/","d":"Flowbite 官方文档里的「区块」公开演示（Social media icons）","g":["layout","minimal","style"]},{"t":"Badge & tag · Vuetify","k":"component","u":"https://vuetifyjs.com/en/components/chips/#icon","d":"Vuetify 官方文档里的「徽标标签」公开演示","g":["badge","material","style"]},{"t":"Table · Material UI · Sorting & selecting","k":"component","u":"https://mui.com/material-ui/react-table/#sorting-selecting","d":"Material UI 官方文档里的「表格」公开演示（Sorting & selecting）","g":["table","material","style"]},{"t":"Tooltip · Mantine · offset","k":"component","u":"https://mantine.dev/core/popover/#mdx","d":"Mantine 官方文档里的「气泡」公开演示（offset）","g":["tooltip","minimal","enterprise","style"]},{"t":"Layout · daisyUI","k":"component","u":"https://daisyui.com/components/mockup-phone/","d":"daisyUI 官方文档里的「区块」公开演示","g":["layout","playful","soft","style"]},{"t":"Carousel · PrimeVue · Controlled","k":"component","u":"https://primevue.dev/galleria/#__nuxt","d":"PrimeVue 官方文档里的「轮播」公开演示（Controlled）","g":["carousel","enterprise","style"]},{"t":"List · Ant Design","k":"component","u":"https://ant.design/components/list#list-demo-vertical","d":"Ant Design 官方文档里的「列表」公开演示","g":["list","enterprise","style"]},{"t":"Data display · TDesign · 前缀后缀/自定义","k":"component","u":"https://tdesign.tencent.com/vue-next/components/statistic#前缀后缀-自定义","d":"TDesign 官方文档里的「数据展示」公开演示（前缀后缀/自定义）","g":["data","enterprise","style"]},{"t":"Button · Quasar · With icon","k":"component","u":"https://quasar.dev/vue-components/button/#example--withicons--with-icon","d":"Quasar 官方文档里的「按钮」公开演示（With icon）","g":["button","material","style"]},{"t":"Navigation · Element Plus · Step bar with description","k":"component","u":"https://element-plus.org/en-US/component/steps.html#step-bar-with-description","d":"Element Plus 官方文档里的「导航」公开演示（Step bar with description）","g":["nav","enterprise","style"]},{"t":"Menu · Naive UI","k":"component","u":"https://www.naiveui.com/en-US/os-theme/components/dropdown","d":"Naive UI 官方文档里的「菜单」公开演示","g":["menu","enterprise","style"]},{"t":"Button · Flowbite · Default example","k":"component","u":"https://flowbite.com/docs/components/button-group/","d":"Flowbite 官方文档里的「按钮」公开演示（Default example）","g":["button","minimal","style"]},{"t":"Badge & tag · Vuetify","k":"component","u":"https://vuetifyjs.com/en/components/chips/#icon","d":"Vuetify 官方文档里的「徽标标签」公开演示","g":["badge","material","style"]},{"t":"Loader · Material UI","k":"component","u":"https://mui.com/material-ui/react-progress/","d":"Material UI 官方文档里的「加载」公开演示","g":["loader","material","style"]},{"t":"Tooltip · Mantine · offset","k":"component","u":"https://mantine.dev/core/popover/#mdx","d":"Mantine 官方文档里的「气泡」公开演示（offset）","g":["tooltip","minimal","enterprise","style"]},{"t":"Menu · daisyUI","k":"component","u":"https://daisyui.com/components/menu/#responsive-vertical-on-small-screen-horizontal-on-large-screen","d":"daisyUI 官方文档里的「菜单」公开演示","g":["menu","playful","soft","style"]},{"t":"Carousel · PrimeVue · Click Event","k":"component","u":"https://primevue.dev/galleria/#__nuxt","d":"PrimeVue 官方文档里的「轮播」公开演示（Click Event）","g":["carousel","enterprise","style"]},{"t":"Carousel · Ant Design","k":"component","u":"https://ant.design/components/image","d":"Ant Design 官方文档里的「轮播」公开演示","g":["carousel","enterprise","style"]},{"t":"Data display · TDesign · 基础","k":"component","u":"https://tdesign.tencent.com/vue-next/components/descriptions#基础","d":"TDesign 官方文档里的「数据展示」公开演示（基础）","g":["data","enterprise","style"]},{"t":"Button · Quasar · Round buttons","k":"component","u":"https://quasar.dev/vue-components/button/#example--round--round-buttons","d":"Quasar 官方文档里的「按钮」公开演示（Round buttons）","g":["button","material","style"]},{"t":"Upload · Element Plus · Basic Usage","k":"component","u":"https://element-plus.org/en-US/component/upload.html#basic-usage","d":"Element Plus 官方文档里的「上传」公开演示（Basic Usage）","g":["upload","enterprise","style"]},{"t":"Select · Naive UI","k":"component","u":"https://www.naiveui.com/en-US/os-theme/components/select#Demo","d":"Naive UI 官方文档里的「选择器」公开演示","g":["select","enterprise","style"]},{"t":"Input · Flowbite · Phone input country code","k":"component","u":"https://flowbite.com/docs/forms/phone-input/","d":"Flowbite 官方文档里的「输入框」公开演示（Phone input country code）","g":["input","minimal","style"]},{"t":"Badge & tag · Vuetify","k":"component","u":"https://vuetifyjs.com/en/components/chips/#icon","d":"Vuetify 官方文档里的「徽标标签」公开演示","g":["badge","material","style"]},{"t":"Loader · Material UI · Interactive integration","k":"component","u":"https://mui.com/material-ui/react-progress/#interactive-integration","d":"Material UI 官方文档里的「加载」公开演示（Interactive integration）","g":["loader","material","style"]},{"t":"Tooltip · Mantine · Dropdown arrow","k":"component","u":"https://mantine.dev/core/popover/#mdx","d":"Mantine 官方文档里的「气泡」公开演示（Dropdown arrow）","g":["tooltip","minimal","enterprise","style"]},{"t":"Layout · daisyUI","k":"component","u":"https://daisyui.com/components/footer/#footer-with-logo-and-social-icons","d":"daisyUI 官方文档里的「区块」公开演示","g":["layout","playful","soft","style"]},{"t":"Badge & tag · PrimeVue","k":"component","u":"https://primevue.dev/chip/","d":"PrimeVue 官方文档里的「徽标标签」公开演示","g":["badge","enterprise","style"]},{"t":"Carousel · Ant Design · Progressive Loading","k":"component","u":"https://ant.design/components/image#image-demo-placeholder","d":"Ant Design 官方文档里的「轮播」公开演示（Progressive Loading）","g":["carousel","enterprise","style"]},{"t":"Data display · TDesign · 边框","k":"component","u":"https://tdesign.tencent.com/vue-next/components/descriptions#边框","d":"TDesign 官方文档里的「数据展示」公开演示（边框）","g":["data","enterprise","style"]},{"t":"Table · Quasar · Basic","k":"component","u":"https://quasar.dev/vue-components/table/#example--basic--basic","d":"Quasar 官方文档里的「表格」公开演示（Basic）","g":["table","material","style"]},{"t":"Upload · Element Plus · Cover Previous File","k":"component","u":"https://element-plus.org/en-US/component/upload.html#cover-previous-file","d":"Element Plus 官方文档里的「上传」公开演示（Cover Previous File）","g":["upload","enterprise","style"]},{"t":"Date picker · Naive UI","k":"component","u":"https://www.naiveui.com/en-US/os-theme/components/date-picker","d":"Naive UI 官方文档里的「日期」公开演示","g":["date","enterprise","style"]},{"t":"Input · Flowbite · Verification code input","k":"component","u":"https://flowbite.com/docs/forms/phone-input/","d":"Flowbite 官方文档里的「输入框」公开演示（Verification code input）","g":["input","minimal","style"]},{"t":"Badge & tag · Vuetify","k":"component","u":"https://vuetifyjs.com/en/components/chips/#icon","d":"Vuetify 官方文档里的「徽标标签」公开演示","g":["badge","material","style"]},{"t":"Loader · Material UI · Customization","k":"component","u":"https://mui.com/material-ui/react-progress/#customization","d":"Material UI 官方文档里的「加载」公开演示（Customization）","g":["loader","material","style"]},{"t":"Tooltip · Mantine · Hide detached","k":"component","u":"https://mantine.dev/core/popover/#mdx","d":"Mantine 官方文档里的「气泡」公开演示（Hide detached）","g":["tooltip","minimal","enterprise","style"]},{"t":"Layout · daisyUI","k":"component","u":"https://daisyui.com/components/footer/#footer-with-copyright-text-and-social-icons","d":"daisyUI 官方文档里的「区块」公开演示","g":["layout","playful","soft","style"]},{"t":"Badge & tag · PrimeVue · Image","k":"component","u":"https://primevue.dev/chip/#__nuxt","d":"PrimeVue 官方文档里的「徽标标签」公开演示（Image）","g":["badge","enterprise","style"]},{"t":"Carousel · Ant Design · Fault tolerant","k":"component","u":"https://ant.design/components/image#image-demo-fallback","d":"Ant Design 官方文档里的「轮播」公开演示（Fault tolerant）","g":["carousel","enterprise","style"]},{"t":"Data display · TDesign · 标签引号","k":"component","u":"https://tdesign.tencent.com/vue-next/components/descriptions#标签引号","d":"TDesign 官方文档里的「数据展示」公开演示（标签引号）","g":["data","enterprise","style"]},{"t":"Table · Quasar · Force dark mode","k":"component","u":"https://quasar.dev/vue-components/table/#example--dark--force-dark-mode","d":"Quasar 官方文档里的「表格」公开演示（Force dark mode）","g":["table","material","style"]},{"t":"Upload · Element Plus · Photo Wall","k":"component","u":"https://element-plus.org/en-US/component/upload.html#photo-wall","d":"Element Plus 官方文档里的「上传」公开演示（Photo Wall）","g":["upload","enterprise","style"]},{"t":"Upload · Naive UI","k":"component","u":"https://www.naiveui.com/en-US/os-theme/components/upload","d":"Naive UI 官方文档里的「上传」公开演示","g":["upload","enterprise","style"]},{"t":"Checkbox & radio · Flowbite · Checkbox example","k":"component","u":"https://flowbite.com/docs/forms/checkbox/","d":"Flowbite 官方文档里的「复选单选」公开演示（Checkbox example）","g":["checkbox","minimal","style"]},{"t":"Card · Vuetify","k":"component","u":"https://vuetifyjs.com/en/components/cards/#variants","d":"Vuetify 官方文档里的「卡片」公开演示","g":["card","material","style"]},{"t":"Button · Material UI · Sizes","k":"component","u":"https://mui.com/material-ui/react-button/#sizes","d":"Material UI 官方文档里的「按钮」公开演示（Sizes）","g":["button","material","style"]},{"t":"Input · Mantine · Prefix and suffix","k":"component","u":"https://mantine.dev/core/number-input/#mdx","d":"Mantine 官方文档里的「输入框」公开演示（Prefix and suffix）","g":["input","minimal","enterprise","style"]},{"t":"Layout · daisyUI","k":"component","u":"https://daisyui.com/components/footer/#centered-footer-with-logo-and-social-icons","d":"daisyUI 官方文档里的「区块」公开演示","g":["layout","playful","soft","style"]},{"t":"Card · PrimeVue","k":"component","u":"https://primevue.dev/card/","d":"PrimeVue 官方文档里的「卡片」公开演示","g":["card","enterprise","style"]},{"t":"Carousel · Ant Design · Multiple image preview","k":"component","u":"https://ant.design/components/image#image-demo-preview-group","d":"Ant Design 官方文档里的「轮播」公开演示（Multiple image preview）","g":["carousel","enterprise","style"]},{"t":"Data display · TDesign · 布局方式","k":"component","u":"https://tdesign.tencent.com/vue-next/components/descriptions#布局方式","d":"TDesign 官方文档里的「数据展示」公开演示（布局方式）","g":["data","enterprise","style"]},{"t":"Table · Quasar · Dense","k":"component","u":"https://quasar.dev/vue-components/table/#example--dense--dense","d":"Quasar 官方文档里的「表格」公开演示（Dense）","g":["table","material","style"]},{"t":"Upload · Naive UI","k":"component","u":"https://www.naiveui.com/en-US/os-theme/components/upload","d":"Naive UI 官方文档里的「上传」公开演示","g":["upload","enterprise","style"]},{"t":"Checkbox & radio · Flowbite · Checkbox link","k":"component","u":"https://flowbite.com/docs/forms/checkbox/","d":"Flowbite 官方文档里的「复选单选」公开演示（Checkbox link）","g":["checkbox","minimal","style"]},{"t":"Card · Vuetify","k":"component","u":"https://vuetifyjs.com/en/components/cards/#variants","d":"Vuetify 官方文档里的「卡片」公开演示","g":["card","material","style"]},{"t":"Button · Material UI · Loading","k":"component","u":"https://mui.com/material-ui/react-button/#loading-2","d":"Material UI 官方文档里的「按钮」公开演示（Loading）","g":["button","material","style"]},{"t":"Input · Mantine · Thousand separator","k":"component","u":"https://mantine.dev/core/number-input/#mdx","d":"Mantine 官方文档里的「输入框」公开演示（Thousand separator）","g":["input","minimal","enterprise","style"]},{"t":"Layout · daisyUI","k":"component","u":"https://daisyui.com/components/stack/","d":"daisyUI 官方文档里的「区块」公开演示","g":["layout","playful","soft","style"]},{"t":"Card · PrimeVue · Basic","k":"component","u":"https://primevue.dev/card/#__nuxt","d":"PrimeVue 官方文档里的「卡片」公开演示（Basic）","g":["card","enterprise","style"]},{"t":"Tooltip · Ant Design · Hello World!","k":"component","u":"https://ant.design/components/tour#semantic-dom","d":"Ant Design 官方文档里的「气泡」公开演示（Hello World!）","g":["tooltip","enterprise","style"]},{"t":"Toast · TDesign · 基础的消息通知","k":"component","u":"https://tdesign.tencent.com/vue-next/components/notification#基础的消息通知","d":"TDesign 官方文档里的「通知」公开演示（基础的消息通知）","g":["toast","enterprise","style"]},{"t":"Table · Quasar · Infering columns from data","k":"component","u":"https://quasar.dev/vue-components/table/#example--infercolumns--infering-columns-from-data","d":"Quasar 官方文档里的「表格」公开演示（Infering columns from data）","g":["table","material","style"]},{"t":"Input · Flowbite · WYSIWYG Editor","k":"component","u":"https://flowbite.com/docs/forms/textarea/","d":"Flowbite 官方文档里的「输入框」公开演示（WYSIWYG Editor）","g":["input","minimal","style"]},{"t":"Card · Vuetify","k":"component","u":"https://vuetifyjs.com/en/components/cards/#variants","d":"Vuetify 官方文档里的「卡片」公开演示","g":["card","material","style"]},{"t":"Button · Material UI · Loading","k":"component","u":"https://mui.com/material-ui/react-button/#loading-2","d":"Material UI 官方文档里的「按钮」公开演示（Loading）","g":["button","material","style"]},{"t":"Chart · Mantine · Size","k":"component","u":"https://mantine.dev/charts/pie-chart/#mdx","d":"Mantine 官方文档里的「图表」公开演示（Size）","g":["chart","minimal","enterprise","style"]},{"t":"Layout · daisyUI · stacked images","k":"component","u":"https://daisyui.com/components/stack/#stacked-images","d":"daisyUI 官方文档里的「区块」公开演示（stacked images）","g":["layout","playful","soft","style"]},{"t":"Card · PrimeVue · With Form","k":"component","u":"https://primevue.dev/card/#__nuxt","d":"PrimeVue 官方文档里的「卡片」公开演示（With Form）","g":["card","enterprise","style"]},{"t":"Card · Ant Design","k":"component","u":"https://ant.design/components/qr-code","d":"Ant Design 官方文档里的「卡片」公开演示","g":["card","enterprise","style"]},{"t":"Toast · TDesign · 带图标的消息通知","k":"component","u":"https://tdesign.tencent.com/vue-next/components/notification#带图标的消息通知","d":"TDesign 官方文档里的「通知」公开演示（带图标的消息通知）","g":["toast","enterprise","style"]},{"t":"Date picker · Quasar · Basic","k":"component","u":"https://quasar.dev/vue-components/date/#example--basic--basic","d":"Quasar 官方文档里的「日期」公开演示（Basic）","g":["date","material","style"]},{"t":"Input · Flowbite · Comment box","k":"component","u":"https://flowbite.com/docs/forms/textarea/","d":"Flowbite 官方文档里的「输入框」公开演示（Comment box）","g":["input","minimal","style"]},{"t":"Select · Vuetify","k":"component","u":"https://vuetifyjs.com/en/components/selects/#custom-title-and-value","d":"Vuetify 官方文档里的「选择器」公开演示","g":["select","material","style"]},{"t":"Navigation · Material UI · Linear","k":"component","u":"https://mui.com/material-ui/react-stepper/#linear","d":"Material UI 官方文档里的「导航」公开演示（Linear）","g":["nav","material","style"]},{"t":"Chart · Mantine · Segment color","k":"component","u":"https://mantine.dev/charts/pie-chart/#mdx","d":"Mantine 官方文档里的「图表」公开演示（Segment color）","g":["chart","minimal","enterprise","style"]},{"t":"Layout · daisyUI · stacked images","k":"component","u":"https://daisyui.com/components/stack/#stacked-images","d":"daisyUI 官方文档里的「区块」公开演示（stacked images）","g":["layout","playful","soft","style"]},{"t":"Card · PrimeVue · Advanced","k":"component","u":"https://primevue.dev/card/#__nuxt","d":"PrimeVue 官方文档里的「卡片」公开演示（Advanced）","g":["card","enterprise","style"]},{"t":"Card · Ant Design · base","k":"component","u":"https://ant.design/components/qr-code#qr-code-demo-base","d":"Ant Design 官方文档里的「卡片」公开演示（base）","g":["card","enterprise","style"]},{"t":"Toast · TDesign · 带操作的消息通知","k":"component","u":"https://tdesign.tencent.com/vue-next/components/notification#带操作的消息通知","d":"TDesign 官方文档里的「通知」公开演示（带操作的消息通知）","g":["toast","enterprise","style"]},{"t":"Date picker · Quasar · Landscape","k":"component","u":"https://quasar.dev/vue-components/date/#example--landscape--landscape","d":"Quasar 官方文档里的「日期」公开演示（Landscape）","g":["date","material","style"]},{"t":"Input · Flowbite · Validation","k":"component","u":"https://flowbite.com/docs/forms/input-field/","d":"Flowbite 官方文档里的「输入框」公开演示（Validation）","g":["input","minimal","style"]},{"t":"Select · Vuetify","k":"component","u":"https://vuetifyjs.com/en/components/selects/#custom-title-and-value","d":"Vuetify 官方文档里的「选择器」公开演示","g":["select","material","style"]},{"t":"Navigation · Material UI · Non-linear","k":"component","u":"https://mui.com/material-ui/react-stepper/#non-linear","d":"Material UI 官方文档里的「导航」公开演示（Non-linear）","g":["nav","material","style"]},{"t":"Chart · Mantine · Segments stroke","k":"component","u":"https://mantine.dev/charts/pie-chart/#mdx","d":"Mantine 官方文档里的「图表」公开演示（Segments stroke）","g":["chart","minimal","enterprise","style"]},{"t":"Layout · daisyUI · stacked cards","k":"component","u":"https://daisyui.com/components/stack/#stacked-cards","d":"daisyUI 官方文档里的「区块」公开演示（stacked cards）","g":["layout","playful","soft","style"]},{"t":"Menu · PrimeVue · Icons","k":"component","u":"https://primevue.dev/splitbutton/#__nuxt","d":"PrimeVue 官方文档里的「菜单」公开演示（Icons）","g":["menu","enterprise","style"]},{"t":"Card · Ant Design · base","k":"component","u":"https://ant.design/components/qr-code#qr-code-demo-base","d":"Ant Design 官方文档里的「卡片」公开演示（base）","g":["card","enterprise","style"]},{"t":"Toast · TDesign · 位置控制","k":"component","u":"https://tdesign.tencent.com/vue-next/components/notification#位置控制","d":"TDesign 官方文档里的「通知」公开演示（位置控制）","g":["toast","enterprise","style"]},{"t":"Date picker · Quasar · Multiple days","k":"component","u":"https://quasar.dev/vue-components/date/#example--selectionmultiple--multiple-days","d":"Quasar 官方文档里的「日期」公开演示（Multiple days）","g":["date","material","style"]},{"t":"Input · Flowbite · Search bar example","k":"component","u":"https://flowbite.com/docs/forms/search-input/","d":"Flowbite 官方文档里的「输入框」公开演示（Search bar example）","g":["input","minimal","style"]},{"t":"Form · Vuetify","k":"component","u":"https://vuetifyjs.com/en/components/sliders/#ticks","d":"Vuetify 官方文档里的「表单」公开演示","g":["form","material","style"]},{"t":"Card · Material UI · Outlined Card","k":"component","u":"https://mui.com/material-ui/react-card/#outlined-card","d":"Material UI 官方文档里的「卡片」公开演示（Outlined Card）","g":["card","material","style"]},{"t":"Accordion · Mantine · Keyboard interactions","k":"component","u":"https://mantine.dev/core/accordion/#mdx","d":"Mantine 官方文档里的「折叠面板」公开演示（Keyboard interactions）","g":["accordion","minimal","enterprise","style"]},{"t":"Chat · daisyUI · Chat with image","k":"component","u":"https://daisyui.com/components/chat/#chat-with-image","d":"daisyUI 官方文档里的「聊天」公开演示（Chat with image）","g":["chat","playful","soft","style"]},{"t":"Slider · PrimeVue","k":"component","u":"https://primevue.dev/knob/","d":"PrimeVue 官方文档里的「滑块」公开演示","g":["slider","enterprise","style"]},{"t":"Card · Ant Design · other status","k":"component","u":"https://ant.design/components/qr-code#qr-code-demo-status","d":"Ant Design 官方文档里的「卡片」公开演示（other status）","g":["card","enterprise","style"]},{"t":"Input · TDesign · 基础输入框","k":"component","u":"https://tdesign.tencent.com/vue-next/components/input#基础输入框","d":"TDesign 官方文档里的「输入框」公开演示（基础输入框）","g":["input","enterprise","style"]},{"t":"Date picker · Quasar · Single Range","k":"component","u":"https://quasar.dev/vue-components/date/#example--selectionrange--single-range","d":"Quasar 官方文档里的「日期」公开演示（Single Range）","g":["date","material","style"]},{"t":"Input · Flowbite · Search with dropdown","k":"component","u":"https://flowbite.com/docs/forms/search-input/","d":"Flowbite 官方文档里的「输入框」公开演示（Search with dropdown）","g":["input","minimal","style"]},{"t":"Form · Vuetify","k":"component","u":"https://vuetifyjs.com/en/components/sliders/#ticks","d":"Vuetify 官方文档里的「表单」公开演示","g":["form","material","style"]},{"t":"Card · Material UI · Complex Interaction","k":"component","u":"https://mui.com/material-ui/react-card/#complex-interaction","d":"Material UI 官方文档里的「卡片」公开演示（Complex Interaction）","g":["card","material","style"]},{"t":"Chart · Mantine · Size and thickness","k":"component","u":"https://mantine.dev/charts/donut-chart/#mdx","d":"Mantine 官方文档里的「图表」公开演示（Size and thickness）","g":["chart","minimal","enterprise","style"]},{"t":"Chat · daisyUI","k":"component","u":"https://daisyui.com/components/chat/#chat-with-image-header-and-footer","d":"daisyUI 官方文档里的「聊天」公开演示","g":["chat","playful","soft","style"]},{"t":"Slider · PrimeVue · Basic","k":"component","u":"https://primevue.dev/knob/#__nuxt","d":"PrimeVue 官方文档里的「滑块」公开演示（Basic）","g":["slider","enterprise","style"]},{"t":"Menu · Ant Design · Basic","k":"component","u":"https://ant.design/components/dropdown#dropdown-demo-basic","d":"Ant Design 官方文档里的「菜单」公开演示（Basic）","g":["menu","enterprise","style"]},{"t":"Input · TDesign · 前后置标签输入框","k":"component","u":"https://tdesign.tencent.com/vue-next/components/input#前后置标签输入框","d":"TDesign 官方文档里的「输入框」公开演示（前后置标签输入框）","g":["input","enterprise","style"]},{"t":"Dialog · Quasar · Styling","k":"component","u":"https://quasar.dev/vue-components/dialog/#example--style--styling","d":"Quasar 官方文档里的「弹窗」公开演示（Styling）","g":["dialog","material","style"]},{"t":"Input · Flowbite · Simple search input","k":"component","u":"https://flowbite.com/docs/forms/search-input/","d":"Flowbite 官方文档里的「输入框」公开演示（Simple search input）","g":["input","minimal","style"]},{"t":"Toast · Material UI · Position","k":"component","u":"https://mui.com/material-ui/react-snackbar/#position","d":"Material UI 官方文档里的「通知」公开演示（Position）","g":["toast","material","style"]},{"t":"Chart · Mantine · Padding angle","k":"component","u":"https://mantine.dev/charts/donut-chart/#mdx","d":"Mantine 官方文档里的「图表」公开演示（Padding angle）","g":["chart","minimal","enterprise","style"]},{"t":"Button · daisyUI · Responsive button","k":"component","u":"https://daisyui.com/components/button/#responsive-button","d":"daisyUI 官方文档里的「按钮」公开演示（Responsive button）","g":["button","playful","soft","style"]},{"t":"Navigation · PrimeVue","k":"component","u":"https://primevue.dev/stepper/","d":"PrimeVue 官方文档里的「导航」公开演示","g":["nav","enterprise","style"]},{"t":"Menu · Ant Design · Placement","k":"component","u":"https://ant.design/components/dropdown#dropdown-demo-placement","d":"Ant Design 官方文档里的「菜单」公开演示（Placement）","g":["menu","enterprise","style"]},{"t":"Input · TDesign · 组合输入框","k":"component","u":"https://tdesign.tencent.com/vue-next/components/input#组合输入框","d":"TDesign 官方文档里的「输入框」公开演示（组合输入框）","g":["input","enterprise","style"]},{"t":"Dialog · Quasar","k":"component","u":"https://quasar.dev/vue-components/dialog/#example--backdropfilter--backdrop-filter-v2-14-8","d":"Quasar 官方文档里的「弹窗」公开演示","g":["dialog","material","style"]},{"t":"Input · Flowbite · Location search","k":"component","u":"https://flowbite.com/docs/forms/search-input/","d":"Flowbite 官方文档里的「输入框」公开演示（Location search）","g":["input","minimal","style"]},{"t":"Toast · Material UI · Content","k":"component","u":"https://mui.com/material-ui/react-snackbar/#content","d":"Material UI 官方文档里的「通知」公开演示（Content）","g":["toast","material","style"]},{"t":"Chart · Mantine · Segment color","k":"component","u":"https://mantine.dev/charts/donut-chart/#mdx","d":"Mantine 官方文档里的「图表」公开演示（Segment color）","g":["chart","minimal","enterprise","style"]},{"t":"Button · daisyUI · Buttons colors","k":"component","u":"https://daisyui.com/components/button/#buttons-colors","d":"daisyUI 官方文档里的「按钮」公开演示（Buttons colors）","g":["button","playful","soft","style"]},{"t":"Navigation · PrimeVue · Horizontal","k":"component","u":"https://primevue.dev/stepper/#__nuxt","d":"PrimeVue 官方文档里的「导航」公开演示（Horizontal）","g":["nav","enterprise","style"]},{"t":"Menu · Ant Design · Placement","k":"component","u":"https://ant.design/components/dropdown#dropdown-demo-placement","d":"Ant Design 官方文档里的「菜单」公开演示（Placement）","g":["menu","enterprise","style"]},{"t":"List · TDesign · 基础穿梭框","k":"component","u":"https://tdesign.tencent.com/vue-next/components/transfer#基础穿梭框","d":"TDesign 官方文档里的「列表」公开演示（基础穿梭框）","g":["list","enterprise","style"]},{"t":"Dialog · Quasar · Positions","k":"component","u":"https://quasar.dev/vue-components/dialog/#example--positioning--positions","d":"Quasar 官方文档里的「弹窗」公开演示（Positions）","g":["dialog","material","style"]},{"t":"Slider · Flowbite · Range slider example","k":"component","u":"https://flowbite.com/docs/forms/range/","d":"Flowbite 官方文档里的「滑块」公开演示（Range slider example）","g":["slider","minimal","style"]},{"t":"Toast · Material UI","k":"component","u":"https://mui.com/material-ui/react-snackbar/#use-with-floating-action-buttons","d":"Material UI 官方文档里的「通知」公开演示","g":["toast","material","style"]},{"t":"Chart · Mantine · Segments stroke","k":"component","u":"https://mantine.dev/charts/donut-chart/#mdx","d":"Mantine 官方文档里的「图表」公开演示（Segments stroke）","g":["chart","minimal","enterprise","style"]},{"t":"Toast · daisyUI","k":"component","u":"https://daisyui.com/components/toast/","d":"daisyUI 官方文档里的「通知」公开演示","g":["toast","playful","soft","style"]},{"t":"Navigation · PrimeVue · Vertical","k":"component","u":"https://primevue.dev/stepper/#__nuxt","d":"PrimeVue 官方文档里的「导航」公开演示（Vertical）","g":["nav","enterprise","style"]},{"t":"Loader · Ant Design · Basic Usage","k":"component","u":"https://ant.design/components/spin","d":"Ant Design 官方文档里的「加载」公开演示（Basic Usage）","g":["loader","enterprise","style"]},{"t":"Date picker · TDesign · 卡片模式日历","k":"component","u":"https://tdesign.tencent.com/vue-next/components/calendar#卡片模式日历","d":"TDesign 官方文档里的「日期」公开演示（卡片模式日历）","g":["date","enterprise","style"]},{"t":"Card · Quasar · Cards with actions","k":"component","u":"https://quasar.dev/vue-components/card/#example--actions--cards-with-actions","d":"Quasar 官方文档里的「卡片」公开演示（Cards with actions）","g":["card","material","style"]},{"t":"Date picker · Flowbite · Timepicker with icon","k":"component","u":"https://flowbite.com/docs/forms/timepicker/","d":"Flowbite 官方文档里的「日期」公开演示（Timepicker with icon）","g":["date","minimal","style"]},{"t":"Dialog · Material UI · Alerts","k":"component","u":"https://mui.com/material-ui/react-dialog/#alerts","d":"Material UI 官方文档里的「弹窗」公开演示（Alerts）","g":["dialog","material","style"]},{"t":"Date picker · Mantine","k":"component","u":"https://mantine.dev/dates/calendar/#mdx","d":"Mantine 官方文档里的「日期」公开演示","g":["date","minimal","enterprise","style"]},{"t":"Toast · daisyUI · toast with alert inside","k":"component","u":"https://daisyui.com/components/toast/#toast-with-alert-inside","d":"daisyUI 官方文档里的「通知」公开演示（toast with alert inside）","g":["toast","playful","soft","style"]},{"t":"Toast · PrimeVue · Severity","k":"component","u":"https://primevue.dev/toast/#__nuxt","d":"PrimeVue 官方文档里的「通知」公开演示（Severity）","g":["toast","enterprise","style"]},{"t":"Loader · Ant Design · Alert message title","k":"component","u":"https://ant.design/components/spin#spin-demo-basic","d":"Ant Design 官方文档里的「加载」公开演示（Alert message title）","g":["loader","enterprise","style"]},{"t":"Date picker · TDesign · 切换模式 日历\\月历","k":"component","u":"https://tdesign.tencent.com/vue-next/components/calendar#切换模式-日历-月历","d":"TDesign 官方文档里的「日期」公开演示（切换模式 日历\\月历）","g":["date","enterprise","style"]},{"t":"Card · Quasar · Aligning actions","k":"component","u":"https://quasar.dev/vue-components/card/#example--actionsalignment--aligning-actions","d":"Quasar 官方文档里的「卡片」公开演示（Aligning actions）","g":["card","material","style"]},{"t":"Input · Flowbite · Disabled state","k":"component","u":"https://flowbite.com/docs/forms/floating-label/","d":"Flowbite 官方文档里的「输入框」公开演示（Disabled state）","g":["input","minimal","style"]},{"t":"Menu · Material UI · Basic menu","k":"component","u":"https://mui.com/material-ui/react-menu/#basic-menu","d":"Material UI 官方文档里的「菜单」公开演示（Basic menu）","g":["menu","material","style"]},{"t":"Date picker · Mantine · Custom date pickers","k":"component","u":"https://mantine.dev/dates/calendar/#mdx","d":"Mantine 官方文档里的「日期」公开演示（Custom date pickers）","g":["date","minimal","enterprise","style"]},{"t":"Toast · daisyUI · toast-top toast-start","k":"component","u":"https://daisyui.com/components/toast/#toast-top-toast-start","d":"daisyUI 官方文档里的「通知」公开演示（toast-top toast-start）","g":["toast","playful","soft","style"]},{"t":"Button · PrimeVue · Icons","k":"component","u":"https://primevue.dev/button/#__nuxt","d":"PrimeVue 官方文档里的「按钮」公开演示（Icons）","g":["button","enterprise","style"]},{"t":"Loader · Ant Design · Alert message title","k":"component","u":"https://ant.design/components/spin#spin-demo-basic","d":"Ant Design 官方文档里的「加载」公开演示（Alert message title）","g":["loader","enterprise","style"]},{"t":"Avatar · TDesign · 头像类型","k":"component","u":"https://tdesign.tencent.com/vue-next/components/avatar#头像类型","d":"TDesign 官方文档里的「头像」公开演示（头像类型）","g":["avatar","enterprise","style"]},{"t":"Card · Quasar · Card with video","k":"component","u":"https://quasar.dev/vue-components/card/#example--video--card-with-video","d":"Quasar 官方文档里的「卡片」公开演示（Card with video）","g":["card","material","style"]},{"t":"Input · Flowbite · Validation","k":"component","u":"https://flowbite.com/docs/forms/floating-label/","d":"Flowbite 官方文档里的「输入框」公开演示（Validation）","g":["input","minimal","style"]},{"t":"Menu · Material UI · Icon menu","k":"component","u":"https://mui.com/material-ui/react-menu/#icon-menu","d":"Material UI 官方文档里的「菜单」公开演示（Icon menu）","g":["menu","material","style"]},{"t":"Menu · Mantine · Dropdown position","k":"component","u":"https://mantine.dev/core/menu/#mdx","d":"Mantine 官方文档里的「菜单」公开演示（Dropdown position）","g":["menu","minimal","enterprise","style"]},{"t":"Toast · daisyUI · toast-top toast-center","k":"component","u":"https://daisyui.com/components/toast/#toast-top-toast-center","d":"daisyUI 官方文档里的「通知」公开演示（toast-top toast-center）","g":["toast","playful","soft","style"]},{"t":"Tabs · PrimeVue · Dynamic","k":"component","u":"https://primevue.dev/tabs/#__nuxt","d":"PrimeVue 官方文档里的「标签页」公开演示（Dynamic）","g":["tabs","enterprise","style"]},{"t":"Button · Ant Design · Basic","k":"component","u":"https://ant.design/components/float-button","d":"Ant Design 官方文档里的「按钮」公开演示（Basic）","g":["button","enterprise","style"]},{"t":"Avatar · TDesign · 头像大小","k":"component","u":"https://tdesign.tencent.com/vue-next/components/avatar#头像大小","d":"TDesign 官方文档里的「头像」公开演示（头像大小）","g":["avatar","enterprise","style"]},{"t":"Card · Quasar · Card with parallax","k":"component","u":"https://quasar.dev/vue-components/card/#example--parallax--card-with-parallax","d":"Quasar 官方文档里的「卡片」公开演示（Card with parallax）","g":["card","material","style"]},{"t":"Table · Flowbite · Striped rows","k":"component","u":"https://flowbite.com/docs/components/tables/","d":"Flowbite 官方文档里的「表格」公开演示（Striped rows）","g":["table","minimal","style"]},{"t":"Menu · Material UI · Dense menu","k":"component","u":"https://mui.com/material-ui/react-menu/#dense-menu","d":"Material UI 官方文档里的「菜单」公开演示（Dense menu）","g":["menu","material","style"]},{"t":"Menu · Mantine · Custom component as target","k":"component","u":"https://mantine.dev/core/menu/#mdx","d":"Mantine 官方文档里的「菜单」公开演示（Custom component as target）","g":["menu","minimal","enterprise","style"]},{"t":"Navigation · daisyUI","k":"component","u":"https://daisyui.com/components/navbar/#navbar-with-title-and-icon","d":"daisyUI 官方文档里的「导航」公开演示","g":["nav","playful","soft","style"]},{"t":"Tabs · PrimeVue · Controlled","k":"component","u":"https://primevue.dev/tabs/#__nuxt","d":"PrimeVue 官方文档里的「标签页」公开演示（Controlled）","g":["tabs","enterprise","style"]},{"t":"Button · Ant Design · FloatButton with tooltip","k":"component","u":"https://ant.design/components/float-button#float-button-demo-basic","d":"Ant Design 官方文档里的「按钮」公开演示（FloatButton with tooltip）","g":["button","enterprise","style"]},{"t":"Loader · TDesign · 基础骨架屏","k":"component","u":"https://tdesign.tencent.com/vue-next/components/skeleton#基础骨架屏","d":"TDesign 官方文档里的「加载」公开演示（基础骨架屏）","g":["loader","enterprise","style"]},{"t":"Table · Flowbite · Hover state","k":"component","u":"https://flowbite.com/docs/components/tables/","d":"Flowbite 官方文档里的「表格」公开演示（Hover state）","g":["table","minimal","style"]},{"t":"Tabs · Material UI · Experimental API","k":"component","u":"https://mui.com/material-ui/react-tabs/#experimental-api","d":"Material UI 官方文档里的「标签页」公开演示（Experimental API）","g":["tabs","material","style"]},{"t":"Chart · Mantine · Change color","k":"component","u":"https://mantine.dev/charts/radar-chart/#mdx","d":"Mantine 官方文档里的「图表」公开演示（Change color）","g":["chart","minimal","enterprise","style"]},{"t":"Tabs · daisyUI · tabs-box","k":"component","u":"https://daisyui.com/components/tab/#tabs-box","d":"daisyUI 官方文档里的「标签页」公开演示（tabs-box）","g":["tabs","playful","soft","style"]},{"t":"Chart · PrimeVue","k":"component","u":"https://primevue.dev/chart/","d":"PrimeVue 官方文档里的「图表」公开演示","g":["chart","enterprise","style"]},{"t":"Button · Ant Design · placement","k":"component","u":"https://ant.design/components/float-button#float-button-demo-tooltip","d":"Ant Design 官方文档里的「按钮」公开演示（placement）","g":["button","enterprise","style"]},{"t":"Loader · TDesign · 带动画效果的骨架屏","k":"component","u":"https://tdesign.tencent.com/vue-next/components/skeleton#带动画效果的骨架屏","d":"TDesign 官方文档里的「加载」公开演示（带动画效果的骨架屏）","g":["loader","enterprise","style"]},{"t":"Card · Flowbite · Card with button","k":"component","u":"https://flowbite.com/docs/components/card/","d":"Flowbite 官方文档里的「卡片」公开演示（Card with button）","g":["card","minimal","style"]},{"t":"Tabs · Material UI · With lab API","k":"component","u":"https://mui.com/material-ui/react-tabs/#with-lab-api","d":"Material UI 官方文档里的「标签页」公开演示（With lab API）","g":["tabs","material","style"]},{"t":"Progress · Mantine","k":"component","u":"https://mantine.dev/core/ring-progress/#mdx","d":"Mantine 官方文档里的「进度」公开演示","g":["progress","minimal","enterprise","style"]},{"t":"Table · daisyUI","k":"component","u":"https://daisyui.com/components/table/#table-with-a-row-that-highlights-on-hover","d":"daisyUI 官方文档里的「表格」公开演示","g":["table","playful","soft","style"]},{"t":"Chart · PrimeVue · Basic","k":"component","u":"https://primevue.dev/chart/#__nuxt","d":"PrimeVue 官方文档里的「图表」公开演示（Basic）","g":["chart","enterprise","style"]},{"t":"Button · Ant Design · draggable","k":"component","u":"https://ant.design/components/float-button#float-button-demo-tooltip","d":"Ant Design 官方文档里的「按钮」公开演示（draggable）","g":["button","enterprise","style"]},{"t":"Loader · TDesign · 文字加载","k":"component","u":"https://tdesign.tencent.com/vue-next/components/loading#文字加载","d":"TDesign 官方文档里的「加载」公开演示（文字加载）","g":["loader","enterprise","style"]},{"t":"Card · Flowbite · Card with link","k":"component","u":"https://flowbite.com/docs/components/card/","d":"Flowbite 官方文档里的「卡片」公开演示（Card with link）","g":["card","minimal","style"]},{"t":"Tabs · Material UI · With standard API","k":"component","u":"https://mui.com/material-ui/react-tabs/#with-standard-api","d":"Material UI 官方文档里的「标签页」公开演示（With standard API）","g":["tabs","material","style"]},{"t":"Progress · Mantine · Customize label","k":"component","u":"https://mantine.dev/core/ring-progress/#mdx","d":"Mantine 官方文档里的「进度」公开演示（Customize label）","g":["progress","minimal","enterprise","style"]},{"t":"Date picker · daisyUI · Cally calendar example","k":"component","u":"https://daisyui.com/components/calendar/#cally-calendar-example","d":"daisyUI 官方文档里的「日期」公开演示（Cally calendar example）","g":["date","playful","soft","style"]},{"t":"Chart · PrimeVue · Pie","k":"component","u":"https://primevue.dev/chart/#__nuxt","d":"PrimeVue 官方文档里的「图表」公开演示（Pie）","g":["chart","enterprise","style"]},{"t":"Table · Ant Design · Basic Usage","k":"component","u":"https://ant.design/components/table#table-demo-basic","d":"Ant Design 官方文档里的「表格」公开演示（Basic Usage）","g":["table","enterprise","style"]},{"t":"Loader · TDesign · 不同尺寸的加载","k":"component","u":"https://tdesign.tencent.com/vue-next/components/loading#不同尺寸的加载","d":"TDesign 官方文档里的「加载」公开演示（不同尺寸的加载）","g":["loader","enterprise","style"]},{"t":"Card · Flowbite · Card with image","k":"component","u":"https://flowbite.com/docs/components/card/","d":"Flowbite 官方文档里的「卡片」公开演示（Card with image）","g":["card","minimal","style"]},{"t":"Avatar · Material UI · Spacing","k":"component","u":"https://mui.com/material-ui/react-avatar/#spacing","d":"Material UI 官方文档里的「头像」公开演示（Spacing）","g":["avatar","material","style"]},{"t":"Progress · Mantine · Filled segment transition","k":"component","u":"https://mantine.dev/core/ring-progress/#mdx","d":"Mantine 官方文档里的「进度」公开演示（Filled segment transition）","g":["progress","minimal","enterprise","style"]},{"t":"Date picker · daisyUI · Cally date picker example","k":"component","u":"https://daisyui.com/components/calendar/#cally-date-picker-example","d":"daisyUI 官方文档里的「日期」公开演示（Cally date picker example）","g":["date","playful","soft","style"]},{"t":"Chart · PrimeVue · Doughnut","k":"component","u":"https://primevue.dev/chart/#__nuxt","d":"PrimeVue 官方文档里的「图表」公开演示（Doughnut）","g":["chart","enterprise","style"]},{"t":"Table · Ant Design · JSX style API","k":"component","u":"https://ant.design/components/table#table-demo-jsx","d":"Ant Design 官方文档里的「表格」公开演示（JSX style API）","g":["table","enterprise","style"]},{"t":"Toast · TDesign · 普通全局提示","k":"component","u":"https://tdesign.tencent.com/vue-next/components/message#普通全局提示","d":"TDesign 官方文档里的「通知」公开演示（普通全局提示）","g":["toast","enterprise","style"]},{"t":"Button · Flowbite · Default button","k":"component","u":"https://flowbite.com/docs/components/buttons/","d":"Flowbite 官方文档里的「按钮」公开演示（Default button）","g":["button","minimal","style"]},{"t":"Avatar · Material UI · With badge","k":"component","u":"https://mui.com/material-ui/react-avatar/#with-badge","d":"Material UI 官方文档里的「头像」公开演示（With badge）","g":["avatar","material","style"]},{"t":"Loader · Mantine · With content","k":"component","u":"https://mantine.dev/core/skeleton/#mdx","d":"Mantine 官方文档里的「加载」公开演示（With content）","g":["loader","minimal","enterprise","style"]},{"t":"Menu · daisyUI","k":"component","u":"https://daisyui.com/components/dropdown/#dropdown--aligns-to-start-of-button-horizontally","d":"daisyUI 官方文档里的「菜单」公开演示","g":["menu","playful","soft","style"]},{"t":"Table · PrimeVue","k":"component","u":"https://primevue.dev/datatable/","d":"PrimeVue 官方文档里的「表格」公开演示","g":["table","enterprise","style"]},{"t":"Button · Ant Design","k":"component","u":"https://ant.design/components/button","d":"Ant Design 官方文档里的「按钮」公开演示","g":["button","enterprise","style"]},{"t":"Toast · TDesign · 加载中信息提示","k":"component","u":"https://tdesign.tencent.com/vue-next/components/message#加载中信息提示","d":"TDesign 官方文档里的「通知」公开演示（加载中信息提示）","g":["toast","enterprise","style"]},{"t":"Button · Flowbite · Gradient monochrome","k":"component","u":"https://flowbite.com/docs/components/buttons/","d":"Flowbite 官方文档里的「按钮」公开演示（Gradient monochrome）","g":["button","minimal","style"]},{"t":"Select · Material UI · Labels and helper text","k":"component","u":"https://mui.com/material-ui/react-select/#labels-and-helper-text","d":"Material UI 官方文档里的「选择器」公开演示（Labels and helper text）","g":["select","material","style"]},{"t":"Tooltip · Mantine · Keyboard interactions","k":"component","u":"https://mantine.dev/core/hover-card/#mdx","d":"Mantine 官方文档里的「气泡」公开演示（Keyboard interactions）","g":["tooltip","minimal","enterprise","style"]},{"t":"Dialog · daisyUI · Dialog modal","k":"component","u":"https://daisyui.com/components/modal/#dialog-modal","d":"daisyUI 官方文档里的「弹窗」公开演示（Dialog modal）","g":["dialog","playful","soft","style"]},{"t":"Date picker · PrimeVue","k":"component","u":"https://primevue.dev/datepicker/","d":"PrimeVue 官方文档里的「日期」公开演示","g":["date","enterprise","style"]},{"t":"Button · Ant Design · Syntactic sugar","k":"component","u":"https://ant.design/components/button#button-demo-basic","d":"Ant Design 官方文档里的「按钮」公开演示（Syntactic sugar）","g":["button","enterprise","style"]},{"t":"Toast · TDesign · 带关闭按钮的全局提示","k":"component","u":"https://tdesign.tencent.com/vue-next/components/message#带关闭按钮的全局提示","d":"TDesign 官方文档里的「通知」公开演示（带关闭按钮的全局提示）","g":["toast","enterprise","style"]},{"t":"Button · Flowbite · Gradient duotone","k":"component","u":"https://flowbite.com/docs/components/buttons/","d":"Flowbite 官方文档里的「按钮」公开演示（Gradient duotone）","g":["button","minimal","style"]},{"t":"Tooltip · Material UI · Positioned tooltips","k":"component","u":"https://mui.com/material-ui/react-tooltip/#positioned-tooltips","d":"Material UI 官方文档里的「气泡」公开演示（Positioned tooltips）","g":["tooltip","material","style"]},{"t":"Chart · Mantine","k":"component","u":"https://mantine.dev/charts/sparkline/#mdx","d":"Mantine 官方文档里的「图表」公开演示","g":["chart","minimal","enterprise","style"]},{"t":"Loader · daisyUI","k":"component","u":"https://daisyui.com/components/loading/","d":"daisyUI 官方文档里的「加载」公开演示","g":["loader","playful","soft","style"]},{"t":"Upload · PrimeVue · Basic","k":"component","u":"https://primevue.dev/fileupload/#__nuxt","d":"PrimeVue 官方文档里的「上传」公开演示（Basic）","g":["upload","enterprise","style"]},{"t":"Button · Ant Design · Icon","k":"component","u":"https://ant.design/components/button#button-demo-icon","d":"Ant Design 官方文档里的「按钮」公开演示（Icon）","g":["button","enterprise","style"]},{"t":"Dialog · TDesign · 异步加载类对话框","k":"component","u":"https://tdesign.tencent.com/vue-next/components/dialog#异步加载类对话框","d":"TDesign 官方文档里的「弹窗」公开演示（异步加载类对话框）","g":["dialog","enterprise","style"]},{"t":"Toast · Flowbite · Colors","k":"component","u":"https://flowbite.com/docs/components/toast/","d":"Flowbite 官方文档里的「通知」公开演示（Colors）","g":["toast","minimal","style"]},{"t":"Tooltip · Material UI · Customization","k":"component","u":"https://mui.com/material-ui/react-tooltip/#customization","d":"Material UI 官方文档里的「气泡」公开演示（Customization）","g":["tooltip","material","style"]},{"t":"Chart · Mantine","k":"component","u":"https://mantine.dev/charts/heatmap/#mdx","d":"Mantine 官方文档里的「图表」公开演示","g":["chart","minimal","enterprise","style"]},{"t":"Form · daisyUI · With fieldset and label","k":"component","u":"https://daisyui.com/components/toggle/#with-fieldset-and-label","d":"daisyUI 官方文档里的「表单」公开演示（With fieldset and label）","g":["form","playful","soft","style"]},{"t":"Upload · PrimeVue · Advanced","k":"component","u":"https://primevue.dev/fileupload/#__nuxt","d":"PrimeVue 官方文档里的「上传」公开演示（Advanced）","g":["upload","enterprise","style"]},{"t":"Button · Ant Design · Icon","k":"component","u":"https://ant.design/components/button#button-demo-icon","d":"Ant Design 官方文档里的「按钮」公开演示（Icon）","g":["button","enterprise","style"]},{"t":"Dialog · TDesign · 自定义类对话框","k":"component","u":"https://tdesign.tencent.com/vue-next/components/dialog#自定义类对话框","d":"TDesign 官方文档里的「弹窗」公开演示（自定义类对话框）","g":["dialog","enterprise","style"]},{"t":"Date picker · Flowbite · Datepicker example","k":"component","u":"https://flowbite.com/docs/components/datepicker/","d":"Flowbite 官方文档里的「日期」公开演示（Datepicker example）","g":["date","minimal","style"]},{"t":"Input · Material UI","k":"component","u":"https://mui.com/material-ui/react-autocomplete/#object-options-with-primitive-values","d":"Material UI 官方文档里的「输入框」公开演示","g":["input","material","style"]},{"t":"Select · Mantine · Clear section mode","k":"component","u":"https://mantine.dev/core/select/#mdx","d":"Mantine 官方文档里的「选择器」公开演示（Clear section mode）","g":["select","minimal","enterprise","style"]},{"t":"Form · daisyUI · Sizes","k":"component","u":"https://daisyui.com/components/toggle/#sizes","d":"daisyUI 官方文档里的「表单」公开演示（Sizes）","g":["form","playful","soft","style"]},{"t":"Toast · Ant Design · Hello, Ant Design!","k":"component","u":"https://ant.design/components/message#semantic-dom","d":"Ant Design 官方文档里的「通知」公开演示（Hello, Ant Design!）","g":["toast","enterprise","style"]},{"t":"Tabs · TDesign · 基础选项卡","k":"component","u":"https://tdesign.tencent.com/vue-next/components/tabs#基础选项卡","d":"TDesign 官方文档里的「标签页」公开演示（基础选项卡）","g":["tabs","enterprise","style"]},{"t":"Date picker · Flowbite · Inline datepicker","k":"component","u":"https://flowbite.com/docs/components/datepicker/","d":"Flowbite 官方文档里的「日期」公开演示（Inline datepicker）","g":["date","minimal","style"]},{"t":"Input · Material UI · Country select","k":"component","u":"https://mui.com/material-ui/react-autocomplete/#country-select","d":"Material UI 官方文档里的「输入框」公开演示（Country select）","g":["input","material","style"]},{"t":"Select · Mantine · Allow deselect","k":"component","u":"https://mantine.dev/core/select/#mdx","d":"Mantine 官方文档里的「选择器」公开演示（Allow deselect）","g":["select","minimal","enterprise","style"]},{"t":"Form · daisyUI · Colors","k":"component","u":"https://daisyui.com/components/toggle/#colors","d":"daisyUI 官方文档里的「表单」公开演示（Colors）","g":["form","playful","soft","style"]},{"t":"Navigation · Ant Design · Finished","k":"component","u":"https://ant.design/components/steps","d":"Ant Design 官方文档里的「导航」公开演示（Finished）","g":["nav","enterprise","style"]},{"t":"Tabs · TDesign · 带图标的选项卡","k":"component","u":"https://tdesign.tencent.com/vue-next/components/tabs#带图标的选项卡","d":"TDesign 官方文档里的「标签页」公开演示（带图标的选项卡）","g":["tabs","enterprise","style"]},{"t":"Tabs · Flowbite · Default tabs","k":"component","u":"https://flowbite.com/docs/components/tabs/","d":"Flowbite 官方文档里的「标签页」公开演示（Default tabs）","g":["tabs","minimal","style"]},{"t":"Input · Material UI · Controlled states","k":"component","u":"https://mui.com/material-ui/react-autocomplete/#controlled-states","d":"Material UI 官方文档里的「输入框」公开演示（Controlled states）","g":["input","material","style"]},{"t":"Select · Mantine · Open on focus","k":"component","u":"https://mantine.dev/core/select/#mdx","d":"Mantine 官方文档里的「选择器」公开演示（Open on focus）","g":["select","minimal","enterprise","style"]},{"t":"Avatar · daisyUI","k":"component","u":"https://daisyui.com/components/avatar/#avatar","d":"daisyUI 官方文档里的「头像」公开演示","g":["avatar","playful","soft","style"]},{"t":"Navigation · Ant Design · Finished","k":"component","u":"https://ant.design/components/steps#steps-demo-simple","d":"Ant Design 官方文档里的「导航」公开演示（Finished）","g":["nav","enterprise","style"]},{"t":"Tabs · TDesign · 增删选项卡","k":"component","u":"https://tdesign.tencent.com/vue-next/components/tabs#增删选项卡","d":"TDesign 官方文档里的「标签页」公开演示（增删选项卡）","g":["tabs","enterprise","style"]},{"t":"Tabs · Flowbite · Tabs with underline","k":"component","u":"https://flowbite.com/docs/components/tabs/","d":"Flowbite 官方文档里的「标签页」公开演示（Tabs with underline）","g":["tabs","minimal","style"]},{"t":"Select · Mantine · Checked option icon","k":"component","u":"https://mantine.dev/core/select/#mdx","d":"Mantine 官方文档里的「选择器」公开演示（Checked option icon）","g":["select","minimal","enterprise","style"]},{"t":"Avatar · daisyUI · Avatar in custom sizes","k":"component","u":"https://daisyui.com/components/avatar/#avatar-in-custom-sizes","d":"daisyUI 官方文档里的「头像」公开演示（Avatar in custom sizes）","g":["avatar","playful","soft","style"]},{"t":"Dialog · Ant Design","k":"component","u":"https://ant.design/components/modal","d":"Ant Design 官方文档里的「弹窗」公开演示","g":["dialog","enterprise","style"]},{"t":"Tabs · TDesign · 不同尺寸的选项卡","k":"component","u":"https://tdesign.tencent.com/vue-next/components/tabs#不同尺寸的选项卡","d":"TDesign 官方文档里的「标签页」公开演示（不同尺寸的选项卡）","g":["tabs","enterprise","style"]},{"t":"Tabs · Flowbite · Tabs with icons","k":"component","u":"https://flowbite.com/docs/components/tabs/","d":"Flowbite 官方文档里的「标签页」公开演示（Tabs with icons）","g":["tabs","minimal","style"]},{"t":"Carousel · Mantine","k":"component","u":"https://mantine.dev/x/carousel/#mdx","d":"Mantine 官方文档里的「轮播」公开演示","g":["carousel","minimal","enterprise","style"]},{"t":"Avatar · daisyUI · Avatar rounded","k":"component","u":"https://daisyui.com/components/avatar/#avatar-rounded","d":"daisyUI 官方文档里的「头像」公开演示（Avatar rounded）","g":["avatar","playful","soft","style"]},{"t":"Dialog · Ant Design · Basic","k":"component","u":"https://ant.design/components/modal#modal-demo-basic","d":"Ant Design 官方文档里的「弹窗」公开演示（Basic）","g":["dialog","enterprise","style"]},{"t":"Upload · TDesign · 基础文件上传","k":"component","u":"https://tdesign.tencent.com/vue-next/components/upload#基础文件上传","d":"TDesign 官方文档里的「上传」公开演示（基础文件上传）","g":["upload","enterprise","style"]},{"t":"Tabs · Flowbite · Pills tabs","k":"component","u":"https://flowbite.com/docs/components/tabs/","d":"Flowbite 官方文档里的「标签页」公开演示（Pills tabs）","g":["tabs","minimal","style"]},{"t":"Carousel · Mantine · Embla options","k":"component","u":"https://mantine.dev/x/carousel/#mdx","d":"Mantine 官方文档里的「轮播」公开演示（Embla options）","g":["carousel","minimal","enterprise","style"]},{"t":"Avatar · daisyUI · Avatar with mask","k":"component","u":"https://daisyui.com/components/avatar/#avatar-with-mask","d":"daisyUI 官方文档里的「头像」公开演示（Avatar with mask）","g":["avatar","playful","soft","style"]},{"t":"Dialog · Ant Design · Basic","k":"component","u":"https://ant.design/components/modal#modal-demo-basic","d":"Ant Design 官方文档里的「弹窗」公开演示（Basic）","g":["dialog","enterprise","style"]},{"t":"Upload · TDesign · 基础图片上传","k":"component","u":"https://tdesign.tencent.com/vue-next/components/upload#基础图片上传","d":"TDesign 官方文档里的「上传」公开演示（基础图片上传）","g":["upload","enterprise","style"]},{"t":"Chat · Flowbite · Default chat bubble","k":"component","u":"https://flowbite.com/docs/components/chat-bubble/","d":"Flowbite 官方文档里的「聊天」公开演示（Default chat bubble）","g":["chat","minimal","style"]},{"t":"Carousel · Mantine · Size and gap","k":"component","u":"https://mantine.dev/x/carousel/#mdx","d":"Mantine 官方文档里的「轮播」公开演示（Size and gap）","g":["carousel","minimal","enterprise","style"]},{"t":"Card · daisyUI · Pricing Card","k":"component","u":"https://daisyui.com/components/card/#pricing-card","d":"daisyUI 官方文档里的「卡片」公开演示（Pricing Card）","g":["card","playful","soft","style"]},{"t":"Dialog · Ant Design · Customized Footer","k":"component","u":"https://ant.design/components/modal#modal-demo-footer","d":"Ant Design 官方文档里的「弹窗」公开演示（Customized Footer）","g":["dialog","enterprise","style"]},{"t":"Upload · TDesign · 单文件/图片拖拽上传","k":"component","u":"https://tdesign.tencent.com/vue-next/components/upload#单文件-图片拖拽上传","d":"TDesign 官方文档里的「上传」公开演示（单文件/图片拖拽上传）","g":["upload","enterprise","style"]},{"t":"Chat · Flowbite · Voice note message","k":"component","u":"https://flowbite.com/docs/components/chat-bubble/","d":"Flowbite 官方文档里的「聊天」公开演示（Voice note message）","g":["chat","minimal","style"]},{"t":"Tabs · Mantine","k":"component","u":"https://mantine.dev/core/tabs/#mdx","d":"Mantine 官方文档里的「标签页」公开演示","g":["tabs","minimal","enterprise","style"]},{"t":"Card · daisyUI · Card with badge","k":"component","u":"https://daisyui.com/components/card/#card-with-badge","d":"daisyUI 官方文档里的「卡片」公开演示（Card with badge）","g":["card","playful","soft","style"]},{"t":"Card · Ant Design · Default size card","k":"component","u":"https://ant.design/components/card","d":"Ant Design 官方文档里的「卡片」公开演示（Default size card）","g":["card","enterprise","style"]},{"t":"Select · TDesign · 单选选择器","k":"component","u":"https://tdesign.tencent.com/vue-next/components/select#单选选择器","d":"TDesign 官方文档里的「选择器」公开演示（单选选择器）","g":["select","enterprise","style"]},{"t":"Chat · Flowbite · File attachment","k":"component","u":"https://flowbite.com/docs/components/chat-bubble/","d":"Flowbite 官方文档里的「聊天」公开演示（File attachment）","g":["chat","minimal","style"]},{"t":"Tabs · Mantine · Change colors","k":"component","u":"https://mantine.dev/core/tabs/#mdx","d":"Mantine 官方文档里的「标签页」公开演示（Change colors）","g":["tabs","minimal","enterprise","style"]},{"t":"Card · daisyUI · Card with bottom image","k":"component","u":"https://daisyui.com/components/card/#card-with-bottom-image","d":"daisyUI 官方文档里的「卡片」公开演示（Card with bottom image）","g":["card","playful","soft","style"]},{"t":"Card · Ant Design · Europe Street beat","k":"component","u":"https://ant.design/components/card#card-demo-simple","d":"Ant Design 官方文档里的「卡片」公开演示（Europe Street beat）","g":["card","enterprise","style"]},{"t":"Select · TDesign · 多选选择器","k":"component","u":"https://tdesign.tencent.com/vue-next/components/select#多选选择器","d":"TDesign 官方文档里的「选择器」公开演示（多选选择器）","g":["select","enterprise","style"]},{"t":"Chat · Flowbite · Image attachment","k":"component","u":"https://flowbite.com/docs/components/chat-bubble/","d":"Flowbite 官方文档里的「聊天」公开演示（Image attachment）","g":["chat","minimal","style"]},{"t":"Tabs · Mantine · Tabs position","k":"component","u":"https://mantine.dev/core/tabs/#mdx","d":"Mantine 官方文档里的「标签页」公开演示（Tabs position）","g":["tabs","minimal","enterprise","style"]},{"t":"Card · daisyUI","k":"component","u":"https://daisyui.com/components/card/#card-with-image-on-side","d":"daisyUI 官方文档里的「卡片」公开演示","g":["card","playful","soft","style"]},{"t":"Tabs · Ant Design","k":"component","u":"https://ant.design/components/tabs","d":"Ant Design 官方文档里的「标签页」公开演示","g":["tabs","enterprise","style"]},{"t":"Select · TDesign · 不同状态的选择器","k":"component","u":"https://tdesign.tencent.com/vue-next/components/select#不同状态的选择器","d":"TDesign 官方文档里的「选择器」公开演示（不同状态的选择器）","g":["select","enterprise","style"]},{"t":"Carousel · Flowbite · Default slider","k":"component","u":"https://flowbite.com/docs/components/carousel/","d":"Flowbite 官方文档里的「轮播」公开演示（Default slider）","g":["carousel","minimal","style"]},{"t":"Form · Mantine","k":"component","u":"https://mantine.dev/core/slider/#mdx","d":"Mantine 官方文档里的「表单」公开演示","g":["form","minimal","enterprise","style"]},{"t":"Select · daisyUI","k":"component","u":"https://daisyui.com/components/select/#select","d":"daisyUI 官方文档里的「选择器」公开演示","g":["select","playful","soft","style"]},{"t":"Tabs · Ant Design · Basic","k":"component","u":"https://ant.design/components/tabs#tabs-demo-basic","d":"Ant Design 官方文档里的「标签页」公开演示（Basic）","g":["tabs","enterprise","style"]},{"t":"Button · TDesign · 文字按钮","k":"component","u":"https://tdesign.tencent.com/vue-next/components/button#文字按钮","d":"TDesign 官方文档里的「按钮」公开演示（文字按钮）","g":["button","enterprise","style"]},{"t":"Carousel · Flowbite · Controls","k":"component","u":"https://flowbite.com/docs/components/carousel/","d":"Flowbite 官方文档里的「轮播」公开演示（Controls）","g":["carousel","minimal","style"]},{"t":"Form · Mantine · onChangeEnd","k":"component","u":"https://mantine.dev/core/slider/#mdx","d":"Mantine 官方文档里的「表单」公开演示（onChangeEnd）","g":["form","minimal","enterprise","style"]},{"t":"Select · daisyUI · With fieldset and labels","k":"component","u":"https://daisyui.com/components/select/#with-fieldset-and-labels","d":"daisyUI 官方文档里的「选择器」公开演示（With fieldset and labels）","g":["select","playful","soft","style"]},{"t":"Tabs · Ant Design · Disabled","k":"component","u":"https://ant.design/components/tabs#tabs-demo-disabled","d":"Ant Design 官方文档里的「标签页」公开演示（Disabled）","g":["tabs","enterprise","style"]},{"t":"Button · TDesign · 幽灵按钮","k":"component","u":"https://tdesign.tencent.com/vue-next/components/button#幽灵按钮","d":"TDesign 官方文档里的「按钮」公开演示（幽灵按钮）","g":["button","enterprise","style"]},{"t":"Carousel · Flowbite · Indicators","k":"component","u":"https://flowbite.com/docs/components/carousel/","d":"Flowbite 官方文档里的「轮播」公开演示（Indicators）","g":["carousel","minimal","style"]},{"t":"Form · Mantine · Control label","k":"component","u":"https://mantine.dev/core/slider/#mdx","d":"Mantine 官方文档里的「表单」公开演示（Control label）","g":["form","minimal","enterprise","style"]},{"t":"Select · daisyUI · Primary color","k":"component","u":"https://daisyui.com/components/select/#primary-color","d":"daisyUI 官方文档里的「选择器」公开演示（Primary color）","g":["select","playful","soft","style"]},{"t":"Tabs · Ant Design · Centered","k":"component","u":"https://ant.design/components/tabs#tabs-demo-centered","d":"Ant Design 官方文档里的「标签页」公开演示（Centered）","g":["tabs","enterprise","style"]},{"t":"Button · TDesign · Block 按钮","k":"component","u":"https://tdesign.tencent.com/vue-next/components/button#block-按钮","d":"TDesign 官方文档里的「按钮」公开演示（Block 按钮）","g":["button","enterprise","style"]},{"t":"Dialog · Flowbite · Default modal","k":"component","u":"https://flowbite.com/docs/components/modal/","d":"Flowbite 官方文档里的「弹窗」公开演示（Default modal）","g":["dialog","minimal","style"]},{"t":"Form · Mantine · Min, max and step","k":"component","u":"https://mantine.dev/core/slider/#mdx","d":"Mantine 官方文档里的「表单」公开演示（Min, max and step）","g":["form","minimal","enterprise","style"]},{"t":"Carousel · daisyUI · Snap to start (default)","k":"component","u":"https://daisyui.com/components/carousel/#snap-to-start-default","d":"daisyUI 官方文档里的「轮播」公开演示（Snap to start (default)）","g":["carousel","playful","soft","style"]},{"t":"Menu · Ant Design · Navigation One","k":"component","u":"https://ant.design/components/menu","d":"Ant Design 官方文档里的「菜单」公开演示（Navigation One）","g":["menu","enterprise","style"]},{"t":"Date picker · TDesign · 年份选择器","k":"component","u":"https://tdesign.tencent.com/vue-next/components/date-picker#年份选择器","d":"TDesign 官方文档里的「日期」公开演示（年份选择器）","g":["date","enterprise","style"]},{"t":"Dialog · Flowbite · Pop-up modal","k":"component","u":"https://flowbite.com/docs/components/modal/","d":"Flowbite 官方文档里的「弹窗」公开演示（Pop-up modal）","g":["dialog","minimal","style"]},{"t":"Table · Mantine · Spacing","k":"component","u":"https://mantine.dev/core/table/#mdx","d":"Mantine 官方文档里的「表格」公开演示（Spacing）","g":["table","minimal","enterprise","style"]},{"t":"Carousel · daisyUI","k":"component","u":"https://daisyui.com/components/carousel/#carousel-with-full-width-items","d":"daisyUI 官方文档里的「轮播」公开演示","g":["carousel","playful","soft","style"]},{"t":"Menu · Ant Design · Navigation One","k":"component","u":"https://ant.design/components/menu#menu-demo-horizontal","d":"Ant Design 官方文档里的「菜单」公开演示（Navigation One）","g":["menu","enterprise","style"]},{"t":"Navigation · TDesign · 带序号的水平步骤条","k":"component","u":"https://tdesign.tencent.com/vue-next/components/steps#带序号的水平步骤条","d":"TDesign 官方文档里的「导航」公开演示（带序号的水平步骤条）","g":["nav","enterprise","style"]},{"t":"Dialog · Flowbite · Form element","k":"component","u":"https://flowbite.com/docs/components/modal/","d":"Flowbite 官方文档里的「弹窗」公开演示（Form element）","g":["dialog","minimal","style"]},{"t":"Button · Mantine","k":"component","u":"https://mantine.dev/core/button/#mdx","d":"Mantine 官方文档里的「按钮」公开演示","g":["button","minimal","enterprise","style"]},{"t":"Menu · Ant Design","k":"component","u":"https://ant.design/components/menu#menu-demo-inline","d":"Ant Design 官方文档里的「菜单」公开演示","g":["menu","enterprise","style"]},{"t":"Navigation · TDesign · 不带序的水平步骤条","k":"component","u":"https://tdesign.tencent.com/vue-next/components/steps#不带序的水平步骤条","d":"TDesign 官方文档里的「导航」公开演示（不带序的水平步骤条）","g":["nav","enterprise","style"]},{"t":"Menu · Flowbite · Dropdown example","k":"component","u":"https://flowbite.com/docs/components/dropdowns/","d":"Flowbite 官方文档里的「菜单」公开演示（Dropdown example）","g":["menu","minimal","style"]},{"t":"Button · Mantine · Sections position","k":"component","u":"https://mantine.dev/core/button/#mdx","d":"Mantine 官方文档里的「按钮」公开演示（Sections position）","g":["button","minimal","enterprise","style"]},{"t":"Date picker · Ant Design · DatePicker[picker=year]","k":"component","u":"https://ant.design/components/date-picker#datepickerpickeryear","d":"Ant Design 官方文档里的「日期」公开演示（DatePicker[picker=year]）","g":["date","enterprise","style"]},{"t":"Navigation · TDesign · 不带序号的垂直步骤条","k":"component","u":"https://tdesign.tencent.com/vue-next/components/steps#不带序号的垂直步骤条","d":"TDesign 官方文档里的「导航」公开演示（不带序号的垂直步骤条）","g":["nav","enterprise","style"]},{"t":"Menu · Flowbite · Dropdown divider","k":"component","u":"https://flowbite.com/docs/components/dropdowns/","d":"Flowbite 官方文档里的「菜单」公开演示（Dropdown divider）","g":["menu","minimal","style"]},{"t":"Button · Mantine · Gradient variant","k":"component","u":"https://mantine.dev/core/button/#mdx","d":"Mantine 官方文档里的「按钮」公开演示（Gradient variant）","g":["button","minimal","enterprise","style"]},{"t":"Date picker · Ant Design · DatePicker[picker=month]","k":"component","u":"https://ant.design/components/date-picker#datepickerpickermonth","d":"Ant Design 官方文档里的「日期」公开演示（DatePicker[picker=month]）","g":["date","enterprise","style"]},{"t":"Navigation · TDesign · 带序号的垂直步骤条","k":"component","u":"https://tdesign.tencent.com/vue-next/components/steps#带序号的垂直步骤条","d":"TDesign 官方文档里的「导航」公开演示（带序号的垂直步骤条）","g":["nav","enterprise","style"]},{"t":"Navigation · Flowbite · Default navbar","k":"component","u":"https://flowbite.com/docs/components/navbar/","d":"Flowbite 官方文档里的「导航」公开演示（Default navbar）","g":["nav","minimal","style"]},{"t":"Button · Mantine · Loading state","k":"component","u":"https://mantine.dev/core/button/#mdx","d":"Mantine 官方文档里的「按钮」公开演示（Loading state）","g":["button","minimal","enterprise","style"]},{"t":"Avatar · Ant Design","k":"component","u":"https://ant.design/components/avatar","d":"Ant Design 官方文档里的「头像」公开演示","g":["avatar","enterprise","style"]},{"t":"Table · TDesign · 基础表格","k":"component","u":"https://tdesign.tencent.com/vue-next/components/table#基础表格","d":"TDesign 官方文档里的「表格」公开演示（基础表格）","g":["table","enterprise","style"]},{"t":"Navigation · Flowbite · Navbar with dropdown","k":"component","u":"https://flowbite.com/docs/components/navbar/","d":"Flowbite 官方文档里的「导航」公开演示（Navbar with dropdown）","g":["nav","minimal","style"]},{"t":"Navigation · Mantine","k":"component","u":"https://mantine.dev/core/stepper/#mdx","d":"Mantine 官方文档里的「导航」公开演示","g":["nav","minimal","enterprise","style"]},{"t":"Avatar · Ant Design · Basic","k":"component","u":"https://ant.design/components/avatar#avatar-demo-basic","d":"Ant Design 官方文档里的「头像」公开演示（Basic）","g":["avatar","enterprise","style"]},{"t":"Table · TDesign · 行高亮表格","k":"component","u":"https://tdesign.tencent.com/vue-next/components/table#行高亮表格","d":"TDesign 官方文档里的「表格」公开演示（行高亮表格）","g":["table","enterprise","style"]},{"t":"Navigation · Flowbite · Sticky navbar","k":"component","u":"https://flowbite.com/docs/components/navbar/","d":"Flowbite 官方文档里的「导航」公开演示（Sticky navbar）","g":["nav","minimal","style"]},{"t":"Navigation · Mantine · Color, radius and size","k":"component","u":"https://mantine.dev/core/stepper/#mdx","d":"Mantine 官方文档里的「导航」公开演示（Color, radius and size）","g":["nav","minimal","enterprise","style"]},{"t":"Avatar · Ant Design · Basic","k":"component","u":"https://ant.design/components/avatar#avatar-demo-basic","d":"Ant Design 官方文档里的「头像」公开演示（Basic）","g":["avatar","enterprise","style"]},{"t":"Table · TDesign · 可自定义样式的表格","k":"component","u":"https://tdesign.tencent.com/vue-next/components/table#可自定义样式的表格","d":"TDesign 官方文档里的「表格」公开演示（可自定义样式的表格）","g":["table","enterprise","style"]},{"t":"Loader · Mantine","k":"component","u":"https://mantine.dev/core/loader/#mdx","d":"Mantine 官方文档里的「加载」公开演示","g":["loader","minimal","enterprise","style"]},{"t":"Avatar · Ant Design · Autoset Font Size","k":"component","u":"https://ant.design/components/avatar#avatar-demo-dynamic","d":"Ant Design 官方文档里的「头像」公开演示（Autoset Font Size）","g":["avatar","enterprise","style"]},{"t":"Table · TDesign · 单元格超出省略的表格","k":"component","u":"https://tdesign.tencent.com/vue-next/components/table#单元格超出省略的表格","d":"TDesign 官方文档里的「表格」公开演示（单元格超出省略的表格）","g":["table","enterprise","style"]},{"t":"Loader · Mantine · Size prop","k":"component","u":"https://mantine.dev/core/loader/#mdx","d":"Mantine 官方文档里的「加载」公开演示（Size prop）","g":["loader","minimal","enterprise","style"]},{"t":"Form · Ant Design","k":"component","u":"https://ant.design/components/form","d":"Ant Design 官方文档里的「表单」公开演示","g":["form","enterprise","style"]},{"t":"Card · TDesign · 有边框","k":"component","u":"https://tdesign.tencent.com/vue-next/components/card#有边框","d":"TDesign 官方文档里的「卡片」公开演示（有边框）","g":["card","enterprise","style"]},{"t":"Loader · Mantine · children prop","k":"component","u":"https://mantine.dev/core/loader/#mdx","d":"Mantine 官方文档里的「加载」公开演示（children prop）","g":["loader","minimal","enterprise","style"]},{"t":"Form · Ant Design · Basic Usage","k":"component","u":"https://ant.design/components/form#form-demo-basic","d":"Ant Design 官方文档里的「表单」公开演示（Basic Usage）","g":["form","enterprise","style"]},{"t":"Card · TDesign · 无边框","k":"component","u":"https://tdesign.tencent.com/vue-next/components/card#无边框","d":"TDesign 官方文档里的「卡片」公开演示（无边框）","g":["card","enterprise","style"]},{"t":"Toast · Mantine","k":"component","u":"https://mantine.dev/core/notification/#mdx","d":"Mantine 官方文档里的「通知」公开演示","g":["toast","minimal","enterprise","style"]},{"t":"Form · Ant Design · Form methods","k":"component","u":"https://ant.design/components/form#form-demo-control-hooks","d":"Ant Design 官方文档里的「表单」公开演示（Form methods）","g":["form","enterprise","style"]},{"t":"Card · TDesign · 带分割线","k":"component","u":"https://tdesign.tencent.com/vue-next/components/card#带分割线","d":"TDesign 官方文档里的「卡片」公开演示（带分割线）","g":["card","enterprise","style"]},{"t":"Toast · Mantine · With icon","k":"component","u":"https://mantine.dev/core/notification/#mdx","d":"Mantine 官方文档里的「通知」公开演示（With icon）","g":["toast","minimal","enterprise","style"]},{"t":"Form · Ant Design · Form Layout","k":"component","u":"https://ant.design/components/form#form-demo-layout","d":"Ant Design 官方文档里的「表单」公开演示（Form Layout）","g":["form","enterprise","style"]},{"t":"Card · Mantine","k":"component","u":"https://mantine.dev/core/card/#mdx","d":"Mantine 官方文档里的「卡片」公开演示","g":["card","minimal","enterprise","style"]},{"t":"Card · Mantine · Polymorphic component","k":"component","u":"https://mantine.dev/core/card/#mdx","d":"Mantine 官方文档里的「卡片」公开演示（Polymorphic component）","g":["card","minimal","enterprise","style"]},{"t":"Card · Mantine · withBorder and inheritPadding props","k":"component","u":"https://mantine.dev/core/card/#mdx","d":"Mantine 官方文档里的「卡片」公开演示（withBorder and inheritPadding props）","g":["card","minimal","enterprise","style"]},{"t":"Avatar · Mantine · Variants","k":"component","u":"https://mantine.dev/core/avatar/#mdx","d":"Mantine 官方文档里的「头像」公开演示（Variants）","g":["avatar","minimal","enterprise","style"]},{"t":"Chart · Mantine · Area color","k":"component","u":"https://mantine.dev/charts/area-chart/#mdx","d":"Mantine 官方文档里的「图表」公开演示（Area color）","g":["chart","minimal","enterprise","style"]},{"t":"Chart · Mantine · Stroke width","k":"component","u":"https://mantine.dev/charts/area-chart/#mdx","d":"Mantine 官方文档里的「图表」公开演示（Stroke width）","g":["chart","minimal","enterprise","style"]},{"t":"Chart · Mantine · Fill opacity","k":"component","u":"https://mantine.dev/charts/area-chart/#mdx","d":"Mantine 官方文档里的「图表」公开演示（Fill opacity）","g":["chart","minimal","enterprise","style"]},{"t":"Chart · Mantine · Brush","k":"component","u":"https://mantine.dev/charts/area-chart/#mdx","d":"Mantine 官方文档里的「图表」公开演示（Brush）","g":["chart","minimal","enterprise","style"]},{"t":"Editor · Mantine · Tasks","k":"component","u":"https://mantine.dev/x/tiptap/#mdx","d":"Mantine 官方文档里的「编辑器」公开演示（Tasks）","g":["editor","minimal","enterprise","style"]},{"t":"Editor · Mantine · Table","k":"component","u":"https://mantine.dev/x/tiptap/#mdx","d":"Mantine 官方文档里的「编辑器」公开演示（Table）","g":["editor","minimal","enterprise","style"]},{"t":"Editor · Mantine · Details","k":"component","u":"https://mantine.dev/x/tiptap/#mdx","d":"Mantine 官方文档里的「编辑器」公开演示（Details）","g":["editor","minimal","enterprise","style"]},{"t":"Origin UI (coss.com/origin)","k":"resource","u":"https://coss.com/origin","d":"Huge set of copy-paste shadcn-style primitives: inputs, buttons, selects, dates, tables, timelines. Tailwind + React, open source.","g":["input","button","select","table","form","nav","minimal","library"]},{"t":"Inspira UI","k":"resource","u":"https://inspira-ui.com","d":"Vue/Nuxt animated components in the spirit of Aceternity and Magic UI. Free and open source.","g":["motion","background","card","button","motion","library"]},{"t":"Tailark","k":"resource","u":"https://tailark.com","d":"shadcn-style marketing blocks: hero, features, testimonials, CTA. Free blocks are copy-paste.","g":["layout","minimal","library"]},{"t":"shadcn/studio","k":"resource","u":"https://shadcnstudio.com","d":"Variant gallery and theme generator for shadcn/ui components, copy any variant.","g":["button","input","card","form","minimal","library"]},{"t":"Zag.js","k":"resource","u":"https://zagjs.com","d":"Framework-agnostic UI component logic built on state machines (powers Ark UI). React/Vue/Solid/Svelte.","g":["dialog","menu","select","tabs","minimal","library"]},{"t":"UI Layouts","k":"resource","u":"https://www.ui-layouts.com","d":"React + Tailwind layout and motion components: galleries, drawers, carousels, scroll effects.","g":["layout","motion","dialog","motion","library"]},{"t":"Cuicui","k":"resource","u":"https://cuicui.day","d":"Copy-paste React components and blocks grouped by use case, with live previews.","g":["button","card","layout","input","minimal","library"]},{"t":"Watermelon UI","k":"resource","u":"https://www.watermelon.sh","d":"Animated shadcn-style components and blocks for modern marketing pages.","g":["motion","layout","card","motion","library"]},{"t":"neobrutalism components","k":"resource","u":"https://www.neobrutalism.dev","d":"Neo-brutalist shadcn components: thick borders, hard shadows, saturated colours.","g":["button","card","input","brutalist","library"]},{"t":"RetroUI","k":"resource","u":"https://www.retroui.dev","d":"Retro / neo-brutalist React component library for characterful landing pages.","g":["button","card","input","brutalist","library"]},{"t":"8bitcn/ui","k":"resource","u":"https://8bitcn.com","d":"Pixel-art 8-bit take on shadcn components for games and retro sites.","g":["button","card","dialog","playful","library"]},{"t":"tweakcn","k":"resource","u":"https://tweakcn.com","d":"Visual theme editor for shadcn/ui: colours, radius, fonts, shadows; exports CSS variables.","g":["input","minimal","generator"]},{"t":"shadcn themes (ui.jln.dev)","k":"resource","u":"https://ui.jln.dev","d":"Thousands of shadcn/ui colour themes to preview and copy as CSS variables.","g":["minimal","generator"]},{"t":"shadcn.io","k":"resource","u":"https://www.shadcn.io","d":"Community directory of shadcn components, blocks, icons and templates.","g":["layout","button","minimal","collection"]},{"t":"Tailwind Plus UI Blocks（含免费示例）","k":"resource","u":"https://www.tailwindcss.com/plus/ui-blocks","d":"Official Tailwind blocks (formerly Tailwind UI). Full library is paid; some previews are free.","g":["layout","form","nav","table","minimal","library"]},{"t":"Aceternity UI 全部组件","k":"resource","u":"https://ui.aceternity.com/components","d":"Full list of free Aceternity components: spotlight, 3D cards, background beams, text effects, floating nav.","g":["motion","background","card","nav","motion","library"]},{"t":"Magic UI 全部组件","k":"resource","u":"https://magicui.design/docs/components","d":"Full Magic UI component list: marquee, bento grid, number ticker, beams, particles, dock.","g":["motion","background","card","layout","motion","library"]},{"t":"Hover.dev 组件","k":"resource","u":"https://www.hover.dev/components","d":"Hover.dev animated components: buttons, navs, cards, heroes; some free.","g":["motion","button","nav","card","motion","library"]},{"t":"Flowbite Blocks","k":"resource","u":"https://flowbite.com/blocks/","d":"Flowbite Tailwind blocks for marketing, app dashboards and e-commerce; some free.","g":["layout","table","form","minimal","library"]},{"t":"threeui","k":"resource","u":"https://threeui.com","d":"New GitHub UI repo: Open-source ThreeUI Community catalog with live interactive components and complete Community source. (★6622, MIT, MengTo/threeui)","g":["background","minimal","library"]},{"t":"interior","k":"resource","u":"https://interior.dev","d":"New GitHub UI repo: micro-interactions for react, built for the half-second after a click (★958, MIT, ddoemonn/interior)","g":["motion","minimal","library"]},{"t":"boardui","k":"resource","u":"https://www.boardui.com","d":"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 ","g":["chat","minimal","library"]},{"t":"mdxcn","k":"resource","u":"https://mdxcn.dev","d":"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","g":["chart","minimal","library"]},{"t":"open-claude-ui","k":"resource","u":"https://github.com/Caho1/open-claude-ui","d":"New GitHub UI repo: 基于 REA 深度拆解并高保真还原 Claude 官方桌面端 UI。纯手写 30 个独立 React 组件与 8 项硬核交互物理算法，附带 3000+ 行逆向分析手册。 (★315, MIT, Caho1/open-claude-ui)","g":["chat","motion","minimal","library"]},{"t":"plasma-ui","k":"resource","u":"https://cruxgarden.github.io/plasma-ui/","d":"New GitHub UI repo: Liquid glass components for React (★294, MIT, CruxGarden/plasma-ui)","g":["motion","background","minimal","library"]},{"t":"liquid-glass-chat-ui","k":"resource","u":"https://appllama.io","d":"New GitHub UI repo: Explore liquid-glass chat UIs with animated portraits, interactive stories, and floating composers. (★216, MIT, Appllama/liquid-glass-chat-u","g":["chat","motion","background","minimal","library"]},{"t":"bricks","k":"resource","u":"https://alignify.co/products/bricks","d":"New GitHub UI repo: Component layer for AI agents: implementation-aware contracts for building project-native interface components. (★198, MIT, kostja94/bricks)","g":["chat","minimal","library"]},{"t":"lab","k":"resource","u":"https://lab.moumen.dev","d":"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 w","g":["minimal","library"]},{"t":"lint","k":"resource","u":"https://github.com/shadcn-ui/lint","d":"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)","g":["chat","minimal","library"]},{"t":"PanelUI","k":"resource","u":"https://www.panelui.dev/","d":"New GitHub UI repo: High-performance React Native  and React components . (★806, MIT, panel-ui/PanelUI)","g":["form","minimal","library"]},{"t":"solid-glass","k":"resource","u":"https://deeplethe.github.io/solid-glass","d":"New GitHub UI repo: A design system for AI applications. Material, physical, tactile, technical. (★724, MIT, deeplethe/solid-glass)","g":["chat","minimal","library"]},{"t":"shadscan","k":"resource","u":"https://shadscan.com","d":"New GitHub UI repo: Deterministic UI audits for shadcn apps, built for your terminal, your CI, and your AI agent. (★553, MIT, TheOrcDev/shadscan)","g":["chat","minimal","library"]},{"t":"keyline-icons","k":"resource","u":"https://keylineicons.com/","d":"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","g":["chat","table","icon","minimal","library"]},{"t":"Background · Magic UI · Flickering Grid","k":"component","u":"https://magicui.design/docs/components/flickering-grid","d":"Magic UI 官方文档里的「背景」公开演示（Flickering Grid）。MIT。","g":["background","dark-tech","gradient","motion","style"]},{"t":"Tabs · Cult UI · Direction Aware Tabs","k":"component","u":"https://www.cult-ui.com/docs/components/direction-aware-tabs","d":"Cult UI 官方文档里的「标签页」公开演示（Direction Aware Tabs）。MIT。","g":["tabs","dark-tech","skeuomorphic","motion","style"]},{"t":"Card · Cult UI · Minimal Card","k":"component","u":"https://www.cult-ui.com/docs/components/minimal-card","d":"Cult UI 官方文档里的「卡片」公开演示（Minimal Card）。MIT。","g":["card","dark-tech","skeuomorphic","motion","style"]},{"t":"Card · Cult UI · Texture Card","k":"component","u":"https://www.cult-ui.com/docs/components/texture-card","d":"Cult UI 官方文档里的「卡片」公开演示（Texture Card）。MIT。","g":["card","dark-tech","skeuomorphic","motion","style"]},{"t":"Editor · Cult UI · Code Block","k":"component","u":"https://www.cult-ui.com/docs/components/code-block","d":"Cult UI 官方文档里的「编辑器」公开演示（Code Block）。MIT。","g":["editor","dark-tech","skeuomorphic","motion","style"]}]}