Tab Flow

by liubinfighter
5
4
3
2
1
Score: 45/100

Description

Render, play and create guitar tabs. Write tabs in text. Modern music font and sound! (.atex, .gp, .gp3, .gp4, .gp5, .gpx) Powered by alphaTab.js.

Reviews

No reviews yet.

Stats

31
stars
1,210
downloads
1
forks
19
days
5
days
20
days
205
total PRs
5
open PRs
78
closed PRs
122
merged PRs
107
total issues
35
open issues
72
closed issues
239
commits

Latest Version

20 days ago

Changelog

中文

  • 变更:React 运行时由 19 降到 18.3.1 —— React 19 内置的资源预加载代码会在产物中创建 script 元素,被目录审核判为代码混淆风险;插件只用到 createRoot + hooks + context,功能与行为不受影响,产物还小了约 80KB

English

  • Change: React runtime downgraded from 19 to 18.3.1 — React 19 bundles resource-preloading code that creates script elements, which the directory review flags as a code-obfuscation risk. The plugin only uses createRoot, hooks and context, so behaviour is unchanged and the bundle is about 80KB smaller

README file from

Github

DOI CI GitHub release (latest by date) Ask DeepWiki

Tab Flow

Render, play and write guitar tabs in Obsidian. Powered by alphaTab.

Tab Flow player rendering a Guitar Pro score

Tab Flow score view

Features

  • Render and play Guitar Pro files (.gp, .gp3, .gp4, .gp5, .gpx).
    • Tab rendering, play/pause/stop, playback cursor, auto-scroll, dark mode.
    • Control components: tracks, layout, zoom, speed, count-in, metronome.
  • Write scores in alphaTex (.atex files, or alphatex code blocks in notes) and share them.
    • Syntax highlighting (CodeMirror), Guitar Pro export, PNG share card, PDF export (work in progress).
  • Built-in interactive documentation to learn and enjoy alphaTex.

Custom playback experience

visual-editor-playbar

Write guitar tabs like Markdown

.atex files:

alphaTex file editor

alphatex code blocks in .md notes:

alphatex-copy-and-paste-writing

Share your riff (beta)

Share card preview

Learn alphaTex in the built-in playground

alphaTex playground

Open the documentation view from the command palette or the guitar ribbon icon:

alphatex-and-doc

Requirements

  • Obsidian 1.8.0 or later.
  • Desktop only. The plugin bundles a web worker and uses Node APIs to load its local assets.

Install

1. Obsidian community plugins

Once Tab Flow is available in the community directory: Settings → Community plugins → Browse, search for Tab Flow, then install and enable it.

  1. Install and enable the BRAT plugin.
  2. In BRAT, choose Add beta plugin and enter:
    https://github.com/LIUBINfighter/Obsidian-Tab-Flow
    
  3. Select a version and add the plugin.
  4. Continue with First run below.

3. Manual install

  1. Download tab-flow.zip (or main.js, manifest.json, styles.css) from the latest release.
  2. Extract it into <your vault>/.obsidian/plugins/tab-flow/.
  3. Reload Obsidian and enable Tab Flow in Settings → Community plugins.

First run: download the playback assets

For security reasons, community plugins can't download files automatically. Tab Flow ships without the music font, soundfont and web worker; download them once from Settings → Tab Flow → Asset management:

  1. Open Settings → Tab Flow.
  2. In the Asset management tab, click Download missing asset files and wait for the download to finish.
  3. Reload the plugin (or restart Obsidian).

The assets are fetched from the plugin's GitHub release, are stored inside the plugin folder, and are only used locally. See Security and assets below.

Usage

  • Play a Guitar Pro file: open any .gp / .gp3 / .gp4 / .gp5 / .gpx file. Tab Flow renders the score and opens the player view.
  • Write a score: create a .atex file, or add an alphatex code block to any note:
    ```alphatex
    \title "My riff"
    .
    :4 0.6 2.5 2.4 2.3 | 3.2 2.2 0.1 3.1
    ```
    
  • Learn alphaTex: open the documentation view from the guitar ribbon icon (or the command palette) and edit the samples in the built-in playground.
  • Editor: open the alphaTex editor from the command palette to write and preview side by side.
  • Print / PDF: open the print preview from the player toolbar and use your system print dialog.

Roadmap

  • 0.5.x: player and editor polish (React + Zustand), alphaTab 1.8 support.
  • 1.0.0: multimodal OCR for alphaTex and deeper score tooling.

More experiments live at alphatab-vue.

Contributing

Thanks for using Tab Flow! Contributions are welcome:

  • Feature requests and bugs: please open an issue.
  • Pull requests: start a discussion or issue first so we can align on the approach.

Inspired by

alphaTab.js, Bocchi the Rock!, Girls' Band Cry.

Security and assets

Tab Flow downloads its runtime assets (music font, soundfont, web worker) from the plugin's GitHub release only when you ask it to, and keeps them inside the plugin folder. No telemetry, no remote code execution, no network access at runtime beyond loading those local files.

Disclaimer

Please keep backups of your Guitar Pro files. Tab Flow doesn't rewrite your .gp files, but some scores render imperfectly because of CJK text encoding differences.

Copyright (c) 2025 Jay Bridge and other contributors. All rights reserved.

Licensed under the MPL 2.0 License.

Alt

Special thanks to

alphaTab logo