JVLC

Unofficial · Work in progress

Juxtopposed VLC Redesign

The VLC media player interface, rebuilt in VLC's own Qt/QML to match the Figma design from Juxtopposed's video. Playback, codecs and everything else stay VLC.

View the source on GitHub Watch the video
The redesigned VLC player: windowed video in a dark rounded frame with the new bottom control bar
Windowed player with pinned controls, playing a generated test clip. The top bar is still stock VLC. Click the image to enlarge.

What works today

  • Control bar layout

    Previous, play and next, the seek bar, volume, audio, subtitles, settings and lists. Positions match Figma within 1 to 2 px.

  • Cone volume slider

    The Figma cone with its gradient fill. The end of the cone is VLC's maximum volume.

  • Seek bar and preview

    The Figma track and handle. Dragging to the far left reaches 00:00:00, and hovering shows the frame and time above the bar.

  • Windowed video frame

    With pinned controls, the video sits in the dark rounded Figma frame.

  • Icons and time labels

    The control bar uses the Figma icons, and all 206 are in the repository. Time labels use Inter 15 px in HH:MM:SS.

  • Playback stays VLC

    Codecs, playback and everything outside the interface are unchanged VLC.

The audio and subtitles buttons are placed but do nothing yet. They are part of Phase 4.

Roadmap

  1. Phase 1: Design tokens and foundationsIn progress
  2. Phase 2: Main playback controls and bottom barIn progress
  3. Phase 3: Top navigation bar and window chromeNot started
  4. Phase 4: Audio, subtitle and track management flyoutsNot started
  5. Phase 5: Quick settings sidebarNot started
  6. Phase 6: Media library, music player and stream browserNot started
  7. Phase 7: Settings overhaul and onboardingNot started

The full checklist is in the repository README.

Get the source

The repository is the full VLC source tree with the redesign in modules/gui/qt/, so the clone is large. Building it works like building VLC. The build steps are in the README.

git clone https://github.com/Olmo-Gutierrez/VLC-juxtopposed.git

FAQ

Is there a download?

No. There is no prebuilt installer yet. Build it from source using the instructions in the repository. Installers offered on other sites are not from this project.

Is this official?

No. It is not affiliated with or endorsed by VideoLAN or Juxtopposed. For the official player, see videolan.org.

Who designed it?

Juxtopposed (spelled with two p's, not "juxtaposed"), in the video linked above. The layouts, sizes, colours and icons come from the community Figma file "VLC Redesign" shown in that video.

Does it change playback?

No. Only the look and the interface change.

Does it have skins or themes?

No. It changes VLC's built-in Qt interface. It is not a skin or theme pack.

Where are the icons and colours?

The 206 Figma icons are in design/figma-icons, and the colour sheet is in design/palette.

The redesigned VLC player: windowed video in a dark rounded frame with the new bottom control bar