Music Player

About this piece

Album thumbnail and track meta beside skip-back, play, and skip-forward controls.

Usage

The import and the props worth knowing about, in one place.

import { Shapes75 } from "@/components/beste/piece/shapes75";

<Shapes75
  surface="card"
  bordered={true}
  inverted={false}
/>

Round play button next to a 40% progress bar with elapsed and total time lines.

Two horizontal tracks with offset thumbs at one-third and two-thirds.

Video thumbnail with center play button above an avatar and name footer.

Pill-shaped input with a magnifier icon and a placeholder line.

Side-by-side thumbnail, category dot, two title lines, and a meta line.

Thumbnail above title and meta, with a 60% emerald progress bar and percent label.