Braam Designer

Braam Designer is also an iPhone app. Cinematic braam sound design for iPhone.

Braam Designer creates the deep, horn-like "braam" sound used in film trailers, from up to three synthesized layers. Free to download.

• Website: https://braamdesigner.com
• App Store: https://apps.apple.com/us/app/braam-designer/id6757111111
• Support: https://github.com/workmanl/braam-designer/issues
• Email: [email protected]

A professional in-browser tool for designing, auditioning, and rendering cinematic braam sound effects using the Web Audio API.

Features

• Multi-layer sound design - Combine up to 3 layers of oscillators and noise generators
• Real-time preview - Hear your changes instantly
• Advanced controls - Envelope shaping (Attack/Hold/Decay), pitch sweeps, panning, and volume per layer
• Global effects - Master duration, volume, high-pass/low-pass filters, and reverb
• Preset system - Quick-start templates for common braam types
• Export to WAV - Render and download your designs as high-quality 48kHz audio files
• Browser-based - No installation required, runs entirely in your browser

Live Demo

Try it out: https://workmanl.github.io/braam-designer/

Local Development

Prerequisites

• Node.js (v14 or higher)

Setup

1. Clone the repository:

   git clone https://github.com/workmanl/braam-designer.git
   cd braam-designer
   

2. Install dependencies:

   npm install
   

3. Run the development server:

   npm run dev
   

4. Open your browser to http://localhost:3000

Build

To build for production:

npm run build

The built files will be in the dist folder.

Deployment

Deploy to GitHub Pages:

npm run deploy

Technology Stack

• React 19 - UI framework
• TypeScript - Type safety
• Vite - Build tool and dev server
• Web Audio API - Audio synthesis and processing
• Tailwind CSS - Styling

How to Use

1. Enable/disable layers - Toggle individual sound layers on or off
2. Choose sound sources - Select from sine, square, sawtooth, triangle waves, or noise types (white, pink, brown)
3. Shape envelopes - Control attack, hold, and decay for volume automation
4. Set pitch sweeps - Define start and end frequencies for dynamic pitch changes
5. Pan sounds - Position audio in the stereo field
6. Apply global effects - Add filters and reverb for polish
7. Preview - Hit the Play button or press Spacebar
8. Export - Click "Render & Download" to save your WAV file

Keyboard Shortcuts

• Spacebar - Play/Stop

License

MIT

Author

Created by Scott Manley