Podcast Episode

Artwork with a mic overlay, episode title, host and duration, plus a round play button on the right.

Podcast cover art
The Quiet Startup
Ceren Yıldırım48 min

Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.

Import & use
import { Media8 } from "@/components/beste/piece/media8";

<Media8
  src="https://images.unsplash.com/photo-1590602847861-f357a9332bbc?w=300&fit=crop"
  alt="Podcast cover art"
  title="The Quiet Startup"
  host="Ceren Yıldırım"
  duration="48 min"
  tone="violet"
/>

More Media pieces

View all Media

Running a calmer front desk

The Sirius Podcast · Ep. 12

12:0431:20

Podcast Player Card

media24

A compact audio player with a play button, an episode title and series line, a waveform progress bar, and elapsed and total times.

Soft lit studio
Night DriveLumen

Album Cover

media4

Square artwork with a bold title and artist name below. Gradient tone fallback when no image.

Sunlight through a forest canopy2:48Product tour

Video Thumbnail

media2

Gradient thumbnail with a circled play button and duration badge.

Album artwork
Night DriveLumen

Now Playing

media17

Compact player bar with artwork, track details, a progress line, and a play toggle.

0:14

Voice Message

media21

Chat bubble voice note with a play toggle, a played and unplayed waveform, and a duration.

AK
MÖ
SB
JD

Story Rings

media7

Row of avatars wrapped in sunset gradient rings. Seen stories fade to muted.