New: AudioUI by Cutoff
Developer Preview

React Components for Audio & MIDI Applications

Professional UI components for music software, DAWs, and audio plugins. Performance-optimized, accessible, and highly customizable.

Get Started

Simple to Use

Get started with just a few lines of code

Installation

Install AudioUI with your favorite package manager and start building audio interfaces immediately.

1

Install the package

Add AudioUI to your React project

2

Import the styles

Include the CSS in your app

3

Start building

Use components in your UI

import { useState } from "react";
import { Knob } from "@cutoff/audio-ui-react";
import "@cutoff/audio-ui-react/style.css";

function AudioControl() {
  const [value, setValue] = useState(10000);
  
  return (
    <Knob
      value={value}
      onChange={(e) => setValue(e.value)}
      label="Cutoff"
      min={20}
      max={20000}
    />
  );
}

Why AudioUI

Built specifically for audio and MIDI applications

Audio Parameters Model
MIDI integration, scale functions (log/exp), bipolar mode, and step quantization for audio-specific workflows
Performance Optimized
Minimal re-renders, low-latency interactions, and optimizations for real-time audio applications
Universal Access
ARIA support, keyboard navigation, and mobile-ready with touch-optimized interactions
Hybrid Architecture
Opinionated components for rapid development, primitives for deep customization
Framework Agnostic
Core logic separated from React, enabling future support for other frameworks
Production Ready
Written in TypeScript with comprehensive documentation and stable core APIs

Built for Audio Developers

From simple controls to complex interfaces

Vector Controls
SVG-based, themable components

Knob, Slider, Button, CycleButton, Keys with multiple visual variants

Raster Components
Bitmap-based for realistic looks

FilmStrip controls, ImageKnob, ImageSwitch for custom visual designs

Customization
Primitives for building custom controls

Control primitives and SVG building blocks for unique designs

Who Is It For

Designed for developers building audio software

JUCE & C++ Developers

Add modern web-based interfaces to your native audio applications with familiar audio control patterns and professional components.

Web Audio Developers

Build production-quality audio apps with components specifically designed for audio workflows, MIDI integration, and real-time performance.

Rust & Tauri Developers

Framework-agnostic core enables integration with Rust, Tauri, and WRY applications, bringing professional audio UI to desktop apps.

Open Source & Commercial

Flexible licensing for every project

GPL-3.0 Open Source

Free for open source projects and learning. Full component library with community support.

  • Complete source code access
  • All components and features
  • Community-driven development
  • Free forever
Commercial License

For businesses building proprietary software. No GPL restrictions, priority support, and commercial benefits.

  • No copyleft obligations
  • Priority technical support with SLA
  • Private support channels
  • License evolution benefits
License Evolution
Components may become more permissive over time

Our evolutive license framework allows components to transition to more permissive licenses (MPL-2.0 or MIT+Apache-2.0) as they mature, benefiting both open source and commercial users.

Explore & Learn

Everything you need to get started

Playground

Try components live with interactive examples

Documentation

Comprehensive guides and API reference

Community

Join Discord for support and discussions

Open Source

View source code and contribute

Start Building Audio UIs Today

Join developers building the next generation of audio software with AudioUI

Get Started