# Media Playback components

> Enhance your Next.js projects with 14 media playback UI components designed for seamless audio and video experiences.

20 components available. Showing all of them below.

- [Media Provider](https://21st.dev/@limeplay/components/media-provider.md) — by Limeplay
- [Video Player](https://21st.dev/@chetanverma16/components/video-player.md) — by Chetan Verma
- [HoverPlayCard](https://21st.dev/@ruixen.ui/components/hover-play-card.md) — by Ruixen UI
- [Audio Player](https://21st.dev/@chetanverma16/components/audio-player.md) — by Chetan Verma
- [Thumbnail button video player](https://21st.dev/@arunachalam/components/thumbnail-button-video-player.md) — by Arunachalam
- [Video Player Pro](https://21st.dev/@ruixen.ui/components/video-player-pro.md) — by Ruixen UI
- [Timeline](https://21st.dev/@nparashar150/components/timeline-1.md) — by Naman Parashar
- [Dynamic Island](https://21st.dev/@aghasisahakyan1/components/dynamic-island.md) — by Erik X
- [MusicPlayerCard](https://21st.dev/@dhileepkumargm/components/music-player-card.md) — by Dhileep Kumar GM
- [Music Player](https://21st.dev/@ravikatiyar162/components/music-player.md) — by Ravi Katiyar
- [Apple play button](https://21st.dev/@reuno-ui/components/apple-play-button.md) — by reuno-ui
- [Button Group](https://21st.dev/@ShadcnStudio/components/button-group/button-group-audio.md) — by ShadcnStudio
- [Video Player](https://21st.dev/@haydenbleasel/components/video-player.md) — by Hayden Bleasel
- [Podcast Card Player](https://21st.dev/@ruixen.ui/components/podcast-card-player.md) — by Ruixen UI
- [Player Layout](https://21st.dev/@limeplay/components/player-layout.md) — by Limeplay
- [Audio Book Player](https://21st.dev/@ruixen.ui/components/audio-book-player.md) — by Ruixen UI
- [Vertical Volume Slider with Mute Toggle](https://21st.dev/@muhammad-binsalman/components/vertical-volume-slider-with-mute-toggle.md) — by M.bin Salman
- [Audio Timeline With Chapters](https://21st.dev/@ruixen.ui/components/audio-timeline-with-chapters.md) — by Ruixen UI
- [HLS Video Player](https://21st.dev/@joyco/components/hls-video-player.md) — by JOYCO
- [Video Player](https://21st.dev/@thegridcn/components/video-player.md) — by The Gridcn

Full component directory: https://21st.dev/llms.txt