Tailwind Audio

A slick, minimal audio player theme made with Tailwind CSS.

By @luwes

Customize theme

Pick theme colors

Use theme

Pick your media type or player

Are we missing something? Tell us.

Pick your app framework

Are we missing something? Tell us.

Embed method

Choose Packaged for automatic minor version updates or Open to customize anything using HTML/CSS and Media Chrome.

Embed your player

Copy and paste the code below into a page in your project.

<script type="module" src="https://cdn.jsdelivr.net/npm/player.style/tailwind-audio/+esm"></script>

<media-theme-tailwind-audio>
  <video
    slot="media"
    src="https://stream.mux.com/fXNzVtmtWuyz00xnSrJg4OJH6PyNo6D02UzmgeKGkP5YQ/low.mp4"
    playsinline
    crossorigin
  ></video>
</media-theme-tailwind-audio>