懂AI
asyncapi-react

asyncapi-react

React 组件用于渲染 AsyncAPI 规范文档

asyncapi-react 是一个用于渲染 AsyncAPI 规范文档的 React 组件。该组件支持自定义样式、配置和 logo,可集成到 React、Angular、Vue 等项目中。它提供 ESM、CJS 和 UMD 多种模块格式,适用于不同开发环境。组件附带在线 Playground 供测试和体验。作为开源项目,欢迎社区贡献。

AsyncAPIReact组件API文档异步APIWeb组件Github开源项目
访问官网GitHub

AsyncAPI React 组件

AsyncAPI 规范的 React 组件。也可作为 Web 组件使用，但不仅限于此。

npm Gitpod 已准备就绪

概述

AsyncAPI 规范的官方 React 组件。它允许您渲染以 AsyncAPI 规范格式提供的异步 API 文档，并验证该规范。您可以使用自己的样式完全重新设计组件。

<!-- 目录由 GitHub Actions 生成，请勿删除目录标记 --> <!-- toc --> <!-- tocstop -->

先决条件

  • react（版本 16.8.0 或更高）

安装

运行此命令在项目中安装组件：

npm install --save @asyncapi/react-component

查看使用 React 组件的沙盒应用程序：

编辑 asyncapi-react-component-in-action

在 React 中使用

查看一个简单的示例，展示如何传递内联 AsyncAPI 规范和自定义配置：

import * as React from "react";
import { render } from "react-dom";
import AsyncApiComponent, { ConfigInterface } from "@asyncapi/react-component";

const schema = `
asyncapi: '2.0.0'
info:
  title: 示例
  version: '0.1.0'
channels:
  example-channel:
    subscribe:
      message:
        payload:
          type: object
          properties:
            exampleField:
              type: string
            exampleNumber:
              type: number
            exampleDate:
              type: string
              format: date-time
`;

const config: ConfigInterface = {
  schemaID: 'custom-spec',
  show: {
    operations: false,
    errors: false,
  },
};

const App = () => <AsyncApiComponent schema={schema} config={config} />;

render(<App />, document.getElementById("root"));

在其他技术中使用

要了解如何在其他技术中使用 Web 组件或组件，请参阅：

属性

AsyncAPI React 组件的属性列表包括：

  • schema: string | AsyncAPIDocument | object | FetchingSchemaInterface

    schema 属性是必需的，包含 AsyncAPI 规范。使用 string 类型、AsyncAPIDocument 类型、从 AsyncAPI Parser 解析的规范作为 JS 对象，或 FetchingSchemaInterface 对象从外部资源获取架构。有关其包含的内容和应该是什么样子的更多信息，请阅读 AsyncAPI 规范。

  • config?: Partial<ConfigInterface>

    config 属性是可选的，包含 AsyncAPI 组件的配置。有关可用配置选项的更多信息，请阅读 配置修改 文档。 此属性与默认配置连接。

    注意： Partial<T> 类型意味着 T 类型中的每个字段都是可选的。

功能

有关 AsyncAPI React 组件提供的功能列表和描述，请参阅此目录。

样式

默认样式

要使用默认样式，请按如下方式导入：

import "@asyncapi/react-component/styles/default.css";
// 或压缩版本
import "@asyncapi/react-component/styles/default.min.css";

自定义样式

AsyncAPI React 组件不设置任何全局字体。此组件允许使用您的自定义 font-family 和其他样式。

这可以通过在文件中定义样式或在使用 AsyncAPI React 组件的页面的 <head> 部分使用 <style> 标签内联定义来完成。

自定义样式示例（在 styles/custom.css 文件中定义）：

html {
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji;
}

如果您在使用 Webpack 等打包工具的项目中使用该组件，请不要忘记导入自定义样式。

import "styles/custom.css";
import "@asyncapi/react-component/styles/default.min.css";

如果您使用的是独立包，可以将自定义样式作为样式表链接或内联样式放在 HTML 代码的 <head> 部分：

 <head>
   <!-- 自定义样式表 -->
   <link rel="stylesheet" href="./styles/custom.css">

   <!-- 或作为内联样式 -->
   <style>
     html{-moz-tab-size:4;-o-tab-size:4;tab-size:4;line-height:1.15;-webkit-text-size-adjust:100%};
     body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji};
   </style>
   
   <link rel="stylesheet" href="https://unpkg.com/@asyncapi/react-component@latest/styles/default.min.css">
   
   ...
 </head>

自定义徽标

AsyncAPI 组件支持使用自定义徽标的选项。通过在 InfoObject 中使用 x-logo 自定义扩展，将在左上角显示徽标。

注意：只有在启用侧边栏选项时，徽标才会显示。

asyncapi: 2.2.0
info:
  title: 账户服务
  version: 1.0.0
  description: 此服务负责处理用户注册。
  x-logo: 'https://raw.githubusercontent.com/asyncapi/spec/master/assets/logo.png'
channels:
  ...

演示环境

本仓库附带一个演示应用程序。在您的应用程序中使用之前，请测试它以查看组件的实际效果并进行尝试。

您还可以按照开发指南中的此说明在本地运行演示应用程序。

模块

@asyncapi/react-component 包有 3 个精心制作的 JS 模块，可用于各种环境：

  • esm（ECMAScript 模块）旨在用于具有预定义环境的单页应用程序，如 create-react-app，这些环境能够解析依赖项（通过 Webpack、Browserify 等）。当应用程序使用 esm 时，它也可以在服务器端使用（用于服务器端渲染等任务）。
  • cjs（CommonJS 模块）与 esm 模块的用途相似，但使用 CommonJS 模块。
  • umd（通用模块定义）是一个无依赖的模块，包含了在单页应用程序中提供 AsyncAPI 文档所需的一切（但必须单独提供 React 和 ReactDOM 依赖项），这些应用程序无法解析 npm 模块依赖项或在普通 HTML 页面中使用。我们有两种类型的压缩 umd 包，带有和不带有 AsyncAPI Parser 的路径：
    • @asyncapi/react-component/browser/index.js
    • @asyncapi/react-component/browser/without-parser.js

开发

有关如何设置开发环境、编写和运行测试、遵循项目定义的命名和架构约定的信息，请参阅开发指南。

贡献

如果您有功能请求，请将其作为问题添加或在拉取请求（PR）中提出更改。 如果您创建功能请求，请使用专门的功能请求问题模板。创建 PR 时，请遵循 CONTRIBUTING.md 文档中描述的贡献规则。 如果您有错误需要报告，请在在线代码编辑器中重现它。例如，使用 CodeSandbox。将重现的错误链接附加到您的问题报告中。使用错误报告模板记录错误。

致谢

该项目最初是在 Kyma 项目 下开发的，2019年被转移到 AsyncAPI 倡议下。

贡献者

感谢这些杰出的人们（表情符号说明）：

<!-- ALL-CONTRIBUTORS-LIST:START - 请勿删除或修改本节 --> <!-- prettier-ignore-start --> <!-- markdownlint-disable --> <table> <tbody> <tr> <td align="center" valign="top" width="14.28%"><a href="https://github.com/magicmatatjahu"><img src="https://avatars2.githubusercontent.com/u/20404945?v=4?s=100" width="100px;" alt="Maciej Urbańczyk"/><br /><sub><b>Maciej Urbańczyk</b></sub></a><br /><a href="https://github.com/asyncapi/asyncapi-react/commits?author=magicmatatjahu" title="代码">💻</a> <a href="https://github.com/asyncapi/asyncapi-react/commits?author=magicmatatjahu" title="文档">📖</a> <a href="#ideas-magicmatatjahu" title="想法、规划与反馈">🤔</a> <a href="#maintenance-magicmatatjahu" title="维护">🚧</a> <a href="https://github.com/asyncapi/asyncapi-react/pulls?q=is%3Apr+reviewed-by%3Amagicmatatjahu" title="审查过的拉取请求">👀</a> <a href="https://github.com/asyncapi/asyncapi-react/commits?author=magicmatatjahu" title="测试">⚠️</a> <a href="#infra-magicmatatjahu" title="基础设施（托管、构建工具等）">🚇</a> <a href="https://github.com/asyncapi/asyncapi-react/issues?q=author%3Amagicmatatjahu" title="错误报告">🐛</a> <a href="#example-magicmatatjahu" title="示例">💡</a></td> <td align="center" valign="top" width="14.28%"><a href="https://github.com/kazydek"><img src="https://avatars0.githubusercontent.com/u/40655785?v=4?s=100" width="100px;" alt="Karolina Zydek"/><br /><sub><b>Karolina Zydek</b></sub></a><br /><a href="https://github.com/asyncapi/asyncapi-react/commits?author=kazydek" title="文档">📖</a> <a href="https://github.com/asyncapi/asyncapi-react/pulls?q=is%3Apr+reviewed-by%3Akazydek" title="审查过的拉取请求">👀</a> <a href="#maintenance-kazydek" title="维护">🚧</a></td> <td align="center" valign="top" width="14.28%"><a href="https://github.com/akucharska"><img src="https://avatars3.githubusercontent.com/u/20790348?v=4?s=100" width="100px;" alt="Agata"/><br /><sub><b>Agata</b></sub></a><br /><a href="https://github.com/asyncapi/asyncapi-react/commits?author=akucharska" title="代码">💻</a> <a href="#maintenance-akucharska" title="维护">🚧</a></td> <td align="center" valign="top" width="14.28%"><a href="http://resume.github.io/?derberg"><img src="https://avatars1.githubusercontent.com/u/6995927?v=4?s=100" width="100px;" alt="Lukasz Gornicki"/><br /><sub><b>Lukasz Gornicki</b></sub></a><br /><a href="https://github.com/asyncapi/asyncapi-react/commits?author=derberg" title="文档">📖</a> <a href="#example-derberg" title="示例">💡</a> <a href="#ideas-derberg" title="想法、规划与反馈">🤔</a> <a href="https://github.com/asyncapi/asyncapi-react/commits?author=derberg" title="代码">💻</a> <a href="#infra-derberg" title="基础设施（托管、构建工具等）">🚇</a> <a href="https://github.com/asyncapi/asyncapi-react/issues?q=author%3Aderberg" title="错误报告">🐛</a> <a href="#blog-derberg" title="博客文章">📝</a> <a href="#maintenance-derberg" title="维护">🚧</a></td> <td align="center" valign="top" width="14.28%"><a href="https://github.com/aerfio"><img src="https://avatars0.githubusercontent.com/u/17271979?v=4?s=100" width="100px;" alt="Mateusz Puczyński"/><br /><sub><b>Mateusz Puczyński</b></sub></a><br /><a href="https://github.com/asyncapi/asyncapi-react/commits?author=aerfio" title="代码">💻</a> <a href="https://github.com/asyncapi/asyncapi-react/commits?author=aerfio" title="文档">📖</a> <a href="#ideas-aerfio" title="想法、规划与反馈">🤔</a> <a href="#maintenance-aerfio" title="维护">🚧</a> <a href="https://github.com/asyncapi/asyncapi-react/pulls?q=is%3Apr+reviewed-by%3Aaerfio" title="审查过的拉取请求">👀</a> <a href="https://github.com/asyncapi/asyncapi-react/commits?author=aerfio" title="测试">⚠️</a></td> <td align="center" valign="top" width="14.28%"><a href="https://www.hash-tech.ch"><img src="https://avatars1.githubusercontent.com/u/35898?v=4?s=100" width="100px;" alt="Hesyar Uzuner"/><br /><sub><b>Hesyar Uzuner</b></sub></a><br /><a href="https://github.com/asyncapi/asyncapi-react/issues?q=author%3Ahesyar" title="错误报告">🐛</a> <a href="https://github.com/asyncapi/asyncapi-react/commits?author=hesyar" title="代码">💻</a></td> <td align="center" valign="top" width="14.28%"><a href="https://marcusilgner.com"><img src="https://avatars0.githubusercontent.com/u/160025?v=4?s=100" width="100px;" alt="Marcus Ilgner"/><br /><sub><b>Marcus Ilgner</b></sub></a><br /><a href="https://github.com/asyncapi/asyncapi-react/issues?q=author%3Amilgner" title="错误报告">🐛</a> <a href="https://github.com/asyncapi/asyncapi-react/commits?author=milgner" title="代码">💻</a></td> </tr> <tr> <td align="center" valign="top" width="14.28%"><a href="https://github.com/dhenneke"><img src="https://avatars0.githubusercontent.com/u/720821?v=4?s=100" width="100px;" alt="Dominik Henneke"/><br /><sub><b>Dominik Henneke</b></sub></a><br /><a href="https://github.com/asyncapi/asyncapi-react/commits?author=dhenneke" title="代码">💻</a></td> <td align="center" valign="top" width="14.28%"><a href="https://github.com/Fox32"><img src="https://avatars1.githubusercontent.com/u/648527?v=4?s=100" width="100px;" alt="Oliver Sand"/><br /><sub><b>Oliver Sand</b></sub></a><br /><a href="https://github.com/asyncapi/asyncapi-react/commits?author=Fox32" title="代码">💻</a></td> <td align="center" valign="top" width="14.28%"><a href="https://github.com/JakubIwanowski"><img src="https://avatars0.githubusercontent.com/u/25127286?v=4?s=100" width="100px;" alt="Jakub Iwanowski"/><br /><sub><b>Jakub Iwanowski</b></sub></a><br /><a href="https://github.com/asyncapi/asyncapi-react/commits?author=JakubIwanowski" title="代码">💻</a></td> <td align="center" valign="top" width="14.28%"><a href="https://github.com/depimomo"><img src="https://avatars3.githubusercontent.com/u/12368942?v=4?s=100" width="100px;" alt="depimomo"/><br /><sub><b>depimomo</b></sub></a><br /><a href="https://github.com/asyncapi/asyncapi-react/commits?author=depimomo" title="测试">⚠️</a></td> <td align="center" valign="top" width="14.28%"><a href="https://github.com/sanskar-p"><img src="https://avatars0.githubusercontent.com/u/54014518?v=4?s=100" width="100px;" alt="Sanskar Patro"/><br /><sub><b>Sanskar Patro</b></sub></a><br /><a href="https://github.com/asyncapi/asyncapi-react/commits?author=sanskar-p" title="代码">💻</a></td> <td align="center" valign="top" width="14.28%"><a href="https://github.com/DanielChuDC"><img src="https://avatars3.githubusercontent.com/u/52316624?v=4?s=100" width="100px;" alt="danielchu"/><br /><sub><b>danielchu</b></sub></a><br /><a href="#infra-DanielChuDC" title="基础设施（托管、构建工具等）">🚇</a></td> <td align="center" valign="top" width="14.28%"><a href="http://www.fmvilas.com"><img src="https://avatars3.githubusercontent.com/u/242119?v=4?s=100" width="100px;" alt="Fran Méndez"/><br /><sub><b>Fran Méndez</b></sub></a><br /><a href="https://github.com/asyncapi/asyncapi-react/commits?author=fmvilas" title="代码">💻</a> <a href="#maintenance-fmvilas" title="维护">🚧</a></td> </tr> <tr> <td align="center" valign="top" width="14.28%"><a href="http://www.codeblock.ch"><img src="https://avatars3.githubusercontent.com/u/416252?v=4?s=100" width="100px;" alt="Claude Gex"/><br /><sub><b>Claude Gex</b></sub></a><br /><a href="https://github.com/asyncapi/asyncapi-react/commits?author=gexclaude" title="代码">💻</a> <a href="#platform-gexclaude" title="移植到新平台">📦</a> <a href="#ideas-gexclaude" title="想法、规划与反馈">🤔</a></td> <td align="center" valign="top" width="14.28%"><a href="https://github.com/c-pius"><img src="https://avatars0.githubusercontent.com/u/22994291?v=4?s=100" width="100px;" alt="c-pius"/><br /><sub><b>c-pius</b></sub></a><br /><a href="https://github.com/asyncapi/asyncapi-react/commits?author=c-pius" title="代码">💻</a> <a href="https://github.com/asyncapi/asyncapi-react/issues?q=author%3Ac-pius" title="错误报告">🐛</a></td> <td align="center" valign="top" width="14.28%"><a href="https://github.com/aeworxet"><img src="https://avatars.githubusercontent.com/u/16149591?v=4?s=100" width="100px;" alt="Viacheslav Turovskyi"/><br /><sub><b>Viacheslav Turovskyi</b></sub></a><br /><a href="https://github.com/asyncapi/asyncapi-react/commits?author=aeworxet" title="文档">📖</a> <a href="https://github.com/asyncapi/asyncapi-react/commits?author=aeworxet" title="代码">💻</a></td> <td align="center" valign="top" width="14.28%"><a href="https://github.com/195858"><img src="https://avatars.githubusercontent.com/u/3858485?v=4?s=100" width="100px;" alt="195858"/><br /><sub><b>195858</b></sub></a><br /><a href="https://github.com/asyncapi/asyncapi-react/commits?author=195858" title="代码">💻</a></td> <td align="center" valign="top" width="14.28%"><a href="https://github.com/aayushmau5"><img src="https://avatars.githubusercontent.com/u/54525741?v=4?s=100" width="100px;" alt="Aayush Kumar Sahu"/><br /><sub><b>Aayush Kumar Sahu</b></sub></a><br /><a href="https://github.com/asyncapi/asyncapi-react/commits?author=aayushmau5" title="代码">💻</a></td> <td align="center" valign="top" width="14.28%"><a href="http://dalelane.co.uk/"><img src="https://avatars.githubusercontent.com/u/1444788?v=4?s=100" width="100px;" alt="Dale Lane"/><br /><sub><b>Dale Lane</b></sub></a><br /><a href="https://github.com/asyncapi/asyncapi-react/commits?author=dalelane" title="代码">💻</a> <a href="#ideas-dalelane" title="想法、规划与反馈">🤔</a></td> <td align="center" valign="top" width="14.28%"><a href="https://github.com/m1ner79"><img src="https://avatars.githubusercontent.com/u/55558050?v=4?s=100" width="100px;" alt="Michal Gornicki"/><br /><sub><b>Michal Gornicki</b></sub></a><br /><a href="https://github.com/asyncapi/asyncapi-react/commits?author=m1ner79" title="文档">📖</a></td> </tr> <tr> <td align="center" valign="top" width="14.28%"><a href="https://github.com/samriddhi"><img src="https://avatars.githubusercontent.com/u/5325345?v=4?s=100" width="100px;" alt="Samriddhi"/><br /><sub><b>Samriddhi</b></sub></a><br /><a href="https://github.com/asyncapi/asyncapi-react/commits?author=samriddhi" title="代码">💻</a></td> <td align="center" valign="top" width="14.28%"><a href="https://github.com/W0nderMuffin"><img src="https://avatars.githubusercontent.com/u/9134093?v=4?s=100" width="100px;" alt="W0nderMuffin"/><br /><sub><b>W0nderMuffin</b></sub></a><br /><a href="https://github.com/asyncapi/asyncapi-react/commits?author=W0nderMuffin" title="代码">💻</a></td> <td align="center" valign="top" width="14.28%"><a href="https://falzetti.me/"><img src="https://avatars.githubusercontent.com/u/2318450?v=4?s=100" width="100px;" alt="Andrea Falzetti"/><br /><sub><b>Andrea Falzetti</b></sub></a><br /><a href="https://github.com/asyncapi/asyncapi-react/commits?author=andreafalzetti" title="代码">💻</a></td> <td align="center" valign="top" width="14.28%"><a href="https://schwank.cc/"><img src="https://avatars.githubusercontent.com/u/8232196?v=4?s=100" width="100px;" alt="Dominik Schwank"/><br /><sub><b>Dominik Schwank</b></sub></a><br /><a href="https://github.com/asyncapi/asyncapi-react/commits?author=dschwank" title="代码">💻</a></td> <td align="center" valign="top" width="14.28%"><a href="https://github.com/kaiszybiak"><img src="https://avatars.githubusercontent.com/u/38980361?v=4?s=100" width="100px;" alt="Kai Szybiak"/><br /><sub><b>Kai Szybiak</b></sub></a><br /><a href="https://github.com/asyncapi/asyncapi-react/commits?author=kaiszybiak" title="代码">💻</a></td> <td align="center" valign="top" width="14.28%"><a href="http://blog.ineat-conseil.fr/"><img src="https://avatars.githubusercontent.com/u/5501911?v=4?s=100" width="100px;" alt="Ludovic Dussart"/><br /><sub><b>Ludovic Dussart</b></sub></a><br /><a href="https://github.com/asyncapi/asyncapi-react/commits?author=M3lkior" title="代码">💻</a></td> <td align="center" valign="top" width="14.28%"><a href="https://github.com/GreenRover"><img src="https://avatars.githubusercontent.com/u/512850?v=4?s=100" width="100px;" alt="Heiko Henning"/><br /><sub><b>Heiko Henning</b></sub></a><br /><a href="https://github.com/asyncapi/asyncapi-react/commits?author=GreenRover" title="代码">💻</a></td> </tr> <tr> <td align="center" valign="top" width="14.28%"><a href="https://github.com/thim81"><img src="https://avatars.githubusercontent.com/u/952446?v=4?s=100" width="100px;" alt="thim81"/><br /><sub><b>thim81</b></sub></a><br /><a href="https://github.com/asyncapi/asyncapi-react/commits?author=thim81" title="代码">💻</a></td> <td align="center" valign="top" width="14.28%"><a href="https://github.com/marceloavan"><img src="https://avatars.githubusercontent.com/u/3874978?v=4?s=100" width="100px;" alt="Marcelo Avancini"/><br /><sub><b>Marcelo Avancini</b></sub></a><br /><a href="https://github.com/asyncapi/asyncapi-react/commits?author=marceloavan" title="代码">💻</a></td> <td align="center" valign="top" width="14.28%"><a href="https://shishkin.org/"><img src="https://avatars.githubusercontent.com/u/124065?v=4?s=100" width="100px;" alt="Sergey Shishkin"/><br /><sub><b>Sergey Shishkin</b></sub></a><br /><a href="https://github.com/asyncapi/asyncapi-react/commits?author=shishkin" title="代码">💻</a></td> <td align="center" valign="top" width="14.28%"><a href="https://github.com/sarisia"><img src="https://avatars.githubusercontent.com/u/33576079?v=4?s=100" width="100px;" alt="Takakazu Fu"/><br /><sub><b>Takakazu Fu</b></sub></a><br /><a href="https://github.com/asyncapi/asyncapi-react/commits?author=sarisia" title="代码">💻</a></td> <td align="center" valign="top" width="14.28%"><a href="https://github.com/Laupetin"><img src="https://avatars.githubusercontent.com/u/9197140?v=4?s=100" width="100px;" alt="Jan"/><br /><sub><b>Jan</b></sub></a><br /><a href="https://github.com/asyncapi/asyncapi-react/commits?author=Laupetin" title="代码">💻</a></td> <td align="center" valign="top" width="14.28%"><a href="https://github.com/AceTheCreator"><img src="https://avatars.githubusercontent.com/u/40604284?v=4?s=100" width="100px;" alt="Ace "/><br /><sub><b>Ace </b></sub></a><br /><a href="https://github.com/asyncapi/asyncapi-react/commits?author=AceTheCreator" title="代码">💻</a></td> <td align="center" valign="top" width="14.28%"><a href="https://github.com/jonaslagoni"><img src="https://avatars.githubusercontent.com/u/13396189?v=4?s=100" width="100px;" alt="Jonas Lagoni"/><br /><sub><b>Jonas Lagoni</b></sub></a><br /><a href="https://github.com/asyncapi/asyncapi-react/commits?author=jonaslagoni" title="代码">💻</a></td> </tr> </tbody> </table> 本项目遵循[all-contributors](https://github.com/all-contributors/all-contributors)规范。欢迎任何形式的贡献！

编辑推荐精选

扣子-AI办公

扣子-AI办公

职场AI，就用扣子

AI办公助手，复杂任务高效处理。办公效率低？扣子空间AI助手支持播客生成、PPT制作、网页开发及报告写作，覆盖科研、商业、舆情等领域的专家Agent 7x24小时响应，生活工作无缝切换，提升50%效率！

堆友

堆友

多风格AI绘画神器

堆友平台由阿里巴巴设计团队创建，作为一款AI驱动的设计工具，专为设计师提供一站式增长服务。功能覆盖海量3D素材、AI绘画、实时渲染以及专业抠图，显著提升设计品质和效率。平台不仅提供工具，还是一个促进创意交流和个人发展的空间，界面友好，适合所有级别的设计师和创意工作者。

图像生成AI工具AI反应堆AI工具箱AI绘画GOAI艺术字堆友相机AI图像热门
码上飞

码上飞

零代码AI应用开发平台

零代码AI应用开发平台，用户只需一句话简单描述需求，AI能自动生成小程序、APP或H5网页应用，无需编写代码。

Vora

Vora

免费创建高清无水印Sora视频

Vora是一个免费创建高清无水印Sora视频的AI工具

Refly.AI

Refly.AI

最适合小白的AI自动化工作流平台

无需编码，轻松生成可复用、可变现的AI自动化工作流

酷表ChatExcel

酷表ChatExcel

大模型驱动的Excel数据处理工具

基于大模型交互的表格处理系统，允许用户通过对话方式完成数据整理和可视化分析。系统采用机器学习算法解析用户指令，自动执行排序、公式计算和数据透视等操作，支持多种文件格式导入导出。数据处理响应速度保持在0.8秒以内，支持超过100万行数据的即时分析。

AI工具酷表ChatExcelAI智能客服AI营销产品使用教程
TRAE编程

TRAE编程

AI辅助编程，代码自动修复

Trae是一种自适应的集成开发环境（IDE），通过自动化和多元协作改变开发流程。利用Trae，团队能够更快速、精确地编写和部署代码，从而提高编程效率和项目交付速度。Trae具备上下文感知和代码自动完成功能，是提升开发效率的理想工具。

AI工具TraeAI IDE协作生产力转型热门
AIWritePaper论文写作

AIWritePaper论文写作

AI论文写作指导平台

AIWritePaper论文写作是一站式AI论文写作辅助工具，简化了选题、文献检索至论文撰写的整个过程。通过简单设定，平台可快速生成高质量论文大纲和全文，配合图表、参考文献等一应俱全，同时提供开题报告和答辩PPT等增值服务，保障数据安全，有效提升写作效率和论文质量。

AI辅助写作AI工具AI论文工具论文写作智能生成大纲数据安全AI助手热门
博思AIPPT

博思AIPPT

AI一键生成PPT，就用博思AIPPT！

博思AIPPT，新一代的AI生成PPT平台，支持智能生成PPT、AI美化PPT、文本&链接生成PPT、导入Word/PDF/Markdown文档生成PPT等，内置海量精美PPT模板，涵盖商务、教育、科技等不同风格，同时针对每个页面提供多种版式，一键自适应切换，完美适配各种办公场景。

AI办公办公工具AI工具博思AIPPTAI生成PPT智能排版海量精品模板AI创作热门
潮际好麦

潮际好麦

AI赋能电商视觉革命，一站式智能商拍平台

潮际好麦深耕服装行业，是国内AI试衣效果最好的软件。使用先进AIGC能力为电商卖家批量提供优质的、低成本的商拍图。合作品牌有Shein、Lazada、安踏、百丽等65个国内外头部品牌，以及国内10万+淘宝、天猫、京东等主流平台的品牌商家，为卖家节省将近85%的出图成本，提升约3倍出图效率，让品牌能够快速上架。

下拉加载更多