SuperAPI AI 工具集

tech-logos

设计与创作

查看项目

更新于 10-15 20:28

技能介绍

Tech Logos 用于从 Elements 注册表安装官方、可感知主题的品牌 Logo 组件,适合在网站或应用中展示技术公司、AI 服务商、社交平台等标志。

安装方式:使用 npx shadcn@latest add @elements/{name}-logo,例如 clerk-logo、github-logo、openai-logo、vercel-logo。也可安装整包,如 @elements/logos(全部)、@elements/ai-services(AI 服务商)、@elements/social-media(社交平台)、@elements/package-managers(包管理器)。

安装后 Logo 位于 components/logos/{name}.tsx,可按如下方式使用:import { ClerkLogo } from "@/components/logos/clerk",然后 <ClerkLogo className="h-8 w-auto" /> 或 <ClerkLogo variant="wordmark" mode="dark" />。常用属性包括 variant(icon 或 wordmark)、mode(light 或 dark,可自动检测主题)以及标准 className。

查找可用 Logo 可扫描注册表目录,或浏览 https://tryelements.dev/docs/logos。若所需 Logo 不存在,可生成预填的 GitHub issue 链接向仓库提交请求。

限制:仅提供资料中列出的 Logo 与安装方式,具体可用 Logo 清单、收费与授权信息暂未提供。