regex-vis是一款正则表达式可视化工具，提供了一系列组件，可在 Web 页面上通过配置，快速生成正则表达式，以及对应的可视化图形，并且还支持运行测试，检验结果。基于TypeScript编写，遵守MIT开源协议。

使用：

输入一个正则表达式后，会生成它的可视化图形。然后可以点选或框选图形中的单个或多个节点，再在右侧操作面板对其进行操作，具体操作取决于节点的类型，比如在其右侧插入空节点、为节点编组、为节点增加量词等

其他小功能:

  • 黑夜 / 白天模式切换
  • 输入测试用例，测试正则表达式
  • 常用正则表达式样例展示

源码：https://github.com/Bowen7/regex-vis

官网：https://regex-vis.com/