Components
Loading preview...
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.
npx shadcn@latest add https://21st.dev/r/ruixen.ui/audio-book-player"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>
)
}