Dev Design Library

Sound Pad

A trigger pad with one-shot, toggle, hold and loop modes, a hotkey, playback progress and an accent colour, plus a grid with hotkeys and arrow navigation.

Sound Pad preview
Library
audiocn
Framework
React
Type
ui
License
MIT
Dependencies
class-variance-authority
Install
npx shadcn@latest add @audiocn/sound-pad
Files
  • components/ui/sound-pad.tsx
  • lib/audio/types.ts
  • lib/audio/decibels.ts
  • lib/audio/ballistics.ts
  • lib/audio/zones.ts
  • lib/audio/taper.ts
  • lib/audio/bands.ts
  • lib/audio/bar-levels.ts
Source
https://github.com/audiocn/ui

Categories

More from audiocn