Registries
ActiveAnimated components0

@audiocn-solid

Animated components · data updated 2026-10-17

Audio components for Solid, distributed as source through shadcn.

@audiocn-solid preview
animationaudiobuttonscardsformshooksnavigationoverlays

Install

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

Health

StatusActive
Last commit4 days ago
License—
Open issues0
ArchivedNo
Stars0

Components (65)

corebuttonuse-frame-sourceuse-clip-holduse-reduced-motionuse-visibilityuse-demo-signaluse-audio-contextuse-audio-analyseruse-microphoneuse-audio-configdb-scaledb-readoutclip-indicatorlevel-meterfaderparameter-sliderknobpan-controlchannel-togglevolume-controlbadgechannel-stripmixerpopoverbar-visualizersmooth-waveformlive-waveformelectricelectric-bar-visualizerelectric-waveformspectrumwaveformtrack-listkbdsound-paduse-audio-playeruse-sounduse-waveform-datause-web-audio-mixeruse-leveluse-gain-nodeuse-audio-devicesuse-system-audiouse-mixerselectaudio-device-selectaudio-playercardalertemptylabelseparatorswitchtogglefieldkobalte-dom-collectioncontext-menutabsmusic-player
Components: core, button, use-frame-source, use-clip-hold, use-reduced-motion, use-visibility, use-demo-signal, use-audio-context, use-audio-analyser, use-microphone, use-audio-config, db-scale, db-readout, clip-indicator, level-meter, fader, parameter-slider, knob, pan-control, channel-toggle, volume-control, badge, channel-strip, mixer, popover, bar-visualizer, smooth-waveform, live-waveform, electric, electric-bar-visualizer, electric-waveform, spectrum, waveform, track-list, kbd, sound-pad, use-audio-player, use-sound, use-waveform-data, use-web-audio-mixer, use-level, use-gain-node, use-audio-devices, use-system-audio, use-mixer, select, audio-device-select, audio-player, card, alert, empty, label, separator, switch, toggle, field, kobalte-dom-collection, context-menu, tabs, music-player, soundboard, mic-setup, system-audio-settings, quick-audio-popover, system-audio-mixer

Preview

Live sandbox previews render component source client-side. Where a component can’t be rendered standalone, sh4dcn falls back to its source and install command.

@audiocn-solid · core

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