notehound.app Get the App

Interface Overview

Interface Overview

NoteHound uses a single-screen vertical layout. All panels are visible in one scrollable view, with collapsible sections for editors and a fixed header bar at the top.

App layout with annotations

Layout (Top to Bottom)

  • Header Bar — fixed at top. Projects, title, export, MIDI status, docs, help, settings.
  • Transport Bar — play/pause, skip, markers, loop toggle, time display.
  • Speed & Volume Controls — speed slider, presets, volume sliders, level meters, mute buttons.
  • Loop Display Panel — three columns: loop info, rep counter, practice timer.
  • Practice Command Pills — PRE, COUNT, RAMP, NOTE, SAVE.
  • Loop Lane Bar — coloured loop segments along the timeline.
  • Overview Bar — mini waveform showing the full song with viewport indicator.
  • Waveform Display — main waveform with playhead, markers, and sections.
  • Waveform Toolbar — section toggles, zoom, ruler, lock, and section creation controls.
  • Piano Roll (Pro) — collapsible, resizable grid-based note editor.
  • Keyboard — collapsible, resizable playable piano.
  • Fretboard (Pro) — collapsible guitar/bass fretboard display.
  • Guitar Tab (Pro) — collapsible, resizable tablature editor.

Collapsible Sections

The Piano Roll, Keyboard, Fretboard, and Guitar Tab are each wrapped in a collapsible section. Tap the section header to expand or collapse it. The header shows a chevron (right = collapsed, down = expanded), the section title, and optional accessory controls on the right side. Pro-only sections show a lock icon when not unlocked; tapping the lock opens the Pro Unlock sheet.

Resizable Sections

When expanded, the Piano Roll, Keyboard, and Guitar Tab have a drag handle at the bottom edge. Drag it to resize the section height. Maximum heights: Piano Roll 500pt, Keyboard 400pt.

Header Bar

The header bar sits at the very top of the screen and provides access to projects, settings, export, documentation, and MIDI status at a glance. See Header Bar details for a full breakdown of each button.

Waveform Display

The waveform sits in the center of the screen:

  • Playhead — the orange vertical line marks your current position; the waveform scrolls behind it
  • Loop region — highlighted band showing the active loop
  • Section overlays — colored labels marking song structure (Intro, Verse, Chorus, etc.)
  • Overview bar — a miniature full-track view above the waveform for quick navigation

Instrument Panels

At the bottom, you can open instrument panels for transcription:

  • Piano Roll — shows notes on a grid with time and pitch
  • Keyboard — an on-screen keyboard for playing notes by ear
  • Fretboard — a guitar/bass fretboard view
  • Guitar Tab — a tab editor linked to the piano roll

Each panel can be shown or hidden independently using its collapsible section header.