Vinyl Orbit Player

A spinning vinyl record with circular cover art and two curved SVG text paths. The primary phrase loops around a wide orbit while the secondary label sits on a smaller lower curve.

Component

Install

npx shadcn@latest add @compronents/vinyl-orbit-player

Installs from ui.aryank.space. Needs a registry token and a one-time @compronents entry in components.json. The docs walk through both.

Files

Checking access…

API

Prop	Type	Default	Description
coverImage	string	Compronents-hosted JPG	Circular cover image placed at the center of the record.
diskImage	string	Compronents-hosted PNG	Record texture spun behind the cover.
primaryText / secondaryText	string	Fly to the moon now / Throwback Music Vol	Curved text shown around the record.

Customize

coverImage / diskImageasset-url

The circular cover art and record texture.

primaryText / secondaryTexttext

The phrases rendered on the large and small text paths.

Dependencies

None.