sh4dcnv2 · atlas
← libraries

@audiocn-solid

Audio components for Solid, distributed as source through shadcn.

66 components react shadcn-cli

Install this registry

shadcn (npm) npx shadcn@latest add https://audiocn-solid.jhonra121.workers.dev/r/solid1/registry.json
pnpm pnpm dlx shadcn@latest add https://audiocn-solid.jhonra121.workers.dev/r/solid1/registry.json
bun bunx shadcn@latest add https://audiocn-solid.jhonra121.workers.dev/r/solid1/registry.json
fetch registry curl -s https://audiocn-solid.jhonra121.workers.dev/r/solid1/registry.json

Components

66 total
Audio core lib

Framework-neutral audio primitives plus the Solid compatibility helpers used by the installable components.

npx shadcn@latest add https://audiocn-solid.jhonra121.workers.dev/r/solid1/core.json
Button ui

Solid button primitive using the same base-rhea styling as the site.

npx shadcn@latest add https://audiocn-solid.jhonra121.workers.dev/r/solid1/button.json
useFrameSource hook

Subscribe to a frame source with automatic Solid lifecycle cleanup.

npx shadcn@latest add https://audiocn-solid.jhonra121.workers.dev/r/solid1/use-frame-source.json
useClipHold hook

Clip detection with hold time, count, and reset.

npx shadcn@latest add https://audiocn-solid.jhonra121.workers.dev/r/solid1/use-clip-hold.json
useReducedMotion hook

Tracks the operating system reduced-motion preference.

npx shadcn@latest add https://audiocn-solid.jhonra121.workers.dev/r/solid1/use-reduced-motion.json
useVisibility hook

Tracks whether an element intersects the viewport.

npx shadcn@latest add https://audiocn-solid.jhonra121.workers.dev/r/solid1/use-visibility.json
useDemoSignal hook

Synthetic speech, music, tone, or noise frame sources for demos and tests.

npx shadcn@latest add https://audiocn-solid.jhonra121.workers.dev/r/solid1/use-demo-signal.json
useAudioContext hook

A shared AudioContext with a provider for supplying an existing context.

npx shadcn@latest add https://audiocn-solid.jhonra121.workers.dev/r/solid1/use-audio-context.json
useAudioAnalyser hook

Meter and visual frame sources backed by Web Audio AnalyserNode.

npx shadcn@latest add https://audiocn-solid.jhonra121.workers.dev/r/solid1/use-audio-analyser.json
useMicrophone hook

Open a microphone MediaStream with browser processing disabled by default.

npx shadcn@latest add https://audiocn-solid.jhonra121.workers.dev/r/solid1/use-microphone.json
useAudioConfig hook

Shared meter and control configuration context.

npx shadcn@latest add https://audiocn-solid.jhonra121.workers.dev/r/solid1/use-audio-config.json
dB Scale ui

Tick marks and labels for a decibel range.

npx shadcn@latest add https://audiocn-solid.jhonra121.workers.dev/r/solid1/db-scale.json
dB Readout ui

A stable-width numeric level readout.

npx shadcn@latest add https://audiocn-solid.jhonra121.workers.dev/r/solid1/db-readout.json
Clip Indicator ui

A clip light with hold, count, and reset behavior.

npx shadcn@latest add https://audiocn-solid.jhonra121.workers.dev/r/solid1/clip-indicator.json
Level Meter ui

Composable peak and RMS level meter with stereo, hold, scale, readout, and clip indication.

npx shadcn@latest add https://audiocn-solid.jhonra121.workers.dev/r/solid1/level-meter.json
Fader ui

A composable decibel fader with tapering, detents, keyboard stepping, reset, editable values, and optional wheel control.

npx shadcn@latest add https://audiocn-solid.jhonra121.workers.dev/r/solid1/fader.json
Parameter Slider ui

A labelled parameter slider with a numeric input, units, marks, reset, linear or log scaling, and unit scrubbing.

npx shadcn@latest add https://audiocn-solid.jhonra121.workers.dev/r/solid1/parameter-slider.json
Knob ui

A composable rotary parameter control with linear or circular dragging, keyboard and wheel input, editable values, scales, metal caps, and optional detent clic…

npx shadcn@latest add https://audiocn-solid.jhonra121.workers.dev/r/solid1/knob.json
LCD Display ui

A themeable dot-matrix screen in a bezel, backlit in light themes and glowing in dark themes, with dropdown rows.

npx shadcn@latest add https://audiocn-solid.jhonra121.workers.dev/r/solid1/lcd-display.json
Pan Control ui

A left/right pan slider with a center fill, center detent, keyboard controls, accessible pan text, and double-click reset.

npx shadcn@latest add https://audiocn-solid.jhonra121.workers.dev/r/solid1/pan-control.json
Channel Toggle ui

Audio channel toggle buttons with neutral, mute, solo, and monitor tones plus inherited disabled state.

npx shadcn@latest add https://audiocn-solid.jhonra121.workers.dev/r/solid1/channel-toggle.json
Volume Control ui

A composable volume control with mute restore, perceptual or linear curves, horizontal and vertical sliders, and accessible level text.

npx shadcn@latest add https://audiocn-solid.jhonra121.workers.dev/r/solid1/volume-control.json
Badge ui

A compact status badge with default, secondary, destructive, outline, ghost, and link variants.

npx shadcn@latest add https://audiocn-solid.jhonra121.workers.dev/r/solid1/badge.json
Channel Strip ui

A composable horizontal or console-style channel strip with shared audio config, status parts, responsive layout, and clipping reflection.

npx shadcn@latest add https://audiocn-solid.jhonra121.workers.dev/r/solid1/channel-strip.json
Mixer ui

A horizontal or console-style mixer layout with shared audio configuration, empty state, master area, and keyboard focus navigation between channel controls.

npx shadcn@latest add https://audiocn-solid.jhonra121.workers.dev/r/solid1/mixer.json
Popover ui

Accessible popover with focus restoration and outside dismissal.

npx shadcn@latest add https://audiocn-solid.jhonra121.workers.dev/r/solid1/popover.json
Bar Visualizer ui

Frequency-band bars with idle, loading and mirrored modes.

npx shadcn@latest add https://audiocn-solid.jhonra121.workers.dev/r/solid1/bar-visualizer.json
Smooth Waveform ui

A smooth frequency-band wave or oscilloscope trace.

npx shadcn@latest add https://audiocn-solid.jhonra121.workers.dev/r/solid1/smooth-waveform.json
Live Waveform ui

Live signal canvas with scrolling history, bars, mirrors and lines.

npx shadcn@latest add https://audiocn-solid.jhonra121.workers.dev/r/solid1/live-waveform.json
Electric drawing lib

Shared electric canvas colors, sparks and geometry.

npx shadcn@latest add https://audiocn-solid.jhonra121.workers.dev/r/solid1/electric.json
Electric Bar Visualizer ui

Frequency-band bars drawn as crackling filaments.

npx shadcn@latest add https://audiocn-solid.jhonra121.workers.dev/r/solid1/electric-bar-visualizer.json
Electric Waveform ui

An electric wave or oscilloscope trace with forks and sparks.

npx shadcn@latest add https://audiocn-solid.jhonra121.workers.dev/r/solid1/electric-waveform.json
Spectrum ui

A frequency spectrum analyser with axes, grid and peak hold.

npx shadcn@latest add https://audiocn-solid.jhonra121.workers.dev/r/solid1/spectrum.json
Waveform ui

A clip waveform with seeking, hover, regions and markers.

npx shadcn@latest add https://audiocn-solid.jhonra121.workers.dev/r/solid1/waveform.json
Track List ui

Track rows with active, playing and disabled states.

npx shadcn@latest add https://audiocn-solid.jhonra121.workers.dev/r/solid1/track-list.json
Keyboard shortcut ui

Keyboard shortcut labels and groups.

npx shadcn@latest add https://audiocn-solid.jhonra121.workers.dev/r/solid1/kbd.json
Sound Pad ui

Sound triggers with modes, hotkeys and progress.

npx shadcn@latest add https://audiocn-solid.jhonra121.workers.dev/r/solid1/sound-pad.json
useAudioPlayer hook

Owned media playback with reactive controls and smooth time frames.

npx shadcn@latest add https://audiocn-solid.jhonra121.workers.dev/r/solid1/use-audio-player.json
useSound hook

Cached decoding and low-latency short sound playback.

npx shadcn@latest add https://audiocn-solid.jhonra121.workers.dev/r/solid1/use-sound.json
useWaveformData hook

Decode files or audio buffers into cached waveform peaks.

npx shadcn@latest add https://audiocn-solid.jhonra121.workers.dev/r/solid1/use-waveform-data.json
useWebAudioMixer hook

Mixer graph with gain, pan, monitoring, limiting and ducking.

npx shadcn@latest add https://audiocn-solid.jhonra121.workers.dev/r/solid1/use-web-audio-mixer.json
useLevel hook

Samples a meter source for reactive level labels.

npx shadcn@latest add https://audiocn-solid.jhonra121.workers.dev/r/solid1/use-level.json
useGainNode hook

Stable gain routing with click-free changes and connection cleanup.

npx shadcn@latest add https://audiocn-solid.jhonra121.workers.dev/r/solid1/use-gain-node.json
useAudioDevices hook

Audio devices and permission state with live updates.

npx shadcn@latest add https://audiocn-solid.jhonra121.workers.dev/r/solid1/use-audio-devices.json
useSystemAudio hook

Capture system or tab audio with cancellation and track cleanup.

npx shadcn@latest add https://audiocn-solid.jhonra121.workers.dev/r/solid1/use-system-audio.json
useMixer hook

Mixer state controller for channel gain, mute, solo, pan, monitoring, master controls, audibility, dynamic channels, reset, controlled state, and optional loca…

npx shadcn@latest add https://audiocn-solid.jhonra121.workers.dev/r/solid1/use-mixer.json
Select ui

Accessible selection with Kobalte keyboard navigation.

npx shadcn@latest add https://audiocn-solid.jhonra121.workers.dev/r/solid1/select.json
Audio Device Select ui

Audio device picker with permission, loading and disconnected states.

npx shadcn@latest add https://audiocn-solid.jhonra121.workers.dev/r/solid1/audio-device-select.json
Audio Player ui

Composable transport, seeking, time, volume, rate and loop controls.

npx shadcn@latest add https://audiocn-solid.jhonra121.workers.dev/r/solid1/audio-player.json
Card ui
npx shadcn@latest add https://audiocn-solid.jhonra121.workers.dev/r/solid1/card.json
Alert ui
npx shadcn@latest add https://audiocn-solid.jhonra121.workers.dev/r/solid1/alert.json
Empty ui
npx shadcn@latest add https://audiocn-solid.jhonra121.workers.dev/r/solid1/empty.json
Label ui
npx shadcn@latest add https://audiocn-solid.jhonra121.workers.dev/r/solid1/label.json
Separator ui
npx shadcn@latest add https://audiocn-solid.jhonra121.workers.dev/r/solid1/separator.json
Switch ui
npx shadcn@latest add https://audiocn-solid.jhonra121.workers.dev/r/solid1/switch.json
Toggle ui
npx shadcn@latest add https://audiocn-solid.jhonra121.workers.dev/r/solid1/toggle.json
Field ui
npx shadcn@latest add https://audiocn-solid.jhonra121.workers.dev/r/solid1/field.json
Kobalte Dom Collection lib
npx shadcn@latest add https://audiocn-solid.jhonra121.workers.dev/r/solid1/kobalte-dom-collection.json
Context Menu ui
npx shadcn@latest add https://audiocn-solid.jhonra121.workers.dev/r/solid1/context-menu.json
Tabs ui
npx shadcn@latest add https://audiocn-solid.jhonra121.workers.dev/r/solid1/tabs.json
Music Player block
npx shadcn@latest add https://audiocn-solid.jhonra121.workers.dev/r/solid1/music-player.json
Soundboard block
npx shadcn@latest add https://audiocn-solid.jhonra121.workers.dev/r/solid1/soundboard.json
Mic Setup block
npx shadcn@latest add https://audiocn-solid.jhonra121.workers.dev/r/solid1/mic-setup.json
System Audio Settings block
npx shadcn@latest add https://audiocn-solid.jhonra121.workers.dev/r/solid1/system-audio-settings.json
Quick Audio Popover block
npx shadcn@latest add https://audiocn-solid.jhonra121.workers.dev/r/solid1/quick-audio-popover.json
System Audio Mixer block
npx shadcn@latest add https://audiocn-solid.jhonra121.workers.dev/r/solid1/system-audio-mixer.json