Progress

Completion indicator.

Vinyl styling: Chunky bordered track with a sunset fill on web.

Installation

npx shadcn@latest add @vinyl/progress

The @vinyl registry URL in components.json decides whether you get the web or the native version (see installation for web / native).

<Progress value={62} aria-label="Rewinding" />

Same API as shadcn/ui's Progress on the web, and React Native Reusables' Progress on native. Vinyl only changes styling and motion.

Popover

Floating panel anchored to a trigger.

Radio Group

Choose one option from a set.