Glass Audio

Glassmorphism audio testimonial with waveform visualization.

testimonialaudioglassmorphismwaveform

Props

Customize the component with these props

PropertyTypeDefaultDescription
avatar
stringhttps://images.unsplash.com/photo-1534528741775-53994a69daeb?auto=format&fit=crop&w=800&q=80Avatar image URL.
name
stringSarah JenkinsUser name.
duration
string0:42Audio duration text.
quote
stringI was skeptical at first, honestly. But the moment we integrated the API, everything just clicked. It's rare to find software that feels this human.Testimonial quote text.
backgroundColor
string#0f172aBackground color (hex, rgb, or hsl).
backgroundImage
stringhttps://images.unsplash.com/photo-1614850523060-8da1d56ae167?w=1200&q=80Background image URL.
audioColor
string#6366f1Audio waveform color (hex, rgb, or hsl).
showTranscript
booleantrueWhether to show transcript section.
hideTranscriptText
stringHide TranscriptHide transcript button text.
readTranscriptText
stringRead TranscriptRead transcript button text.
Glass Audio - Media Component | UILora