---
name: "@pluginui"
slug: "pluginui"
description: "Design modern interfaces for instruments and effects, on the web or in native DAWs. Customizable controls and themes powered by the Maru Audio platform."
category: "Animated components"
tags: ["audio", "buttons", "cards", "charts", "editor", "forms", "maps", "navigation", "tables", "theming"]
framework: "react"
license: null
author: null
website: "https://pluginui.com"
github: null
registry: "https://pluginui.com/r/registry.json"
pro: false
pro_url: null
github_stars: null
component_count: 250
generated_at: "2026-10-20T06:35:22.791Z"
---

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

## Links

- Website: https://pluginui.com
- Registry JSON: https://pluginui.com/r/registry.json
- Directory page: https://sh4dcn.vercel.app/registry/pluginui
- This file: https://sh4dcn.vercel.app/md/pluginui.md

## Install

```sh
# add the whole registry (shadcn CLI)
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
# fetch the raw registry index
curl -s https://pluginui.com/r/registry.json
```

## Components (250)

| name | type | description | install |
| --- | --- | --- | --- |
| core-pitch-class-histogram | registry: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` |
| core-barlow | registry: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` |
| core-cc-binding-editor | registry: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` |
| core-context-menu-target | registry: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` |
| core-cc-control-chrome-core | registry: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` |
| core-cc-control-chrome | registry: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` |
| core-cc-dnd | registry: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` |
| core-cc-knob-strip | registry: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` |
| core-stable-reorder | registry: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` |
| core-cc-source | registry: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` |
| core-cc-mapping-list | registry: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` |
| core-cc-unmapped-notice | registry: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` |
| core-chladni-formulas | registry: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` |
| core-chladni-plate | registry: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` |
| core-chord-graph | registry: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` |
| core-chord-readout | registry: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` |
| core-circle-of-fifths | registry: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` |
| core-computer-keyboard | registry: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` |
| core-color-scale | registry: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` |
| core-consonance | registry: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` |
| core-consonance-matrix | registry: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` |
| core-control-format | registry: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` |
| core-control-label | registry: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` |
| core-control-math | registry: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` |
| core-control-skin | registry: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` |
| core-control-theme | registry: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` |
| core-delay-tap-display | registry: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` |
| core-display-chrome | registry: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` |
| core-dot-matrix-display | registry: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` |
| core-dot-matrix-font | registry: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` |
| core-drawbar-strip | registry: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` |
| core-drum-lane | registry: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` |
| core-dual-band-selector | registry: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` |
| core-dynamics-display | registry: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` |
| core-dynamics-math | registry: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` |
| core-echo-train | registry: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` |
| core-envelope-display | registry: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` |
| core-envelope-editor | registry: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` |
| core-eq-display | registry: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` |
| core-eq-editor | registry: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` |
| core-producer-eq-panel | registry: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` |
| core-fader | registry: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` |
| core-fader-headless | registry: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` |
| core-fixed-velocity-control | registry: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` |
| core-fm-algorithm-diagram | registry: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` |
| core-fm-algorithm-layout | registry: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` |
| core-fm-routing-matrix | registry: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` |
| core-gain-reduction-meter | registry: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` |
| core-glow-button | registry: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` |
| core-goniometer | registry: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` |
| core-interval-vector-chart | registry: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` |
| core-keyboard-geometry | registry: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` |
| core-knobman-source | registry: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` |
| core-knob | registry: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` |
| core-knob-core | registry: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` |
| core-knob-headless | registry: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` |
| core-level-meter | registry: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` |
| core-output-level-meter | registry: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` |
| core-lfo-visualizer | registry: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` |
| core-lissajous-scope | registry: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` |
| core-midi-activity-table | registry: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` |
| core-midi-message-decode | registry: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` |
| core-midi-monitor | registry: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` |
| core-module-navbar | registry: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` |
| core-module-power-button | registry: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` |
| core-musical-time | registry: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` |
| core-oscilloscope | registry: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` |
| core-harmony-lattice | registry: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` |
| core-ring-geometry | registry: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` |
| core-ring-circle | registry: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` |
| core-ring-strip | registry: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` |
| core-ring-arc | registry: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` |
| core-ring-roll | registry: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` |
| core-pad-grid | registry: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` |
| core-pc-histogram | registry: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` |
| core-pc-set-analysis | registry: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` |
| core-piano-keyboard | registry: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` |
| core-sampler-keyboard | registry: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` |
| core-chord-map | registry: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` |
| core-piano-roll | registry: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` |
| core-multi-voice-piano-roll | registry: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` |
| core-piano-roll-geometry | registry: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` |
| core-multi-voice-piano-roll-model | registry: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` |
| core-pitch-class-clock | registry: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` |
| core-pluck-position | registry: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` |
| core-preset-selector | registry: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` |
| core-tag-browser | registry: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` |
| core-preset-browser | registry: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` |
| core-sample-view-geometry | registry: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` |
| core-sample-view-context | registry: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` |
| core-sample-view | registry: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` |
| core-envelope-overlay | registry: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` |
| core-take-switcher | registry: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` |
| core-radial-pad-geometry | registry: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` |
| core-radial-pad-surface | registry: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` |
| core-rate-level-envelope-display | registry: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` |
| core-response-geometry | registry: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` |
| core-rhythm-math | registry: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` |
| core-rhythm-wheel | registry: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` |
| core-scale-remap-control | registry: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` |
| core-segment-display | registry: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` |
| core-segment-font | registry: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` |
| core-prepared-spectrogram | registry: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` |
| core-spectrogram | registry: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` |
| core-spectrum | registry: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` |
| core-step-division-selector | registry: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` |
| core-step-grid | registry: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` |
| core-step-lane | registry: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` |
| core-step-pattern | registry: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` |
| core-step-timeline | registry: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` |
| core-stereo-field | registry: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` |
| core-stereo-math | registry: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` |
| core-stft | registry: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` |
| core-svg-markers | registry: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` |
| core-tine-array-geometry | registry: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` |
| core-toggle-headless | registry: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` |
| core-toggle-switch | registry: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` |
| core-tonal-center | registry: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` |
| core-transfer-curve | registry: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` |
| core-transport-controls | registry: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` |
| core-triangle-pad | registry: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` |
| core-use-audio-input-devices | registry: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` |
| core-use-audio-source | registry: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` |
| core-use-control | registry: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` |
| core-use-first-interaction | registry: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` |
| core-use-knob-keyboard | registry: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` |
| core-use-midi-access | registry: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` |
| core-use-midi-activity | registry: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` |
| core-use-midi-inputs | registry: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` |
| core-use-note-swipe-area | registry: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` |
| core-use-note-trigger-area | registry: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` |
| core-use-surface-pointer | registry: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` |
| core-use-wheel | registry: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` |
| core-vocoder-panel | registry: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` |
| core-waveform-selector | registry: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` |
| core-waveforms | registry: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` |
| core-waveshaper-math | registry: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` |
| core-xy-pad | registry: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` |
| core-xy-pad-headless | registry: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` |
| core-plane-geometry | registry: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` |
| core-plan-pad | registry: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` |
| core-use-diagnostic-session | registry: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` |
| core-diagnostic-panel | registry: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` |
| core-diagnostic-overlay | registry: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` |
| core-beat-clock | registry: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` |
| core-beat-grid-geometry | registry: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` |
| core-beat-grid-scope | registry: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` |
| core-status-chip | registry: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` |
| core-value-readout | registry: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` |
| core-note-range-selector | registry: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` |
| core-range-slider | registry: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` |
| core-weight-bars | registry: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` |
| core-console-styles | registry: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` |
| core-overlay-container | registry: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` |
| core-segmented-control | registry: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` |
| core-number-field | registry: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` |
| core-seed-slots | registry: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` |
| core-rhythm-step-grid | registry: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` |
| core-scale-picker | registry: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` |
| core-panel-tabs | registry: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` |
| core-resize-handle | registry: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` |
| core-use-element-size | registry: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` |
| core-use-persistent-state | registry: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` |
| core-use-fullscreen | registry: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` |
| core-playback-clock | registry: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` |
| core-console-icons | registry: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` |
| core-timeline-roll | registry: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` |
| core-console-button | registry: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` |
| core-console-tooltip | registry: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` |
| core-info-tip | registry: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` |
| core-console-switch | registry: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` |
| core-toggle-lane | registry: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` |
| core-audio-clip-waveform | registry:lib | Pure peak decoding and waveform geometry. | `npx shadcn@latest add https://pluginui.com/r/core-audio-clip-waveform.json` |
| core-audio-clip-player | registry:ui | Host-controlled play/pause, seekable waveform and time display. | `npx shadcn@latest add https://pluginui.com/r/core-audio-clip-player.json` |
| core-midi-playback | registry: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` |
| core-use-midi-file-export | registry: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` |
| core-music-theory-pitch-class | registry: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` |
| example-signal-synth | registry: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` |
| example-pressure-compressor | registry: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` |
| core-dropdown-menu | registry: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` |
| core-popover | registry: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` |
| core-shadcn-utils | registry:lib | Shared class composition for portable shadcn controls. | `npx shadcn@latest add https://pluginui.com/r/core-shadcn-utils.json` |
| core-staff-notation-layout | registry:lib | Pure measure-preserving score row layout for responsive staff notation. | `npx shadcn@latest add https://pluginui.com/r/core-staff-notation-layout.json` |
| core-staff-notation | registry: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` |
| core-portable-styles | registry:lib | Canonical stylesheet for stylesheet-isolated module controls. | `npx shadcn@latest add https://pluginui.com/r/core-portable-styles.json` |
| core-music-theory-pitch-class-profile | registry: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` |
| core-microphone-patterns | registry: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` |
| core-microphone-pattern-selector | registry: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` |
| core-microphone-arrangement-selector | registry: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` |
| gallery-knob-gallery-core | registry: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` |
| gallery-knob-gallery-machined | registry: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` |
| gallery-knob-gallery-playful | registry: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` |
| gallery-knob-gallery-graphic | registry: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` |
| gallery-knob-gallery-focused | registry: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` |
| gallery-knob-gallery | registry: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` |
| gallery-machined-pearl-knob | registry: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` |
| gallery-machined-alloy-knob | registry: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` |
| gallery-machined-fluted-knob | registry: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` |
| gallery-machined-rubber-knob | registry: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` |
| gallery-machined-porcelain-knob | registry: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` |
| gallery-machined-brass-knob | registry: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` |
| gallery-machined-chrome-knob | registry: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` |
| gallery-machined-stepped-knob | registry: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` |
| gallery-playful-candy-knob | registry: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` |
| gallery-playful-pearl-knob | registry: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` |
| gallery-playful-flower-knob | registry: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` |
| gallery-playful-jelly-knob | registry: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` |
| gallery-playful-lens-knob | registry: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` |
| gallery-playful-dent-knob | registry: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` |
| gallery-playful-spark-knob | registry: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` |
| gallery-playful-acrylic-knob | registry: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` |
| gallery-graphic-encoder-knob | registry: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` |
| gallery-graphic-orbit-knob | registry: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` |
| gallery-graphic-engraved-knob | registry: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` |
| gallery-graphic-faceted-knob | registry: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` |
| gallery-graphic-ceramic-knob | registry: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` |
| gallery-graphic-radar-knob | registry: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` |
| gallery-graphic-number-wheel-knob | registry: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` |
| gallery-graphic-recessed-knob | registry: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` |
| gallery-grip-milk-knob | registry: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` |
| gallery-grip-marshmallow-knob | registry: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` |
| gallery-grip-frost-knob | registry: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` |
| gallery-grip-ivory-knob | registry: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` |
| gallery-grip-ribbed-knob | registry: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` |
| gallery-grip-quiet-knob | registry: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` |
| gallery-pearl-cloud-knob | registry: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` |
| gallery-pearl-glaze-knob | registry: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` |
| gallery-pearl-opal-knob | registry: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` |
| gallery-pearl-thumb-knob | registry: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` |
| gallery-pearl-lens-knob | registry: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` |
| gallery-pearl-balloon-knob | registry: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` |
| gallery-saucer-chalk-knob | registry: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` |
| gallery-saucer-glazed-knob | registry: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` |
| gallery-saucer-rolled-knob | registry: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` |
| gallery-saucer-thumb-knob | registry: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` |
| gallery-saucer-low-knob | registry: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` |
| gallery-saucer-ivory-knob | registry: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` |
| gallery-knob-gallery-contrast | registry: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` |
| gallery-contrast-filled-knob | registry: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` |
| gallery-contrast-outline-knob | registry: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` |
| example-rainbow-reverb | registry: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` |
| gallery-sculpted-control-styles | registry: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` |
| gallery-sculpted-knob | registry: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` |
| gallery-sculpted-fader | registry: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` |
| gallery-sculpted-toggle | registry: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` |
| gallery-sculpted-selector | registry: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` |
| example-sculpted-console | registry: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` |
| gallery-spectral-control-styles | registry:ui | Scoped graphite material, recessed choices and colored spectral geometry. | `npx shadcn@latest add https://pluginui.com/r/gallery-spectral-control-styles.json` |
| gallery-spectral-knob | registry:ui | Reusable controlled graphite knob with scoped material artwork. | `npx shadcn@latest add https://pluginui.com/r/gallery-spectral-knob.json` |
| gallery-spectral-fader | registry:ui | Reusable controlled graphite fader with scoped material artwork. | `npx shadcn@latest add https://pluginui.com/r/gallery-spectral-fader.json` |

## For AI agents

```text
You are adding components from @pluginui to a shadcn-compatible project.
1. Read this file (https://sh4dcn.vercel.app/md/pluginui.md) for the component list.
2. Fetch the machine-readable index: https://pluginui.com/r/registry.json
3. Install a single component with its install command from the table above.
4. Full structured record: https://sh4dcn.vercel.app/json (library slug: pluginui).
```