Rewatch UI components examples

Rewatch

A horizontal range slider for selecting a time duration, featuring draggable handles and numeric input fields for precise start and end times.

• Toolbox

Rewatch

A row displaying a user's avatar, full name, email address, and a badge indicating it is the current user.

• Avatar

Rewatch

A popover menu allowing users to select a background cover. It features an upload button, a grid of preset gradient swatches with the first one selected, and a save button.

• Color picker

Rewatch

A blue, pill-shaped alert banner displaying a success message for a sent invitation.

• Alert

Rewatch

A card displaying a video thumbnail with a duration badge, title, date, and a play icon.

• Card

Rewatch

A floating modal displaying a checklist of onboarding tasks. One task is expanded to show more details and action buttons.

• Checkbox & radio

Rewatch

A small card displaying the remaining days in a trial period, with a button to view subscription plans.

• Upgrade your plan

Rewatch

A vertical sidebar navigation menu featuring a workspace switcher, search bar, primary navigation links, a prominent 'Add video' CTA, utility links, and a trial status card.

• Vertical navigation

Rewatch

A stylized illustration of a weekly calendar view showing various scheduled events like meetings and focus time, used during an onboarding flow.

• Illustration

Rewatch

An abstract, stylized illustration of a web application interface, featuring a sidebar, a main content area with a banner, and skeleton loading states for text and media.

• Illustration

Rewatch

A stylized illustration showing floating video call participant tiles and video conferencing app icons against a gradient background.

• Illustration

Rewatch

A decorative illustration showing four overlapping white cards on a light blue background. Each card features a circular photo avatar of a smiling person and abstract placeholder shapes representing text.

• Illustration