Full feature tour

Every signal, clock, and bus — built by clicking and dragging, not writing syntax.

Clocks and signals run fully asynchronously — no shared timebase forced on anything. Realistic signal state modeling: High-Z, weak drive, glitches, and contention. Arrows, text, timebreaks, and labels that stay attached to what they're pointing at, even as the diagram changes underneath them.

Signals

Realistic Signal States

TimeGen models what a signal actually does on a real board: floating when nothing drives it, pulled weakly instead of driven, glitching for an instant, or genuinely contended between two sources.

StateWhat it represents
0 / 1Driven low or high
ZHigh impedance — nothing driving the line
Weak H/LPulled, not driven — drawn at half strength
HLContention or don't-care — full-height band
GlitchA momentary spike that snaps back automatically

Every transition between states can be ideal — a clean vertical edge — or non-ideal, drawn with a real slope to represent a transition that actually takes time. Set the default per signal, or override it on any single edge.

A signal with a high-impedance segment next to a clock and a data bus
Clock properties panel showing period, phase, duty cycle, and edge guide lines
Clocks

Drag a clock's waveform to set its phase.

A clock is defined by period, phase, duty cycle, and polarity. Change any of them from the properties panel, or just grab the clock's own waveform on the canvas and drag it left or right: the phase value updates live as you move, no dialog box in the way.

  • Period — time between one rising edge and the next
  • Phase — shifts the whole waveform in time, shown as 0–360°
  • Duty cycle — what fraction of each period is high
  • Invert — flips which half of the period is high
  • Clock period lines — dashed reference lines drawn down the whole diagram at every edge, for lining up other signals against this clock
Buses

Click a segment. Start typing. That's it.

A bus segment holds any text you type, shown right inside the segment. Click a segment and its value field focuses immediately, so you can click through a whole row of segments and just keep typing, one value after another, without a single extra click to get into the text box.

Every transition shows an uncertainty crossing mark by default, the same convention used in real datasheets — or a clean vertical line if you mark that edge, or the whole bus, as ideal.

Bus segment properties panel with the value field focused for typing
An edge's properties, including its direction arrow setting
Annotations

Arrows and intervals that stay attached when you move an edge.

Document the relationship between signals, not just the signals themselves. Draw a straight arrow, a bezier curve for anything that isn't in a straight line, an interval bracket that calculates the time between two points automatically, or drop a free text box anywhere on the canvas.

Snap an annotation's endpoint to a real signal edge when you draw it, and it stays attached — drag that edge to a new time later, and the arrow (and the interval's calculated time difference) follow automatically instead of being left pointing at the wrong spot.

Time breaks

Indicate a gap in the timeline.

Add a time break to show a gap in the timeline — the standard broken-line convention — instead of drawing out a long boring stretch at full width. Apply it to a single row, or to every row in the diagram at once, and it automatically matches whichever rails that row actually uses.

A time break shown across every row of a diagram
TimeGen toolbar including the File menu
Export

Real vector files, crisp at any zoom.

FormatBest for
SVGTrue vector — crisp at any zoom, editable in Illustrator or Inkscape
PDFVector, built for print and datasheets

Ctrl + C copies the diagram straight to your clipboard — paste it directly into Word with no export step at all.

Workspace

Supported Features

RULER

A ruler you can customize

Set a prefix, suffix, starting value, and increment for the time ruler — label your diagram in ns, cycles, or whatever unit the spec actually uses.

ZOOM

Zoom in without losing your place

Zoom into a dense transition or out to see the whole diagram at once — panning and zooming stay smooth even as a diagram grows.

THEME

Dark and light workspace themes

Work in a dark theme for long sessions or switch to light for screenshots and presentations — your diagram's colors adapt automatically.

Try it on your own diagram.

Free to start — the full editor, every feature on this page, no watermark.