Components
Audio Book Player
The Audio Book Mini Player is a compact, sticky component designed for seamless listening experiences. It displays the chapter title and author, includes a progress slider for seeking, and offers adjustable playback speed (1x, 1.5x, 2x). Fully compatible with light and dark themes, it integrates cleanly into any interface without taking up much space. Ideal for audiobook apps, podcasts, or educational platforms, it combines functionality with a minimalist, modern design for effortless user interaction.
"use client"
import AudioBookPlayer from "@/components/ui/audio-book-player"
export default function DemoAudioBook() {
return (
<div className="flex flex-col items-center justify-center">
<AudioBookPlayer
audioSrc="https://www.soundhelix.com/examples/mp3/SoundHelix-Song-2.mp3"
chapterTitle="Chapter 2: The Journey Continues"
author="Jane Smith"
/>
</div>
)
}
Published
Similar components
Explore more
Part of Ruixen UI — browse the full library on 21st.dev.