@pluginui
Design modern interfaces for instruments and effects, on the web or in native DAWs. Customizable controls and themes powered by the Maru Audio platform.
Install this registry
npx shadcn@latest add https://pluginui.com/r/registry.json pnpm dlx shadcn@latest add https://pluginui.com/r/registry.json bunx shadcn@latest add https://pluginui.com/r/registry.json curl -s https://pluginui.com/r/registry.json Components
250 totalShared editable pitch, chord character and chord size histograms, with a matching read-only pitch display. Used by Harmonizer and Hand Chord.
npx shadcn@latest add https://pluginui.com/r/core-pitch-class-histogram.json Clarence Barlow's stratified meter decomposition — assigns a metric weight to every rhythmic position in any time signature. Drives density control, humanizati…
npx shadcn@latest add https://pluginui.com/r/core-barlow.json Portable control-level MIDI CC menu and binding editor: assign a controller number and channel by right-clicking a control, then edit range, response curve, le…
npx shadcn@latest add https://pluginui.com/r/core-cc-binding-editor.json Portable context-menu actions for module faces and controls on Base UI's ContextMenu (right-click and touch long-press) and the ContextMenu key or Shift+F10, p…
npx shadcn@latest add https://pluginui.com/r/core-context-menu-target.json The scoped ownership ledger used by nested MIDI-aware control frames so exactly one wrapper registers a parameter target.
npx shadcn@latest add https://pluginui.com/r/core-cc-control-chrome-core.json One reusable frame for custom controls: parameter-path resolution, drag target, activity state, editable badge, and the shared MIDI context menu.
npx shadcn@latest add https://pluginui.com/r/core-cc-control-chrome.json Drag a MIDI CC source onto a control to bind it: a dependency-free pointer-capture drag protocol with rect hit-testing, an equivalent keyboard path (Enter to p…
npx shadcn@latest add https://pluginui.com/r/core-cc-dnd.json A row of MIDI CC chips you can turn and reorder. Turning is the ordinary knob gesture; reordering starts from a separate grip handle and works with pointer or …
npx shadcn@latest add https://pluginui.com/r/core-cc-knob-strip.json Controlled list reordering with stable identities, pointer and keyboard gestures, and cancellable previews.
npx shadcn@latest add https://pluginui.com/r/core-stable-reorder.json The MIDI CC chips you drag onto a control to bind it: the mod wheel first, then the expressive controllers, then a numeric picker for the other hundred-odd num…
npx shadcn@latest add https://pluginui.com/r/core-cc-source.json Every MIDI CC mapping of a host as one grouped list: by module or rack instance, with a by-CC sort, search and filters. Rows show the CC, input and channel, ta…
npx shadcn@latest add https://pluginui.com/r/core-cc-mapping-list.json The host's one toast for a hardware controller that moved but is not mapped: the source and channel, a live value, a chip you drag straight onto a control, Pic…
npx shadcn@latest add https://pluginui.com/r/core-cc-unmapped-notice.json The maths of a vibrating plate as pure functions: the 2D standing-wave equation, a frequency-to-mode heuristic for a modelled steel plate, and the amplitude-we…
npx shadcn@latest add https://pluginui.com/r/core-chladni-formulas.json Nodal patterns for a set of frequencies — the figure sand draws on a driven metal plate. Either a particle simulation finding the nodes over time or the standi…
npx shadcn@latest add https://pluginui.com/r/core-chladni-plate.json How the chords in a progression connect, as a shared-pitch-class network: an edge between every pair sharing a note, weighted by how many. A chart tells you th…
npx shadcn@latest add https://pluginui.com/r/core-chord-graph.json Everything analysis can say about what is sounding, in one card: the chord symbol with its alternatives, note names and the raw set encoding, the Forte set cla…
npx shadcn@latest add https://pluginui.com/r/core-chord-readout.json A pitch-class histogram plotted on the wheel where neighbouring slots are a fifth apart, so the seven notes of any key form one unbroken arc and a modulation i…
npx shadcn@latest add https://pluginui.com/r/core-circle-of-fifths.json The QWERTY keyboard as a MIDI controller. Keyed on physical key position (event.code) so the layout survives AZERTY and Dvorak, with a text-field guard, held-k…
npx shadcn@latest add https://pluginui.com/r/core-computer-keyboard.json The ramps every display paints magnitude with and the two wheels a harmony display paints pitch with, as pure functions. The ramps are the real multi-stop scie…
npx shadcn@latest add https://pluginui.com/r/core-color-scale.json How well notes agree, as pure functions — two models side by side: a 12-TET interval table for the answer a musician would give, and Plomp-Levelt roughness plu…
npx shadcn@latest add https://pluginui.com/r/core-consonance.json Which of the twelve notes fit what is sounding now — a playing aid, not an analysis. Each pitch class is shaded by how well it agrees with a blend of the held …
npx shadcn@latest add https://pluginui.com/r/core-consonance-matrix.json Value formatters for parameter readouts — Hz with a k-suffix, dB with a silence floor, pan as L/C/R, percentages and choices.
npx shadcn@latest add https://pluginui.com/r/core-control-format.json A shared caption/readout wrapper with optional bounded text fitting, narrow typography and ellipsis inside a designer-owned width.
npx shadcn@latest add https://pluginui.com/r/core-control-label.json Clamping, normalisation and step quantisation shared by every control, plus the SVG arc helpers the knob draws with.
npx shadcn@latest add https://pluginui.com/r/core-control-math.json The kit's shared visual vocabulary: the skins every control understands (default, flat, vintage, minimal, neon), the traits behind them, the helpers that turn …
npx shadcn@latest add https://pluginui.com/r/core-control-skin.json The CSS custom property contract every control reads, with rich defaults and a few ready-made skins.
npx shadcn@latest add https://pluginui.com/r/core-control-theme.json A delay's echo train on a time axis: a muted reference pip for the dry hit, then one pip per repeat at the moment it arrives and the height it arrives with, fa…
npx shadcn@latest add https://pluginui.com/r/core-delay-tap-display.json What makes a readout look like hardware instead of like text: nine panel skins (LED red/amber/green/blue, VFD, plasma, and the backlit and reflective LCDs) plu…
npx shadcn@latest add https://pluginui.com/r/core-display-chrome.json The character screen bolted into the front of a rack unit — five columns by seven or eight rows per cell, several lines, and the unlit dots present the whole t…
npx shadcn@latest add https://pluginui.com/r/core-dot-matrix-display.json Text into a field of lit dots, the way the hardware has it: the classic 5x8 character-cell bitmap font as column masks, a flat run of columns per line, a windo…
npx shadcn@latest add https://pluginui.com/r/core-dot-matrix-font.json A tonewheel organ's registration control: N sliding bars with nine detents each, coloured in the classic brown/white/black families, and the registration print…
npx shadcn@latest add https://pluginui.com/r/core-drawbar-strip.json The rhythm sibling of the piano roll: named lanes (Kick, Snare, Hat…) down the left, a beat grid across, and every hit drawn at its exact onset so timing and s…
npx shadcn@latest add https://pluginui.com/r/core-drum-lane.json The Logic-style "Low Cut … High Cut" band bar: two caps on one log or linear frequency track with the band between them lit. Press the band to move both caps a…
npx shadcn@latest add https://pluginui.com/r/core-dual-band-selector.json A compressor or gate's transfer curve — computed, so it is true before a single sample plays — with the knee shaded, the threshold marked, a gate's hysteresis …
npx shadcn@latest add https://pluginui.com/r/core-dynamics-display.json The compressor/gate transfer function as pure maths: the standard soft-knee formulation the Web Audio DynamicsCompressorNode is specified against, a gate varia…
npx shadcn@latest add https://pluginui.com/r/core-dynamics-math.json Where a delay's repeats land and how loud they are, as pure maths: tap times and levels from time/feedback/mix, the L-R alternation of a cross-coupled ping-pon…
npx shadcn@latest add https://pluginui.com/r/core-echo-train.json An ADSR envelope you can draw on: filled shape, draggable handles at the peak, knee and tail, and a square-root time axis that keeps millisecond attacks legibl…
npx shadcn@latest add https://pluginui.com/r/core-envelope-display.json The envelope display and four knobs, bidirectionally synced — drag a handle and the knobs follow, turn a knob and the shape follows. A worked example of compos…
npx shadcn@latest add https://pluginui.com/r/core-envelope-editor.json The magnitude response of a stack of filter bands, computed from RBJ biquad coefficients rather than measured — so the curve matches what the audio graph will …
npx shadcn@latest add https://pluginui.com/r/core-eq-display.json Hands on the EQ curve: N draggable band handles over the eq-display response, wheel for Q, full keyboard access per band, and two readings of the same band mod…
npx shadcn@latest add https://pluginui.com/r/core-eq-editor.json Host-bound producer equalizer composite over EQEditor: numbered band overview, descriptor-bound precise editing, factory preset navigation, momentary audition …
npx shadcn@latest add https://pluginui.com/r/core-producer-eq-panel.json A channel-strip slider in both orientations: recessed groove, lit fill, and a grippy cap that jumps to wherever you press and keeps dragging from there. Wheel …
npx shadcn@latest add https://pluginui.com/r/core-fader.json The unstyled track primitive a fader is built on: absolute pointer positioning, the Shift fine pass anchored where Shift went down, wheel and keyboard stepping…
npx shadcn@latest add https://pluginui.com/r/core-fader-headless.json A compact fixed-velocity override for playable instrument surfaces: switch between touch dynamics and a repeatable normalised strike value.
npx shadcn@latest add https://pluginui.com/r/core-fixed-velocity-control.json A themed, selectable operator-routing diagram for FM synthesis. It draws carriers, modulators, fan-out, the audio bus and self-feedback from the shared pure ge…
npx shadcn@latest add https://pluginui.com/r/core-fm-algorithm-diagram.json An FM synthesiser's operator routing diagram, as pure maths: which row each operator sits in (its distance from the audio bus, which is the patch's real modula…
npx shadcn@latest add https://pluginui.com/r/core-fm-algorithm-layout.json A controlled, keyboard-accessible editor for directed operator modulation, self-feedback and independent audio outputs. Stable operator IDs and configurable ra…
npx shadcn@latest add https://pluginui.com/r/core-fm-routing-matrix.json A compressor's metering surface: input and output level bars flanking a gain-reduction bar that fills from the top downward — the hardware convention, because …
npx shadcn@latest add https://pluginui.com/r/core-gain-reduction-meter.json Lit momentary or latching buttons in four styles: large round and pill performance controls with an LED halo, plus compact console-round and console-square con…
npx shadcn@latest add https://pluginui.com/r/core-glow-button.json The signal-side SHAPE of a stereo image: a phosphor trace of the channel pair rotated 45 degrees so mono runs straight up the middle, pure side lies flat acros…
npx shadcn@latest add https://pluginui.com/r/core-goniometer.json The harmonic fingerprint of a pitch-class set as six bars — one per interval class, m2 through the tritone. Invariant under transposition and inversion, so it …
npx shadcn@latest add https://pluginui.com/r/core-interval-vector-chart.json Where the keys of a piano are and which one you hit, as pure maths: a key rectangle per MIDI note over any range in a unit coordinate box, black keys placed by…
npx shadcn@latest add https://pluginui.com/r/core-keyboard-geometry.json Serializable KnobMan template identity, bounded retina sizing, value-to-frame mapping, and a host-injected renderer provider for keeping the knob interaction p…
npx shadcn@latest add https://pluginui.com/r/core-knobman-source.json Physical rack panels, round metal jacks and Mutable-style hardware knobs. MutableKnobDesign composes KnobHeadlessReadout: one printed caption swaps from label …
npx shadcn@latest add https://pluginui.com/r/core-eurorack.json Shared rotary control with dial, ring, studio and text variants. Dial default: label at rest, formatted value on hover or edit. showLabelOnHover=false keeps bo…
npx shadcn@latest add https://pluginui.com/r/core-knob.json The framework-agnostic maths behind a potentiometer gesture: drag, wheel and keyboard arithmetic in normalised space, with pluggable linear and logarithmic res…
npx shadcn@latest add https://pluginui.com/r/core-knob-core.json The headless slider primitive a knob is built on: the full role="slider" contract, drag, wheel and first-interaction reporting, plus a shared hover/edit readou…
npx shadcn@latest add https://pluginui.com/r/core-knob-headless.json Volume bars with peak hold: RMS for the bar, a decaying tick for the recent peak, in either orientation. Takes an analyser, a data callback, or levels you alre…
npx shadcn@latest add https://pluginui.com/r/core-level-meter.json A module's output meter with its gain control on it: pixel-aligned LED bars, one per channel (L/R when the host measures them, one merged bar otherwise), hardw…
npx shadcn@latest add https://pluginui.com/r/core-output-level-meter.json An LFO's waveform with a cursor riding the current phase. Drawn from the shape's closed form rather than measured off an analyser — which is the only sensible …
npx shadcn@latest add https://pluginui.com/r/core-lfo-visualizer.json A circular vectorscope trace: one mono signal plotted against a phase-shifted copy of itself, so a single channel draws circles and rosettes. Phosphor persiste…
npx shadcn@latest add https://pluginui.com/r/core-lissajous-scope.json A coalesced live view of MIDI controls — one row each, with an inline SVG sparkline of recent values, a level bar, held state and a message count. Built for di…
npx shadcn@latest add https://pluginui.com/r/core-midi-activity-table.json Decode raw MIDI bytes into a described message: notes (with names), CC (with common controller names), pitch bend, both aftertouch flavours, program change and…
npx shadcn@latest add https://pluginui.com/r/core-midi-message-decode.json A diagnostic list of incoming MIDI messages, decoded and colour-coded by type. Controlled and presentational: the caller owns the buffer and supplies messages,…
npx shadcn@latest add https://pluginui.com/r/core-midi-monitor.json A composition-first module faceplate navbar with brand, preset, action, preferences, status, and controlled power slots in a stable responsive order.
npx shadcn@latest add https://pluginui.com/r/core-module-navbar.json Module bypass switch: ModulePowerHeadless for any skin, plus a discreet stock icon, a ToggleSwitch variant coloured by module CSS, and a labelled Live treatmen…
npx shadcn@latest add https://pluginui.com/r/core-module-power-button.json The arithmetic that turns a tempo into seconds and seconds back into a position you can say out loud: a typed table of note divisions from a whole note to a 1/…
npx shadcn@latest add https://pluginui.com/r/core-musical-time.json A time-domain waveform trace with min/max downsampling so transients survive, and optional zero-crossing trigger so a steady tone stands still instead of slidi…
npx shadcn@latest add https://pluginui.com/r/core-oscilloscope.json A twelve-bin field painted onto an isomorphic pad layout: two semitone steps on a square or hexagonal grid, the piano or a fretboard for comparison. Paints by …
npx shadcn@latest add https://pluginui.com/r/core-harmony-lattice.json The pure core of the ring figures: circle points with any node at twelve o'clock, shared-note labels pushed off each edge, arrows trimmed to node rims, the lin…
npx shadcn@latest add https://pluginui.com/r/core-ring-geometry.json A key's ring of chords as a circle of clickable nodes in line-of-thirds order, where neighbours share all but one note and a move of k nodes shares all but k. …
npx shadcn@latest add https://pluginui.com/r/core-ring-circle.json The line of thirds laid flat: a key's roots in a row with the step between each pair (on Aura a major third is one pad right, a minor third one pad up) and eve…
npx shadcn@latest add https://pluginui.com/r/core-ring-strip.json A chord as a thick band over a ring of notes (a key's seven in line-of-thirds order, so stacked thirds are neighbours), with the chord before it as a ghost ban…
npx shadcn@latest add https://pluginui.com/r/core-ring-arc.json A progression on the seven lanes of a ring, one per ring position from the cut: each chord a run of cells, filled for the ring's notes, ticked where a note is …
npx shadcn@latest add https://pluginui.com/r/core-ring-roll.json A drum machine's bank of velocity pads: rows of rubber squares, labelled and lit from the state you pass in. Velocity comes from where in the pad the press lan…
npx shadcn@latest add https://pluginui.com/r/core-pad-grid.json Twelve bars on a common baseline showing how much each pitch class sounded — the plainest view of the data the circle-of-fifths wheel plots, and the one to rea…
npx shadcn@latest add https://pluginui.com/r/core-pc-histogram.json The set-theory reading of a chord: normal form, prime form, the 12-bit chroma, and the matching Forte set class from the full 352-row table with its symmetry p…
npx shadcn@latest add https://pluginui.com/r/core-pc-set-analysis.json A playable keyboard, one to ten octaves wide: press a key and it strikes with a velocity taken from how far down the key you landed, drag across it and it glis…
npx shadcn@latest add https://pluginui.com/r/core-piano-keyboard.json The piano keyboard painted with a sampler instrument's own facts: exact mapped-key coverage with every unmapped key muted per key, per-group coverage in distin…
npx shadcn@latest add https://pluginui.com/r/core-sampler-keyboard.json Controlled twelve-column chord map with a shared piano roll, palette bands, activity trail, tension indicators and per-column seed controls. Hosts own chord ge…
npx shadcn@latest add https://pluginui.com/r/core-chord-map.json The pitch × beat note grid a melodic module needs: time left to right in beats, pitch bottom to top like a keyboard, every note a block drawn at its own beat a…
npx shadcn@latest add https://pluginui.com/r/core-piano-roll.json A reusable short-loop piano-roll editor for independent voices: stable note and voice identity, color-coded overlapping notes, per-note pitch curves with linea…
npx shadcn@latest add https://pluginui.com/r/core-multi-voice-piano-roll.json Where a note sits in a pitch × beat plane, and which note a point lands on, as pure maths: a fixed coordinate box resolved from a pitch range and a bar count, …
npx shadcn@latest add https://pluginui.com/r/core-piano-roll-geometry.json Pure pitch-expression model helpers for multi-voice piano rolls: stable voice/note records, bounded note-local pitch curves, deterministic sorting, linear inte…
npx shadcn@latest add https://pluginui.com/r/core-multi-voice-piano-roll-model.json The twelve pitch classes round a dial with the sounding ones in the value fill, joined into a polygon, so a chord becomes a recognisable shape. Order the ring …
npx shadcn@latest add https://pluginui.com/r/core-pitch-class-clock.json Which harmonics a pluck point kills, as pure maths: the comb response of the delay-and-subtract a Karplus-Strong exciter runs, the harmonics it silences exactl…
npx shadcn@latest add https://pluginui.com/r/core-pluck-position.json A controlled preset dropdown with Quiet, Panel and Glass skins, previous/next stepping, favorites, search, and collision-aware menu placement. The shared headl…
npx shadcn@latest add https://pluginui.com/r/core-preset-selector.json A controlled category/keyword chip browser in the style of a hardware preset browser: a column per category from 560 px and stacked, wrapping categories below …
npx shadcn@latest add https://pluginui.com/r/core-tag-browser.json The unified preset library views for a host-built AudioModuleFacePresetLibrary (factory, every sampler bank, user and community presets). usePresetLibrary is t…
npx shadcn@latest add https://pluginui.com/r/core-preset-browser.json The time axis behind SampleView as pure maths: a seconds domain with a capped, quantized extension past the take, take-normalized ↔ axis conversion, ordered st…
npx shadcn@latest add https://pluginui.com/r/core-sample-view-geometry.json The time-axis contract a SampleView hands its overlays (axis and take seconds, the surface, client-x conversion and a gesture latch), kept apart from the view …
npx shadcn@latest add https://pluginui.com/r/core-sample-view-context.json One take on a seconds axis from host-prepared data only: min/max peaks on a canvas, a PreparedSpectrogramData heatmap (magma, log frequency) or both, with a Wa…
npx shadcn@latest add https://pluginui.com/r/core-sample-view.json An editable AHDSR amplitude envelope on the SampleView's seconds axis (or any positioned box). Attack, hold, decay-and-sustain and release nodes drag and step …
npx shadcn@latest add https://pluginui.com/r/core-envelope-overlay.json Generated variations as controlled tiles (A, B, C…) with a mini waveform, a badge slot, progress while generating, an error with retry, and pin and regenerate …
npx shadcn@latest add https://pluginui.com/r/core-take-switcher.json The polar layout of a hand-played disc as pure maths: a centre pad plus rings of wedge zones, with the same table driving the SVG paths, the hit test and the o…
npx shadcn@latest add https://pluginui.com/r/core-radial-pad-geometry.json A playable disc: a centre pad ringed by wedge-shaped zones, labelled and lit from the state you pass in. Presses report how far from the zone's centre they lan…
npx shadcn@latest add https://pluginui.com/r/core-radial-pad-surface.json A controlled plot for classic FM rate/level envelopes, where every stage has both a speed and a destination level. Supports any stage count, configurable range…
npx shadcn@latest add https://pluginui.com/r/core-rate-level-envelope-display.json The log-frequency / dB plot as pure maths: an axis factory with both forward and inverse mappings, RBJ biquad magnitudes for all seven cookbook shapes, and cas…
npx shadcn@latest add https://pluginui.com/r/core-response-geometry.json Euclidean rhythms and the circle they are drawn on, as pure maths: Bjorklund's algorithm rotated onto its downbeat (E(3,8) is the tresillo, E(5,8) the cinquill…
npx shadcn@latest add https://pluginui.com/r/core-rhythm-math.json A bar as a circle: N steps round a ring, the struck ones lit, joined into the polygon that IS the pattern — a lopsided triangle for the tresillo, a square for …
npx shadcn@latest add https://pluginui.com/r/core-rhythm-wheel.json A headless controlled Scale/12-TET note-remap switch with compact and circle-of-fifths root-note selectors.
npx shadcn@latest add https://pluginui.com/r/core-scale-remap-control.json The LED readout off the front of a rack unit — 7, 14 or 16 bars per cell, drawn as geometry rather than set in a font, because the thing that makes a real one …
npx shadcn@latest add https://pluginui.com/r/core-segment-display.json The pure core of a segment display: David Madison's ASCII mask tables for 7, 14 and 16 segments, plus the polygons that draw them. Bars are built from four num…
npx shadcn@latest add https://pluginui.com/r/core-segment-font.json Display-only time/frequency raster mapping for bounded host-prepared spectral frames, preserving explicit window-center timestamps and MIDI-aligned logarithmic…
npx shadcn@latest add https://pluginui.com/r/core-prepared-spectrogram.json A time × frequency heatmap. Realtime scrolls an analyser; static analyses PCM; prepared renders bounded host-produced magnitudes at explicit timestamps without…
npx shadcn@latest add https://pluginui.com/r/core-spectrogram.json An FFT magnitude display as bars or a filled curve, on a logarithmic frequency axis — because a linear one spends half its width above 10 kHz and crushes the b…
npx shadcn@latest add https://pluginui.com/r/core-spectrum.json A compact controlled dropdown for rhythmic step divisions, styled by the UI kit theme variables.
npx shadcn@latest add https://pluginui.com/r/core-step-division-selector.json The sequencer grid: steps across, lanes down, a page at a time. Tap a cell to toggle it, drag across a row to paint a whole stroke on or off, drag up or down o…
npx shadcn@latest add https://pluginui.com/r/core-step-grid.json One row of a step sequencer, with three states rather than two: off, on and accent, because accent is a real louder hit and a two-state lane forces it into a s…
npx shadcn@latest add https://pluginui.com/r/core-step-lane.json The sequencer/arpeggiator pattern model and the grid it draws on, as pure maths: held notes walked up, down, up-down (endpoints unrepeated), in press order or …
npx shadcn@latest add https://pluginui.com/r/core-step-pattern.json Retained-resolution timeline math for step sequencers. Coarser divisions hide fine cells without deleting them.
npx shadcn@latest add https://pluginui.com/r/core-step-timeline.json The parameter-side picture of a stereo image: an L-R field with a pan cursor the host can animate from an LFO phase, the width parameter drawn as a spread arou…
npx shadcn@latest add https://pluginui.com/r/core-stereo-field.json What a stereo image is doing, as pure numbers: correlation at lag zero on the meter convention (no mean removal), mid/side energies and the width ratio they im…
npx shadcn@latest add https://pluginui.com/r/core-stereo-math.json The spectrogram's whole-buffer short-time Fourier transform, forwarded from @maruaudio/audio-sdk/analysis: the canonical radix-2 FFT, paired stereo transform, …
npx shadcn@latest add https://pluginui.com/r/core-stft.json Shared screen-space sizes and round-cap paths for circular SVG markers in stretched plots.
npx shadcn@latest add https://pluginui.com/r/core-svg-markers.json The layout of a plucked-tine board as pure maths: the kalimba's centre-out fan and the music box comb's monotonic run, tine lengths from the clamped-free bar's…
npx shadcn@latest add https://pluginui.com/r/core-tine-array-geometry.json The unstyled switch primitive a toggle is built on: controlled and uncontrolled state, the full role="switch" contract, the click and keyboard paths, and the p…
npx shadcn@latest add https://pluginui.com/r/core-toggle-headless.json On-off in three looks: a sliding rocker, a round stomp footswitch with a status LED, or a vertical hardware lever in a recessed metal slot.
npx shadcn@latest add https://pluginui.com/r/core-toggle-switch.json Two tonic models as pure functions. Krumhansl-Schmuckler correlates a 12-bin pitch-class histogram against all 24 rotated major/minor profiles to name the key,…
npx shadcn@latest add https://pluginui.com/r/core-tonal-center.json What a waveshaper does to a sample, drawn: input amplitude across, output up, and the gap to the identity diagonal is the distortion at true scale. A staircase…
npx shadcn@latest add https://pluginui.com/r/core-transfer-curve.json The transport bar, composed rather than reinvented: play, stop, loop and an optional record built from glow-button's toggle and momentary modes, a monospace te…
npx shadcn@latest add https://pluginui.com/r/core-transport-controls.json A ternary control surface driven by two normalised inputs. The default apex/base formula uses Y for distance from A and X to balance B against C. An alternate …
npx shadcn@latest add https://pluginui.com/r/core-triangle-pad.json Audio device permission, enumeration, selection and capture in one controller. `enable()` is the whole flow in one call — ask permission, enumerate, resolve th…
npx shadcn@latest add https://pluginui.com/r/core-use-audio-input-devices.json The input contract every audio-fed display shares — an AnalyserNode or a getData callback — plus a HiDPI canvas draw loop that pauses when the tab is hidden an…
npx shadcn@latest add https://pluginui.com/r/core-use-audio-source.json The interaction core: controlled/uncontrolled value state, pointer-capture dragging, and keyboard stepping with fine and coarse passes.
npx shadcn@latest add https://pluginui.com/r/core-use-control.json Reports the first user gesture on a control, synchronously inside the event — the hook for resuming a suspended AudioContext, which browsers only allow from a …
npx shadcn@latest add https://pluginui.com/r/core-use-first-interaction.json Arrow, Page and Home/End handling for a knob, with step sizes induced from the range so any control is ~100 presses end to end, and Shift for a fine pass.
npx shadcn@latest add https://pluginui.com/r/core-use-knob-keyboard.json The Web MIDI permission gate: request access from a user gesture, then track connected input and output ports through hotplug. Reports serialisable port descri…
npx shadcn@latest add https://pluginui.com/r/core-use-midi-access.json Coalesce a MIDI stream into one row per control instead of one row per message: a CC sweep updates a single row with a value history, and a note-on/note-off pa…
npx shadcn@latest add https://pluginui.com/r/core-use-midi-activity.json Subscribe to several MIDI inputs at once and merge them into one message stream. Messages dispatch immediately; per-device activity is batch-flushed so a CC sw…
npx shadcn@latest add https://pluginui.com/r/core-use-midi-inputs.json A reusable press-and-glide lifecycle for hit-tested note surfaces such as kalimbas and harps. The SDK owns the framework-free gesture state machine while this …
npx shadcn@latest add https://pluginui.com/r/core-use-note-swipe-area.json A complete press-and-release lifecycle for playable pads, keys and drum zones. Pointer Events cover mouse, pen and touch; pointer capture, window fallbacks, ca…
npx shadcn@latest add https://pluginui.com/r/core-use-note-trigger-area.json Absolute pointer tracking for surface controls: pressing anywhere on a track jumps the head there and keeps dragging from that spot, with pointer capture and w…
npx shadcn@latest add https://pluginui.com/r/core-use-surface-pointer.json Wheel support that actually stops the page scrolling — a non-passive listener — plus the transient "is the user scrolling right now" flag that drives fade-in s…
npx shadcn@latest add https://pluginui.com/r/core-use-wheel.json A controlled channel-vocoder panel with paired analysis and carrier filter banks, logarithmic frequency guides, grouped range, envelope and output controls, an…
npx shadcn@latest add https://pluginui.com/r/core-vocoder-panel.json A compact waveform readout that opens a visual, keyboard-navigable popover instead of spending panel width on segmented facets. Includes a hook for integer DSP…
npx shadcn@latest add https://pluginui.com/r/core-waveform-selector.json Canonical oscillator and LFO waveform ids, aliases, enum adapters, and deterministic periodic-wave maths.
npx shadcn@latest add https://pluginui.com/r/core-waveforms.json The transfer functions distortion stages actually run, as pure maths: the soft-clip saturator, both shipped bitcrush grids, the Chebyshev polynomial recurrence…
npx shadcn@latest add https://pluginui.com/r/core-waveshaper-math.json A two-dimensional drag surface with a grid, crosshair and a glowing dot that leaves a short trail. Two independent value outputs, each with its own range.
npx shadcn@latest add https://pluginui.com/r/core-xy-pad.json The unstyled plane primitive an XY pad is built on: absolute pointer positioning on both axes, the y-axis inversion screen coordinates make easy to get backwar…
npx shadcn@latest add https://pluginui.com/r/core-xy-pad-headless.json The conventions every two-dimensional surface shares, as pure maths: pointer to plane fractions with y read bottom-up, the keyboard step where the plain arrow …
npx shadcn@latest add https://pluginui.com/r/core-plane-geometry.json N labelled points on a scaled top-down plane: a source and microphones in a room, speakers round a listener. The plane keeps the caller's width × depth aspect,…
npx shadcn@latest add https://pluginui.com/r/core-plan-pad.json React bindings for the SDK's DiagnosticSession: useSyncExternalStore over the session's own snapshot/subscribe pair, ownership tied to the component's lifetime…
npx shadcn@latest add https://pluginui.com/r/core-use-diagnostic-session.json The eleven-tab developer view of a running plugin: Overview, Host, Transport/Clock, MIDI, Audio, Parameters, Presets/State, Events, Stimulus, Performance and P…
npx shadcn@latest add https://pluginui.com/r/core-diagnostic-panel.json How a developer actually reaches the diagnostic panel: right-click the face, or press Ctrl/Cmd+Shift+D. It owns everything the panel deliberately does not — wh…
npx shadcn@latest add https://pluginui.com/r/core-diagnostic-overlay.json Where a tempo-synced face's playhead is, and — just as important — whose clock that position came from. A host transport that is PLAYING drives the phase from …
npx shadcn@latest add https://pluginui.com/r/core-beat-clock.json The layout for a bars-across, dB-DOWN plot, as pure maths: beat and seconds-at-a-tempo mappings across the time axis, bar/beat/subdivision tick enumerations, a…
npx shadcn@latest add https://pluginui.com/r/core-beat-grid-geometry.json A dynamics scope's chrome: a bars-across grid with bar lines heavier than beats and an optional sixteenth grid, a dB gutter reading downward from 0, a dashed h…
npx shadcn@latest add https://pluginui.com/r/core-beat-grid-scope.json The LED-style chip a face uses to say what a facility is doing — AUDITION lit, HOST SYNC off, LIVE — in five states that stay tellable apart. The distinction i…
npx shadcn@latest add https://pluginui.com/r/core-status-chip.json A caption over a big tabular-monospace number, with its unit beside it and an optional qualifier underneath — the REDUCTION / −14.0 dB element every meter-bear…
npx shadcn@latest add https://pluginui.com/r/core-value-readout.json A bounded piano range with named notes, gesture commits and an optional instrument-default reset.
npx shadcn@latest add https://pluginui.com/r/core-note-range-selector.json Two thumbs on one track for a span such as a note range, on Base UI's Slider. Controlled and told which thumb moved; labels point outward from their thumbs so …
npx shadcn@latest add https://pluginui.com/r/core-range-slider.json An editable bar chart, such as a pitch-class histogram: twelve bars labelled C to B over a row coloured like piano keys, with the scale's notes highlighted and…
npx shadcn@latest add https://pluginui.com/r/core-weight-bars.json The interaction states of the compact console controls as one small stylesheet, rendered through ConsoleStyles, which React 19 hoists into the document head an…
npx shadcn@latest add https://pluginui.com/r/core-console-styles.json Where a menu or popover opened from a control should be portaled: the fullscreen element while the control is inside browser fullscreen, and its own document's…
npx shadcn@latest add https://pluginui.com/r/core-overlay-container.json One choice out of a few as a pill track of pressed-or-not buttons on Base UI's ToggleGroup and Toggle (roving arrow keys, aria-pressed). Selection never emptie…
npx shadcn@latest add https://pluginui.com/r/core-segmented-control.json A compact numeric input on Base UI's NumberField with optional steppers and an optional Base UI Slider sharing its draft. One onValueCommitted per gesture (Ent…
npx shadcn@latest add https://pluginui.com/r/core-number-field.json A list of random seeds as content-sized chips: a number field, a die and a remove button that show on hover or focus (always on touch). Stable keys across remo…
npx shadcn@latest add https://pluginui.com/r/core-seed-slots.json One cycle of a rhythm as a row of steps (a note's first step in the value fill, held steps tinted, rests with an edge at least 3:1 against the card), each note…
npx shadcn@latest add https://pluginui.com/r/core-rhythm-step-grid.json A key as a tonic and a mode: twelve tonic buttons coloured like piano keys on a Base UI ToggleGroup (arrow keys, aria-pressed, never cleared by a second press,…
npx shadcn@latest add https://pluginui.com/r/core-scale-picker.json Compact underline tabs for a side panel on Base UI's Tabs, generic over the tab values: a root, a list built from tab items and the panels, with tablist roles,…
npx shadcn@latest add https://pluginui.com/r/core-panel-tabs.json The splitter between two stacked or side-by-side panes, controlling one pane's size in pixels as a focusable separator with aria-valuenow. Drag with pointer ca…
npx shadcn@latest add https://pluginui.com/r/core-resize-handle.json An element's layout size, kept current while it is mounted, through a callback ref. It reads layout sizes (offsetWidth before the first paint, then the ResizeO…
npx shadcn@latest add https://pluginui.com/r/core-use-element-size.json A viewer preference in localStorage, read synchronously through useSyncExternalStore so the first paint already uses it, written in the setter rather than insi…
npx shadcn@latest add https://pluginui.com/r/core-use-persistent-state.json Whether an element can go full screen, whether it is, and a toggle: reads the element's own document (a face may run in a frame), follows fullscreenchange so E…
npx shadcn@latest add https://pluginui.com/r/core-use-fullscreen.json Where a playing timeline is now, as a tiny external store outside React: playbackPositionAt for the maths, createPlaybackClock advancing on requestAnimationFra…
npx shadcn@latest add https://pluginui.com/r/core-playback-clock.json The reusable part of an interactive three.js face scene: a WebGL renderer with an unavailable path, resize and on-screen tracking, a 30 fps draw loop that paus…
npx shadcn@latest add https://pluginui.com/r/core-scene-shell.json The small stroked glyphs the console controls and module faces share (transport, disclosure, add and remove, dice, menus, help, mute and solo) as one ConsoleIc…
npx shadcn@latest add https://pluginui.com/r/core-console-icons.json A read-only multitrack piano roll of a prepared timeline: ruler with cycle numbers, a section strip, pitched rows and a compact drum strip with General MIDI na…
npx shadcn@latest add https://pluginui.com/r/core-timeline-roll.json The plain buttons of a console face on Base UI's Button and Toggle: ConsoleButton (text with an optional console icon), ConsoleIconButton (a square icon-only b…
npx shadcn@latest add https://pluginui.com/r/core-console-button.json A short visual label for a console control on Base UI's Tooltip, opening after a short hover delay and at once on keyboard focus, closing on Escape, blur or po…
npx shadcn@latest add https://pluginui.com/r/core-console-tooltip.json An (i) console icon button that opens help on Base UI's Popover, so touch, keyboard and screen-reader users can reach it: a click, a tap, Enter or Space opens …
npx shadcn@latest add https://pluginui.com/r/core-info-tip.json An on/off switch sized for a console row on Base UI's Switch (role switch, aria-checked, a hidden form input, Space and Enter toggle it): a control-height hit …
npx shadcn@latest add https://pluginui.com/r/core-console-switch.json A row of on/off cells for choosing several values from a range, such as the notes of a chord on a keyboard strip or the semitones of a set, on Base UI's Toggle…
npx shadcn@latest add https://pluginui.com/r/core-toggle-lane.json Pure peak decoding and waveform geometry.
npx shadcn@latest add https://pluginui.com/r/core-audio-clip-waveform.json Host-controlled play/pause, seekable waveform and time display.
npx shadcn@latest add https://pluginui.com/r/core-audio-clip-player.json Shared MIDI playback panel extracted from Code Sequencer: timeline, stable colored tracks, host mute/solo callbacks, fit or following scroll view, export and d…
npx shadcn@latest add https://pluginui.com/r/core-midi-playback.json Reusable click/drag lifecycle with injected MIDI encoder and platform download/drag adapters. Cleans up drag resources on replacement and unmount.
npx shadcn@latest add https://pluginui.com/r/core-use-midi-file-export.json Canonical pitch names and MIDI pitch helpers, delivered from the music-theory owner for standalone UI controls.
npx shadcn@latest add https://pluginui.com/r/core-music-theory-pitch-class.json Complete Tailwind instrument face: mixed-size knobs, rank faders, switches, LCD, editable filter, envelope and modulation window. Silent UI assembly.
npx shadcn@latest add https://pluginui.com/r/example-signal-synth.json Tailwind dynamics face with a linked transfer curve and output fader. Silent UI assembly.
npx shadcn@latest add https://pluginui.com/r/example-pressure-compressor.json Portable shadcn/Base UI dropdown menu primitives and a standard EllipsisMenu trigger. Shares selector popup styling, keyboard navigation, focus return, collisi…
npx shadcn@latest add https://pluginui.com/r/core-dropdown-menu.json Portable Base UI popovers with overridable collision avoidance, available-space sizing and document/fullscreen-aware portals.
npx shadcn@latest add https://pluginui.com/r/core-popover.json Shared class composition for portable shadcn controls.
npx shadcn@latest add https://pluginui.com/r/core-shadcn-utils.json Pure measure-preserving score row layout for responsive staff notation.
npx shadcn@latest add https://pluginui.com/r/core-staff-notation-layout.json Portable SVG music engraving with spelled notes, rests, chords, beams, dots, triplets, ties and producer-supplied playback colors.
npx shadcn@latest add https://pluginui.com/r/core-staff-notation.json Canonical stylesheet for stylesheet-isolated module controls.
npx shadcn@latest add https://pluginui.com/r/core-portable-styles.json Canonical pitch-class profile normalization, delivered from music-theory for standalone tonal analysis.
npx shadcn@latest add https://pluginui.com/r/core-music-theory-pitch-class-profile.json First-order microphone pattern IDs, numeric enum adapters and unit polar diagram geometry.
npx shadcn@latest add https://pluginui.com/r/core-microphone-patterns.json A compact polar-pattern readout opening five visual cards with responsive grid navigation and portable theme inheritance.
npx shadcn@latest add https://pluginui.com/r/core-microphone-pattern-selector.json Mono, spaced pair, XY and ORTF diagrams in a compact visual card selector, sharing microphone pattern grid behavior.
npx shadcn@latest add https://pluginui.com/r/core-microphone-arrangement-selector.json Shared Knob presets, pure artwork exports and scoped motion CSS for custom knob designs.
npx shadcn@latest add https://pluginui.com/r/gallery-knob-gallery-core.json Eight custom Canvas knob surfaces with a shared analytic lighting renderer.
npx shadcn@latest add https://pluginui.com/r/gallery-knob-gallery-machined.json Eight authored SVG knob surfaces: pearl, candy, glass, jelly and playful geometry.
npx shadcn@latest add https://pluginui.com/r/gallery-knob-gallery-playful.json Eight authored vector knob designs with distinct marker, scale and body geometry.
npx shadcn@latest add https://pluginui.com/r/gallery-knob-gallery-graphic.json Eighteen white-plastic, pearl and porcelain profiles using the shared machined renderer.
npx shadcn@latest add https://pluginui.com/r/gallery-knob-gallery-focused.json All authored custom knob studies and their shared headless wrapper. Silent visual source, with no product DSP or assets.
npx shadcn@latest add https://pluginui.com/r/gallery-knob-gallery.json A directly importable custom knob design using shared headless interaction and its authored artwork.
npx shadcn@latest add https://pluginui.com/r/gallery-machined-pearl-knob.json A directly importable custom knob design using shared headless interaction and its authored artwork.
npx shadcn@latest add https://pluginui.com/r/gallery-machined-alloy-knob.json A directly importable custom knob design using shared headless interaction and its authored artwork.
npx shadcn@latest add https://pluginui.com/r/gallery-machined-fluted-knob.json A directly importable custom knob design using shared headless interaction and its authored artwork.
npx shadcn@latest add https://pluginui.com/r/gallery-machined-rubber-knob.json A directly importable custom knob design using shared headless interaction and its authored artwork.
npx shadcn@latest add https://pluginui.com/r/gallery-machined-porcelain-knob.json A directly importable custom knob design using shared headless interaction and its authored artwork.
npx shadcn@latest add https://pluginui.com/r/gallery-machined-brass-knob.json A directly importable custom knob design using shared headless interaction and its authored artwork.
npx shadcn@latest add https://pluginui.com/r/gallery-machined-chrome-knob.json A directly importable custom knob design using shared headless interaction and its authored artwork.
npx shadcn@latest add https://pluginui.com/r/gallery-machined-stepped-knob.json A directly importable custom knob design using shared headless interaction and its authored artwork.
npx shadcn@latest add https://pluginui.com/r/gallery-playful-candy-knob.json A directly importable custom knob design using shared headless interaction and its authored artwork.
npx shadcn@latest add https://pluginui.com/r/gallery-playful-pearl-knob.json A directly importable custom knob design using shared headless interaction and its authored artwork.
npx shadcn@latest add https://pluginui.com/r/gallery-playful-flower-knob.json A directly importable custom knob design using shared headless interaction and its authored artwork.
npx shadcn@latest add https://pluginui.com/r/gallery-playful-jelly-knob.json A directly importable custom knob design using shared headless interaction and its authored artwork.
npx shadcn@latest add https://pluginui.com/r/gallery-playful-lens-knob.json A directly importable custom knob design using shared headless interaction and its authored artwork.
npx shadcn@latest add https://pluginui.com/r/gallery-playful-dent-knob.json A directly importable custom knob design using shared headless interaction and its authored artwork.
npx shadcn@latest add https://pluginui.com/r/gallery-playful-spark-knob.json A directly importable custom knob design using shared headless interaction and its authored artwork.
npx shadcn@latest add https://pluginui.com/r/gallery-playful-acrylic-knob.json A directly importable custom knob design using shared headless interaction and its authored artwork.
npx shadcn@latest add https://pluginui.com/r/gallery-graphic-encoder-knob.json A directly importable custom knob design using shared headless interaction and its authored artwork.
npx shadcn@latest add https://pluginui.com/r/gallery-graphic-orbit-knob.json A directly importable custom knob design using shared headless interaction and its authored artwork.
npx shadcn@latest add https://pluginui.com/r/gallery-graphic-engraved-knob.json A directly importable custom knob design using shared headless interaction and its authored artwork.
npx shadcn@latest add https://pluginui.com/r/gallery-graphic-faceted-knob.json A directly importable custom knob design using shared headless interaction and its authored artwork.
npx shadcn@latest add https://pluginui.com/r/gallery-graphic-ceramic-knob.json A directly importable custom knob design using shared headless interaction and its authored artwork.
npx shadcn@latest add https://pluginui.com/r/gallery-graphic-radar-knob.json A directly importable custom knob design using shared headless interaction and its authored artwork.
npx shadcn@latest add https://pluginui.com/r/gallery-graphic-number-wheel-knob.json A directly importable custom knob design using shared headless interaction and its authored artwork.
npx shadcn@latest add https://pluginui.com/r/gallery-graphic-recessed-knob.json A directly importable custom knob design using shared headless interaction and its authored artwork.
npx shadcn@latest add https://pluginui.com/r/gallery-grip-milk-knob.json A directly importable custom knob design using shared headless interaction and its authored artwork.
npx shadcn@latest add https://pluginui.com/r/gallery-grip-marshmallow-knob.json A directly importable custom knob design using shared headless interaction and its authored artwork.
npx shadcn@latest add https://pluginui.com/r/gallery-grip-frost-knob.json A directly importable custom knob design using shared headless interaction and its authored artwork.
npx shadcn@latest add https://pluginui.com/r/gallery-grip-ivory-knob.json A directly importable custom knob design using shared headless interaction and its authored artwork.
npx shadcn@latest add https://pluginui.com/r/gallery-grip-ribbed-knob.json A directly importable custom knob design using shared headless interaction and its authored artwork.
npx shadcn@latest add https://pluginui.com/r/gallery-grip-quiet-knob.json A directly importable custom knob design using shared headless interaction and its authored artwork.
npx shadcn@latest add https://pluginui.com/r/gallery-pearl-cloud-knob.json A directly importable custom knob design using shared headless interaction and its authored artwork.
npx shadcn@latest add https://pluginui.com/r/gallery-pearl-glaze-knob.json A directly importable custom knob design using shared headless interaction and its authored artwork.
npx shadcn@latest add https://pluginui.com/r/gallery-pearl-opal-knob.json A directly importable custom knob design using shared headless interaction and its authored artwork.
npx shadcn@latest add https://pluginui.com/r/gallery-pearl-thumb-knob.json A directly importable custom knob design using shared headless interaction and its authored artwork.
npx shadcn@latest add https://pluginui.com/r/gallery-pearl-lens-knob.json A directly importable custom knob design using shared headless interaction and its authored artwork.
npx shadcn@latest add https://pluginui.com/r/gallery-pearl-balloon-knob.json A directly importable custom knob design using shared headless interaction and its authored artwork.
npx shadcn@latest add https://pluginui.com/r/gallery-saucer-chalk-knob.json A directly importable custom knob design using shared headless interaction and its authored artwork.
npx shadcn@latest add https://pluginui.com/r/gallery-saucer-glazed-knob.json A directly importable custom knob design using shared headless interaction and its authored artwork.
npx shadcn@latest add https://pluginui.com/r/gallery-saucer-rolled-knob.json A directly importable custom knob design using shared headless interaction and its authored artwork.
npx shadcn@latest add https://pluginui.com/r/gallery-saucer-thumb-knob.json A directly importable custom knob design using shared headless interaction and its authored artwork.
npx shadcn@latest add https://pluginui.com/r/gallery-saucer-low-knob.json A directly importable custom knob design using shared headless interaction and its authored artwork.
npx shadcn@latest add https://pluginui.com/r/gallery-saucer-ivory-knob.json Two minimal monochrome SVG dials: a solid disc with a cut-in notch and an outlined circle with a matching inward pointer.
npx shadcn@latest add https://pluginui.com/r/gallery-knob-gallery-contrast.json An independently importable minimal SVG dial using shared headless interaction and section-scoped accent colors.
npx shadcn@latest add https://pluginui.com/r/gallery-contrast-filled-knob.json An independently importable minimal SVG dial using shared headless interaction and section-scoped accent colors.
npx shadcn@latest add https://pluginui.com/r/gallery-contrast-outline-knob.json A silent reverb template with two minimal dials and section-scoped colors following a slowly cycling master hue.
npx shadcn@latest add https://pluginui.com/r/example-rainbow-reverb.json Scoped porcelain surfaces, opaque raised caps, inset rails and directional light shared by the Sculpted controls.
npx shadcn@latest add https://pluginui.com/r/gallery-sculpted-control-styles.json A porcelain dial with stationary directional shadows, inset rotating marker, dot scale and optional raised pedestal.
npx shadcn@latest add https://pluginui.com/r/gallery-sculpted-knob.json An opaque raised capsule cap over inset rails, with vertical and horizontal layouts and optional meter decoration.
npx shadcn@latest add https://pluginui.com/r/gallery-sculpted-fader.json A tiny raised white switch cap with a recessed track and shared keyboard behavior.
npx shadcn@latest add https://pluginui.com/r/gallery-sculpted-toggle.json A dark luminous character display with custom icon slots, paging buttons and direct choice dots.
npx shadcn@latest add https://pluginui.com/r/gallery-sculpted-selector.json A silent five-column sculpted console with porcelain knobs, raised faders, luminous character selectors and an illustrative response plot.
npx shadcn@latest add https://pluginui.com/r/example-sculpted-console.json Scoped graphite material, recessed choices and colored spectral geometry.
npx shadcn@latest add https://pluginui.com/r/gallery-spectral-control-styles.json