Stately logo

Stately

认领

Stately 是一款可视化软件建模平台,可将应用和业务逻辑构建为状态机、状态图和 actor。帮助团队基于 XState 设计、模拟、导出并实现逻辑。

Stately preview

Stately 是什么

Stately 是一款可视化软件建模平台,可将应用和业务逻辑构建为状态机、状态图和 actor。该产品将拖放式编辑器与 XState 结合,使团队能够以可视化方式设计逻辑,并在代码中运行它。

该网站将 Stately 定位为跨设计、开发、测试和文档的逻辑统一事实来源。用户可以无代码创建流程,对其进行模拟,生成代码或 React 应用,并随着时间推移保持图表与实现一致。

功能

用于共享逻辑建模的可视化编辑器

使用拖放式编辑器构建逻辑,将代码、图表、文档和测试生成整合到一个工作区中。

模拟模式

在编辑器中直接模拟状态机,包括触发的事件、事件日志,以及当机器没有错误时对无事件和延迟事件的自动处理。

代码和文档导出

将状态机导出为 JavaScript、TypeScript、JSON、Mermaid、Markdown 或 Stories,并发送项目到 CodeSandbox 或 StackBlitz。

AI 辅助生成

使用 AI 生成状态机、React UI 和代码,不同定价层级会定义不同的生成额度。

版本控制与代码库同步

通过版本控制保留工作历史,在更高层级中共享私有或未列出项目,并连接 GitHub Sync 以保持与代码库一致。

开发者集成

将 Stately 与 JavaScript 和 TypeScript 应用中的 XState 一起使用,并支持 React、Vue、Svelte,以及用于编辑器工作流的 VS Code 扩展。

常见用例

  • 原型设计应用和工作流逻辑

    无需代码创建流程,然后通过模拟检查状态变化,并在实现前进行迭代。

  • 团队评审和需求收集

    使用可视化编辑器让产品、设计和工程团队就行为应如何工作达成一致,然后将图表作为统一事实来源共享。

  • AI 辅助脚手架和代码交接

    根据图表生成状态机、React 应用和代码,以加快移交到开发工作的速度。

  • 文档和规范导出

    将图表和机器定义导出为 JavaScript、TypeScript、Mermaid、Markdown 或 Stories 等格式,用于文档和交付。

  • 在现有代码库中持续实施

    通过 XState、GitHub Sync 以及对 React、Vue、Svelte 和其他 JavaScript 应用的框架支持,将模型连接到代码库。

Pros and Cons

Pros

  • 将可视化建模、代码导出和模拟整合在一个工作流中。
  • 与 XState 配合使用,XState 是开源的,并支持 JavaScript 和 TypeScript。
  • 支持多种框架和环境,包括 React、Vue、Svelte 以及其他 JavaScript 运行时。
  • 包含 AI 生成、React 应用生成、测试生成和 GitHub Sync 选项。
  • 为公开项目提供免费 Community 方案。

Cons

  • 某些协作和输出功能仅限付费方案,包括私有项目、版本历史、实时模拟模式以及某些导出格式。
  • 文档和定价页面强调的是基于状态机的工作流,因此寻找通用绘图工具的团队可能会觉得该产品更专门。

FAQ

Stately Studio 有什么用途?

Stately Studio 是一款可视化软件建模平台,用于将应用和业务逻辑构建为状态机、状态图和 actor。文档将其描述为与 XState 配合使用的可视化编辑器,但如果你想先学习这些概念,也可以不使用 XState。

Stately Studio 包含哪些功能?

源页面显示了拖放式可视化编辑器、模拟模式、代码导出、版本历史、AI 生成、GitHub Sync、Figma 嵌入以及 VS Code 扩展。它还支持 React 应用生成和测试生成。

Stately 有免费和付费方案吗?

定价页面列出了面向公开项目的免费 Community 方案、面向私有和未列出项目的 Professional 方案、面向团队共享项目的 Team 方案,以及提供自定义选项的 Enterprise 方案。它还提供咨询和工作坊的服务联系渠道。

我可以从 Stately 导出什么?

导出文档说明你可以将机器代码导出为 JSON、JavaScript、TypeScript、Mermaid、Markdown beta 和 Stories beta,也可以导出到 CodeSandbox 和 StackBlitz。某些导出格式和功能仅限高级方案。

团队可以将 Stately 与现有代码库和工具一起使用吗?

文档说明 Stately Studio 与 XState 搭配使用时最强大,但你也可以在不使用 Stately Studio 的情况下在代码库中使用 XState。首页称支持 React、Vue、Svelte 和其他框架的集成,文档中还提到了 VS Code 扩展。

Quick Facts

类别
开发者工具
主要产品
可视化软件建模平台
核心模型
状态机、状态图和 actor
主要用户
产品、设计和工程团队
平台
Web 应用、XState 和 VS Code 扩展
源域名
stately.ai

Stately 数据分析

Stately· 月访问量 7.8万· 全球排名 #403,723

流量数据仅供参考。

月访问量
7.8万
全球排名
#403,723
分类排名
#6,017
用户跳出率
39.2%
平均访问时长
02:45
每次访问页数
3.53

流量趋势

7.8万5.2万2.6万04月: 71,8884月5月: 70,7885月6月: 78,1536月
月访问量 - 3
4月71888
5月70788
6月78153

流量来源

  • 直接访问37.2%
  • 搜索14.0%
  • 引荐38.5%
  • 社交8.98%
  • 邮件0.90%
  • 联盟0.00%

主要访问地区

  • 美国35.3%
  • 波兰11.1%
  • 英国10.1%
  • 越南5.20%
  • 加拿大4.14%
  • 其他34.2%