Search...Search plugins and themes...
⌘K
Sign in
  • Get started
  • Download
  • Pricing
  • Enterprise
  • Account
  • Obsidian
  • Overview
  • Sync
  • Publish
  • Canvas
  • Mobile
  • Web Clipper
  • CLI
  • Learn
  • Help
  • Developers
  • Changelog
  • About
  • Roadmap
  • Blog
  • Resources
  • System status
  • License overview
  • Terms of service
  • Privacy policy
  • Security
  • Community
  • Plugins
  • Themes
  • Discord
  • Forum / 中文论坛
  • Merch store
  • Brand guidelines
Follow us
DiscordTwitterBlueskyThreadsMastodonYouTubeGitHub
© 2026 Obsidian

CodeBlock Tabs

jeminmaujeminmau7k downloads

Create tab group for contiguous code blocks.

Add to Obsidian
  • Overview
  • Scorecard
  • Updates1

Create tab group for contiguous CodeBlocks.

Demo

Usage

```dataview {'title':"Top-10"}
table lang
from "halloworld"
sort lang asc
limit 10
```

```Python {'title':'hallo.py'}
print("Hello World")
```

```Java {'title':'hallo.java'}
import java.io.*;

public class HelloWorld {
    public static void main(String[] args) {
        System.out.println("Hello, World");
    }
}
```

```Go {'title':'hallo.go'}
println('Hello World");
```

```Cpp {'title':'hallo.cpp'}
#include <iostream>
 
int main() {
    std::cout << "Hello World";
    return 0;
}
```

```JavaScript {'title':'hallo.js'}
console.log("Hello World");
```

```TypeScript {'title':'hallo.ts'}
console.log 'Hello World'
```

```C {'title':'hallo.c'}
#include <stdio.h>

int main() {
    printf("Hello World");
    return 0;
}
```

```Rust {'title':'hallo.rs'}
fn main() {
    println!("Hello, world!");
}
```

```Swift {'title':'hallo.swift'}
println('Hello World');
```

```HTML {'title':'hallo.html'}
<!DOCTYPE html>
<html>
    <head>
    </head>
    <body>
        <h1>Hello World<h1>
    </body>
</html>
```

Contributing

Contributions via bug reports, bug fixes, documentation, and general improvements are always welcome. For more major feature work, make an issue about the feature idea / reach out to me so we can judge feasibility and how best to implement it.

Support

Your love drives me to do better.

https://buymeacoffee.com/JeminMau

HealthFair
ReviewCaution
About
Create tab groups from contiguous code blocks and display each block as a labeled tab using language or title metadata. Switch between snippets to compare languages or keep multiple versions of the same example organized inline.
CodeInterfaceFormatting
Details
Current version
1.0.0
Last updated
3 years ago
Created
3 years ago
Updates
1 release
Downloads
7k
Compatible with
Obsidian 0.0.1+
Platforms
Desktop, Mobile
License
MIT
Report bugRequest featureReport plugin
Sponsor
Buy Me a Coffee
Author
jeminmaujeminmau
github.com/JeminMau
GitHubjeminmau
  1. Community
  2. Plugins
  3. Code
  4. CodeBlock Tabs

Related plugins

Inline Encrypter

Encrypt secrets in your notes.

Hider

Hide interface elements such as tooltips, status bar, titlebar, and more.

Meta Bind

Make your notes interactive with inline input fields, metadata displays, and buttons.

Commander

Customize your workspace by adding commands everywhere, create macros and supercharge your mobile toolbar.

Mermaid Tools

Improved Mermaid.js experience: visual toolbar with common elements and more.

Admonition

Admonition block-styled content.

Agent Client

Chat with Claude Code, Codex, Gemini CLI, and more via the Agent Client Protocol — right from your vault.

Note Toolbar

Add customizable toolbars to your notes.

Dragger

Drag and drop any block (paragraphs, headings, lists, etc.) to rearrange content like Notion.

Linter

Format and style your notes. Linter can be used to format YAML tags, aliases, arrays, and metadata; footnotes; headings; spacing; math blocks; regular Markdown contents like list, italics, and bold styles; and more with the use of custom rule options.