sh4dcnv2 · atlas
← libraries

@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.

250 components react shadcn-cli

Install this registry

shadcn (npm) npx shadcn@latest add https://pluginui.com/r/registry.json
pnpm pnpm dlx shadcn@latest add https://pluginui.com/r/registry.json
bun bunx shadcn@latest add https://pluginui.com/r/registry.json
fetch registry curl -s https://pluginui.com/r/registry.json

Components

250 total
Pitch Class Histogram ui

Shared 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
Barlow Indispensability lib

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
CC Binding Editor ui

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
Context Menu Target ui

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
CC Control Chrome Core lib

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
CC Control Chrome ui

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
CC Drag & Drop lib

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
CC Knob Strip ui

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
Stable ID Reorder lib

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
CC Source Strip ui

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
CC Mapping List ui

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
CC Unmapped Notice ui

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
Chladni Formulas lib

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
Chladni Plate ui

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
Chord Graph ui

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
Chord Readout ui

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
Circle of Fifths ui

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
Computer Keyboard lib

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
Colour Scales lib

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
Consonance lib

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
Consonance Matrix ui

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
Control Format lib

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
Control Label ui

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
Control Math lib

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
Control Skin lib

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
Control Theme lib

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
Delay Tap Display ui

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
Display Chrome lib

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
Dot Matrix Display ui

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
Dot Matrix Font lib

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
Drawbar Strip ui

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
Drum Lane ui

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
Dual Band Selector ui

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
Dynamics Display ui

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
Dynamics Math lib

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
Echo Train lib

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
Envelope Display ui

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
Envelope Editor ui

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
EQ Display ui

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
EQ Editor ui

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
Producer EQ Panel ui

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
Fader ui

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
Fader Headless ui

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
Fixed Velocity Control ui

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
FM Algorithm Diagram ui

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
FM Algorithm Layout lib

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
FM Routing Matrix ui

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
Gain Reduction Meter ui

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
Glow Button ui

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
Goniometer ui

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
Interval Vector Chart ui

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
Keyboard Geometry lib

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
KnobMan Visual Source lib

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
Eurorack hardware and Mutable panel styling ui

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
Knob ui

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
Knob Core lib

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
Knob Headless ui

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
Level Meter ui

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
Output Level Meter ui

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
LFO Visualizer ui

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
Lissajous Scope ui

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
MIDI Activity Table ui

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
MIDI message decode lib

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
MIDI Monitor ui

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
Module Navbar ui

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 Power Button ui

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
Musical Time lib

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
Oscilloscope ui

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
Harmony Lattice ui

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
Ring Geometry lib

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
Ring Circle ui

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
Ring Strip ui

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
Ring Arc ui

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
Ring Roll ui

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
Pad Grid ui

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
Pitch Class Histogram ui

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
PC Set Analysis lib

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
Piano Keyboard ui

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
Sampler Keyboard ui

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
Chord Map ui

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
Piano Roll ui

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
Multi-Voice Piano Roll ui

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
Piano Roll Geometry lib

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
Multi-Voice Piano Roll Model lib

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
Pitch Class Clock ui

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
Pluck Position lib

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
Preset Selector ui

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
Tag Browser ui

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
Preset Browser ui

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
Sample View Geometry lib

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
Sample View Context lib

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
Sample View ui

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
Envelope Overlay ui

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
Take Switcher ui

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
Radial Pad Geometry lib

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
Radial Pad Surface ui

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
Rate Level Envelope Display ui

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
Response Geometry lib

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
Rhythm Math lib

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
Rhythm Wheel ui

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
Scale Remap Control ui

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
Segment Display ui

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
Segment Font lib

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
Prepared Spectrogram lib

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
Spectrogram ui

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
Spectrum ui

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
Step Division Selector ui

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
Step Grid ui

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
Step Lane ui

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
Step Pattern lib

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
Step Timeline lib

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
Stereo Field ui

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
Stereo Math lib

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
STFT lib

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
SVG Markers lib

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
Tine Array Geometry lib

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
Toggle Headless ui

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
Toggle Switch ui

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
Tonal Center lib

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
Transfer Curve ui

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
Transport Controls ui

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
Triangle Pad ui

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
useAudioInputDevices hook

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
useAudioSource hook

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
useControl hook

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
useFirstInteraction hook

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
useKnobKeyboardControls hook

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
useMidiAccess hook

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
useMidiActivity hook

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
useMidiInputs hook

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
useNoteSwipeArea hook

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
useNoteTriggerArea hook

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
useSurfacePointer hook

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
useWheel hook

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
Vocoder Panel ui

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
Waveform Selector ui

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
Waveforms lib

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
Waveshaper Math lib

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
XY Pad ui

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
XY Pad Headless ui

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
Plane Geometry lib

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
Plan Pad ui

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
useDiagnosticSession hook

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
Diagnostic Panel ui

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
Diagnostic Overlay ui

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
useBeatClock hook

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
Beat Grid Geometry lib

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
Beat Grid Scope ui

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
Status Chip ui

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
Value Readout ui

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
Note Range Selector ui

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
Range Slider ui

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
Weight Bars ui

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
Console Styles lib

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
Overlay Container lib

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
Segmented Control ui

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
Number Field ui

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
Seed Slots ui

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
Rhythm Step Grid ui

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
Scale Picker ui

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
Panel Tabs ui

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
Resize Handle ui

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
useElementSize hook

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
usePersistentState hook

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
useFullscreen hook

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
Playback Clock lib

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
Scene Shell lib

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
Console Icons lib

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
Timeline Roll ui

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
Console Button ui

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
Console Tooltip ui

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
Info Tip ui

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
Console Switch ui

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
Toggle Lane ui

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
Audio clip waveform geometry lib

Pure peak decoding and waveform geometry.

npx shadcn@latest add https://pluginui.com/r/core-audio-clip-waveform.json
Audio Clip Player ui

Host-controlled play/pause, seekable waveform and time display.

npx shadcn@latest add https://pluginui.com/r/core-audio-clip-player.json
MIDI Playback ui

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
MIDI File Export lib

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
Pitch Class lib

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
Signal Synth block

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
Pressure Compressor block

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
Dropdown and Ellipsis Menu ui

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
Popover ui

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
Shadcn Utils lib

Shared class composition for portable shadcn controls.

npx shadcn@latest add https://pluginui.com/r/core-shadcn-utils.json
Staff Notation Layout lib

Pure measure-preserving score row layout for responsive staff notation.

npx shadcn@latest add https://pluginui.com/r/core-staff-notation-layout.json
Staff Notation ui

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
Portable Styles lib

Canonical stylesheet for stylesheet-isolated module controls.

npx shadcn@latest add https://pluginui.com/r/core-portable-styles.json
Pitch Class Profile lib

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
Microphone Patterns lib

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
Microphone Pattern Selector ui

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
Microphone Arrangement Selector ui

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
Knob Gallery Core ui

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
Machined Knob Kit ui

Eight custom Canvas knob surfaces with a shared analytic lighting renderer.

npx shadcn@latest add https://pluginui.com/r/gallery-knob-gallery-machined.json
Playful Knob Kit ui

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
Graphic Knob Kit ui

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
Material Study Knob Kit ui

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
Complete Knob Gallery ui

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
MachinedPearlKnob ui

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
MachinedAlloyKnob ui

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
MachinedFlutedKnob ui

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
MachinedRubberKnob ui

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
MachinedPorcelainKnob ui

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
MachinedBrassKnob ui

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
MachinedChromeKnob ui

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
MachinedSteppedKnob ui

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
PlayfulCandyKnob ui

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
PlayfulPearlKnob ui

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
PlayfulFlowerKnob ui

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
PlayfulJellyKnob ui

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
PlayfulLensKnob ui

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
PlayfulDentKnob ui

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
PlayfulSparkKnob ui

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
PlayfulAcrylicKnob ui

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
GraphicEncoderKnob ui

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
GraphicOrbitKnob ui

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
GraphicEngravedKnob ui

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
GraphicFacetedKnob ui

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
GraphicCeramicKnob ui

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
GraphicRadarKnob ui

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
GraphicNumberWheelKnob ui

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
GraphicRecessedKnob ui

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
GripMilkKnob ui

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
GripMarshmallowKnob ui

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
GripFrostKnob ui

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
GripIvoryKnob ui

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
GripRibbedKnob ui

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
GripQuietKnob ui

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
PearlCloudKnob ui

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
PearlGlazeKnob ui

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
PearlOpalKnob ui

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
PearlThumbKnob ui

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
PearlLensKnob ui

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
PearlBalloonKnob ui

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
SaucerChalkKnob ui

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
SaucerGlazedKnob ui

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
SaucerRolledKnob ui

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
SaucerThumbKnob ui

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
SaucerLowKnob ui

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
SaucerIvoryKnob ui

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
Contrast Dial Kit ui

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
Contrast filled dial ui

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
Contrast outline dial ui

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
Rainbow Reverb block

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
Sculpted control styles ui

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
Sculpted Knob ui

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
Sculpted Fader ui

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
Sculpted Toggle ui

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
Sculpted Selector ui

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
Sculpted Console block

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
Spectral control styles ui

Scoped graphite material, recessed choices and colored spectral geometry.

npx shadcn@latest add https://pluginui.com/r/gallery-spectral-control-styles.json