I found react native audio waveform but I've not used it, though it seems like what you want. Also this one react native audio analyzer . Found these using one Google search. You should actually try to look for answers before you come asking here. Answer from RichDaCuban on reddit.com
GitHub
github.com › SimformSolutionsPvtLtd › react-native-audio-waveform
GitHub - SimformSolutionsPvtLtd/react-native-audio-waveform: React Native component to show audio waveform with ease in react native application ✨
A React Native package featuring native modules for generating and rendering audio waveforms.
Starred by 297 users
Forked by 41 users
Languages TypeScript 37.1% | Kotlin 32.6% | Swift 22.4% | JavaScript 3.4% | Objective-C 2.5% | Ruby 1.9% | Shell 0.1%
Reddit
reddit.com › r/reactnative › is there any package for live audio waveform in react native ?
r/reactnative on Reddit: Is there any package for live audio waveform in react native ?
March 25, 2024 -
I used expo-av for record voice but while recording i need a waveform like this . Can you help me ?
Top answer 1 of 4
2
I found react native audio waveform but I've not used it, though it seems like what you want. Also this one react native audio analyzer . Found these using one Google search. You should actually try to look for answers before you come asking here.
2 of 4
1
If you find something that ends up working let me know, I wasted many days on this and gave up on the idea of real audio waves and settled for a Lottie animation in the end.
Videos
08:59
React Native Phone Ring Indicator Wave - React Native Moti & ...
35:31
Soundcloud Audio Player - “Can it be done in React Native?” ...
23:12
Real Time Audio Processing in React Native - React Native - May ...
Wave animation with React native skia
01:01:25
🔴 Soundcloud in React Native and Reanimated 2 - YouTube
02:43
Playing Sounds in Your React App | Tutorial - YouTube
npm
npmjs.com › package › @kaannn › react-native-waveform
@kaannn/react-native-waveform - npm
March 6, 2025 - [x] Android (https://github.com/massoudss/waveformSeekBar) (Will be change to Reanimated 4) ... import AudioWaveView from '@kaannn/react-native-waveform'; // Usage with all props <AudioWaveView style={{ flex: 1,width: '100%',height: '100%' }} progress={audio.progress} maxProgress={audio.lenght} waveWidth={18} waveGap={2} waveMinHeight={25} waveCornerRadius={8} waveBackgroundColor="#E0E0E0" waveProgressColor="#2196F3" markerWidth={2} markerColor="#FF5722" markerTextColor="#000000" markerTextSize={10} markerTextPadding={2} audioSource={audioUrl} /> // Basic usage with a local audio file <AudioWa
» npm install @kaannn/react-native-waveform
Published Mar 06, 2025
Version 0.1.4
Author Kağan Temizkan
GitHub
github.com › VinamraVij › react-native-audio-wave-recording
GitHub - VinamraVij/react-native-audio-wave-recording: This repository helps to record audio in a wave format with animation · GitHub
This repository helps to record audio in a wave format with animation - VinamraVij/react-native-audio-wave-recording
Starred by 21 users
Forked by 2 users
Languages TypeScript 41.0% | Kotlin 17.6% | Objective-C 15.6% | Ruby 14.9% | Objective-C++ 5.5% | JavaScript 5.4%
Top answer 1 of 2
1
Take a look at this repository: https://github.com/VinamraVij/react-native-audio-wave-recording. I've implemented a method for recording audio with a waveform display and added animations that sync with the waveform and audio during recording. You may need to adjust the pitch values to improve the waveform visualization, as the pitch settings vary between Android and iOS.
Checkout video https://www.youtube.com/watch?v=P3E_8gZ27MU
2 of 2
-1
This package audio-react-recorder provides the recording interface as well as a somewhat customisable waveform. I think it's a good place to start. I used it a few times, it works quite well.
Here's a demo
Let me know if it works out for you.

GitHub
github.com › juananime › react-native-audiowaveform
GitHub - juananime/react-native-audiowaveform: Audio waveform renderer for React Native
import WaveForm from 'react-native-audiowaveform'; <WaveForm source={require('./path/to/your/file.mp3')} waveFormStyle={{waveColor:'red', scrubColor:'white'}} > </WaveForm>
Starred by 273 users
Forked by 93 users
Languages Java 73.6% | Objective-C 18.0% | JavaScript 6.4% | Starlark 1.3% | Ruby 0.4% | Pug 0.2% | CSS 0.1% | Java 73.6% | Objective-C 18.0% | JavaScript 6.4% | Starlark 1.3% | Ruby 0.4% | Pug 0.2% | CSS 0.1%
DEV Community
dev.to › toshiya_matsumoto_ac94abe › building-your-own-live-audio-waveform-in-react-native-4e49
🎙️ Building Your Own Live Audio Waveform in React Native - DEV Community
August 31, 2025 - // Original level: -60dB(almost silence) Math.pow(10, (-60 + 40) / 20) = Math.pow(10, -1) = 0.1 // Original level: -20dB(small sound volume) Math.pow(10, (-20 + 40) / 20) = Math.pow(10, 1) = 10 // Original level: 0dB(maximum sound volume) Math.pow(10, (0 + 40) / 20) = Math.pow(10, 2) = 100 · Then scale it with normalizedLevel * height * 0.05. (That 0.05 is just a tweak factor — adjust to taste! 🎚️) And yes, we’ll use Rect from react-native-svg to draw the bars.
DEV Community
dev.to › ssk14 › visualizing-audio-as-a-waveform-in-react-o67
Visualizing Audio as a Waveform in React - DEV Community
April 16, 2023 - Audio visualization is a great way to add a new dimension to music, podcasts, or any other audio content. A common way to visualize audio is to display its waveform, which shows the amplitude of the sound wave at each point in time. In this tutorial, we'll learn how to generate a waveform for an audio file in React without using any libraries.
npm
npmjs.com › package › react-native-audiowaveform
react-native-audiowaveform - npm
April 16, 2020 - Audio Waveform visualization and sound renderization for React Native. Latest version: 2.0.5, last published: 6 years ago. Start using react-native-audiowaveform in your project by running `npm i react-native-audiowaveform`. There are no other projects in the npm registry using react-native-audiowaveform.
» npm install react-native-audiowaveform
Published Apr 16, 2020
Version 2.0.5
Author Otomogroove 2017
npm
npmjs.com › package › @simform_solutions › react-native-audio-waveform
@simform_solutions/react-native-audio-waveform - npm
October 17, 2025 - A React Native package featuring native modules for generating and rendering audio waveforms.
» npm install @simform_solutions/react-native-audio-waveform
Published Oct 17, 2025
Version 2.1.6
Author Simform Solutions
Callstack
callstack.com › blog › from-files-to-buffers-building-real-time-audio-pipelines-in-react-native
From Files to Buffers: Building Real-Time Audio Pipelines in React Native
December 5, 2025 - This article is a deep dive into working directly with in-memory audio buffers to achieve maximum performance and speed in your React Native applications. When you tap into the lower-level audio APIs on iOS or Android, you don’t get a ready-to-play file. Instead, you get a stream of raw audio data, typically in Pulse-Code Modulation (PCM) format. PCM is a digital representation of an analog audio signal. It’s essentially a long sequence of numbers (samples) that represents the amplitude of the audio wave at discrete time intervals.
npm
npmjs.com › package › @alirehman7141 › react-native-audiowaveform
@alirehman7141/react-native-audiowaveform - npm
December 11, 2023 - Audio Waveform visualization and sound renderization for React Native. Latest version: 2.0.6, last published: 2 years ago. Start using @alirehman7141/react-native-audiowaveform in your project by running `npm i @alirehman7141/react-native-a...
» npm install @alirehman7141/react-native-audiowaveform
Published Dec 11, 2023
Version 2.0.6
Author AliRehman7141 2023
CodeSandbox
codesandbox.io › examples › package › react-audio-waveform
react-audio-waveform examples - CodeSandbox
Use this online react-audio-waveform playground to view and fork react-audio-waveform example apps and templates on CodeSandbox.
npm
npmjs.com › package › react-native-audio2wave
react-native-audio2wave - npm
April 5, 2022 - Audio Waveform visualization and sound renderization for React Native. Latest version: 2.0.7, last published: 3 years ago. Start using react-native-audio2wave in your project by running `npm i react-native-audio2wave`. There are no other projects in the npm registry using react-native-audio2wave.
» npm install react-native-audio2wave
Published Apr 05, 2022
Version 2.0.7
Author Otomogroove 2017
GitHub
github.com › zmxv › react-native-sound
GitHub - zmxv/react-native-sound: React Native module for playing sound clips
import Sound from "react-native-sound"; // Enable playback in silence mode (important for iOS) Sound.setCategory("Playback"); // Load a sound file from the app bundle const whoosh = new Sound("whoosh.mp3", Sound.MAIN_BUNDLE, (error) => { if (error) { console.log("Failed to load the sound", error); return; } // Sound loaded successfully console.log("Duration:", whoosh.getDuration(), "seconds"); console.log("Channels:", whoosh.getNumberOfChannels()); // Play the sound whoosh.play((success) => { if (success) { console.log("Successfully finished playing"); } else { console.log("Playback failed due
Starred by 2.9K users
Forked by 784 users
Languages TypeScript 44.0% | Kotlin 24.3% | Objective-C++ 13.5% | C# 11.2% | Ruby 3.9% | Swift 1.4% | TypeScript 44.0% | Kotlin 24.3% | Objective-C++ 13.5% | C# 11.2% | Ruby 3.9% | Swift 1.4%
npm
npmjs.com › search
keywords:sound wave - npm search
sound · wav · mp3 · flac · ... 3 years ago5 dependents licensed under $MIT · 495,496 · React Native module for playing sound clips on iOS, Android, and Windows ·...