Skip to content
Pebble Pro is here at $49 one timeSee what’s included ↗
Pebble
ComponentsDocsMCPPricing
⌕ Find a component↗Log in
All components 673

Categories

Core inputs & forms46Buttons & actions33Navigation36Overlays & feedback49Data display33Charts & data viz40Cards & layout43Marketing blocks38App shells & pages37AI interfaces40Text & typography effects33Backgrounds & visual effects38Motion & transitions32Numbers & counters32Media34E-commerce333D & interactive36Themed sets40
Start with the essentials.Installation guide ↗Connect your agent ↗
← All componentsMedia

Audio Trimmer

A waveform trimmer with draggable in/out handles, a movable selection, fade-in/out knobs that reshape the waveform, a playhead, loop and time readouts.

Preview

Studio walkthrough · intro.m4a

0:16.00

0s2s4s6s8s10s12s14s16s
In
0:02.40
Out
0:12.80
Length
10.40s
Fades
1.2 / 2.0
Selection 0:02.40 to 0:12.80

Install

Pro source requires Pebble Pro. Try the full preview above.

Props

PropTypeDefaultDescription
durationnumber—Clip length in seconds.
peaksnumber[]—Waveform peaks 0–1; defaults to a deterministic waveform from seed.
seedstring"clip"Seed for the generated waveform.
labelstring"Audio clip"Clip name shown above the waveform.
defaultRangePartial<{ start, end, fadeIn, fadeOut }>15%–80%, no fadesStarting selection and fade lengths in seconds.
defaultLoopbooleanfalseLoop the selection when playing.
defaultPlayheadnumber—Playhead position to show first (seconds).
minLengthnumber0.5Shortest allowed selection in seconds.
onRangeChange(range: TrimRange) => void—Called as handles, fades or the region move.

Pro component

Try the full preview above. Editable source and build guides require Pebble Pro.

Buy Pebble Pro — $49How source access works ↗
Pebble

Small details.
Better interfaces.

React components to explore, make your own, and build on.

Library

  • Components
  • Installation
  • Pricing

Resources

  • For agents
  • About
  • Support

Legal

  • License
  • Terms
  • Privacy
  • Final sale

Built by Pebble

A product of Praxys Solutions LLC ↗

Pebble Pro is live

$49 one time, lifetime updates ↗