Component theme

Editor Workflows

14 components, each a single self-contained HTML file — no frameworks, no build step. Preview them here, or see them live on the canvas.

• Markdown SplitA focused Markdown control flips between readable source and rendered preview, with one large two-state selector designed to stay legible inside a 300px…
• Comment ComposerA single reply control types a useful comment, presses its send action and resolves to a clear sent state without shrinking into a miniature discussion…
• Mention PickerA compact mention field types @ma, reveals one large teammate result, highlights it and resolves into a clear @maya token sized for the public canvas.
• Autosave DraftOne document-status control moves from edited to saving to saved, morphing a neutral dot into a spinner and confirmation mark at clear 300px-tile scale.
• Suggested EditsOne focused inline revision replaces a vague phrase with an exact result, then demonstrates both accept and reject outcomes with large controls.
• Focus WritingA compact focus-mode control turns on, then moves a crisp reading spotlight across three short lines while surrounding copy recedes.
• VCA Audio CompressorVCA Audio Compressor control in the Sam Creates system.
• Color Grade LUT WiperColor Grade LUT Wiper control in the Sam Creates system.
• Multitrack Timeline TransportMultitrack Timeline Transport control in the Sam Creates system.
• Jog Shuttle Frame ScrubberJog Shuttle Frame Scrubber control in the Sam Creates system.
• Seam Ripper UndoUndo as a seam ripper: tap to sew a stitch, drag left to unpick it back along its path. The holes stay, so history keeps its scars; drag right to resew…
• Backlash Rewind DialUndo as a watch crown: spin the dial counterclockwise, scroll or press Left Arrow to sweep back over every action; the hand springs past and settles. The…
• Unsaid Word RewindUndo as an unsaid word: the last action is written as a word; hold it and it rewinds letter by letter, and when a word runs out the action before it…
• Night Fold UndoUndo as a stack of nights: fling the top card up to fold it back over the stack, fling down or tap the turned corner to bring it back, tap empty space to…