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

Verilog Bitfield

aipyeraipyer25 downloads

Render Verilog bitfield definitions as interactive SVG diagrams and tables

Add to Obsidian
  • Overview
  • Scorecard
  • Updates6

An Obsidian plugin that renders Verilog bitfield definitions as interactive SVG diagrams and tables. Designed for chip frontend engineers to visualize bitfield layouts directly in their notes.

Features

  • Unified syntax — define bitfields with name width description and indented children
  • SVG bitfield diagram — auto layout (horizontal/vertical) with dual-index labels: self-relative inside box, parent bit range outside as gray annotation
  • HTML table view — toggle between diagram and table with one click
  • Configurable themes — 3 SVG color schemes (pastel/vivid/mono) and 5 table styles (default/minimal/zebra/clean/dark-header)
  • Adjustable row height — SVG and table row height independently configurable via slider
  • Cross-block references — use @block_name to reference definitions across code blocks
  • Click to navigate — click a @reference to scroll to the definition and highlight it
  • Hover preview — hover over a @reference to see a tooltip preview of the definition
  • Auto-fill reserved — unfilled bits are automatically padded with reserved at the MSB end
  • LSB-first allocation — fields defined earlier get lower bits, matching Verilog convention
  • Up to 5 levels of nesting

Usage

Wrap your bitfield definitions in a verilog-bitfield code block:

```verilog-bitfield
uart_ctrl 32 UART Control Register
    tx_en 1 Transmit enable
    rx_en 1 Receive enable
    reserved 2
    data_bits 2 Data bits select
    stop_bits 1 Stop bits select
    parity_en 1 Parity enable
```

The plugin renders it as an interactive bitfield diagram with dual-index labels:

Vertical bitfield diagram

Switch to table view with one click. Wider fields with shorter labels render horizontally:

Horizontal bitfield diagram

The table view shows field name, bit width, bit range, and description with nested indentation:

Table view

Cross-block references

Define blocks in one code block and reference them in another:

```verilog-bitfield
uart_ctrl 32 UART Control Register
    tx_en 1 Transmit enable
    rx_en 1 Receive enable
    reserved 2
    data_bits 2 Data bits select

uart_status 32 UART Status Register
    tx_busy 1 Transmit busy
    rx_ready 1 Receive ready
```
```verilog-bitfield
uart_regs 64 UART Register Block
    @uart_ctrl 32 Control
    @uart_status 32 Status
```

Click @uart_ctrl in the referencing block to jump to its definition.

Installation

From Obsidian Community Plugins

  1. Open Settings → Community plugins
  2. Search for "Verilog Bitfield"
  3. Install and enable

Manual

  1. Download main.js, manifest.json, styles.css from the latest release
  2. Create a folder verilog-bitfield in your vault's .obsidian/plugins/ directory
  3. Copy the three files into that folder
  4. Enable the plugin in Settings → Community plugins

License

MIT

96%
HealthExcellent
ReviewSatisfactory
About
Verilog Bitfield renders hardware bitfield definitions as interactive SVG diagrams and tables. Write name width description in a code block, indent sub-fields, and the plugin handles the rest — bit-range calculation, reserved padding, overflow detection, color assignment. Works for register maps, interface protocols, packet headers, and any fixed-width bit layout. One code block can define multiple blocks. Use @references to compose complex definitions from modular pieces without duplication. Click a reference to jump to its definition, hover for instant preview. Toggle between diagram and table per block. Diagrams auto-select horizontal or vertical layout based on width. Tables show field name, bit range, and description with nested indentation. Your bitfield spec lives in your notes, rendered live, always in sync with your design.
CodeTables
Details
Current version
1.1.0
Last updated
3 days ago
Created
5 days ago
Updates
6 releases
Downloads
25
Compatible with
Obsidian 1.0.0+
Platforms
Desktop, Mobile
License
MIT
Report bugRequest featureReport plugin
Author
aipyeraipyeraipyer
GitHubaipyer
  1. Community
  2. Plugins
  3. Code
  4. Verilog Bitfield

Related plugins

Advanced Tables

Improved table navigation, formatting, and manipulation.

Templater

Create and use dynamic templates.

Mermaid Tools

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

PlantUML

Generate PlantUML diagrams.

Datacore

An even faster reactive query engine for the data obsessed.

Super Simple Time Tracker

Multi-purpose time trackers for your notes.

Kroki

Render Kroki diagrams.

Sheet Plus

Create Excel-like spreadsheets and easily embed them in Markdown.

JS Engine

Run JavaScript from within your notes.

Code Space

Professional code file management with visual dashboard, syntax highlighting editor, and Markdown embedding.