Which frameworks and bundlers does Vidstack Player support?

Vidstack Player is a set of UI components and hooks for building media players on the web, and it is designed to work across multiple JavaScript frameworks rather than being tied to one. According to the site, it offers "support for multiple JS frameworks," first-class TypeScript support "including types for multiple frameworks," and bundler plugins that auto-configure for tools such as Vite, SvelteKit, and Nuxt. If your project uses one of those frameworks or bundlers, Vidstack is likely a fit; if you need a framework or bundler that isn't listed, verify before committing.

Framework support

The site states that Vidstack supports multiple JS frameworks, and it specifically calls out React in several places:

  • React — The site shows React-based examples throughout, including time-slider.tsx, player.tsx, and provider files like audio.tsx, video.tsx, hls.tsx, dash.tsx, youtube.tsx, vimeo.tsx, and remotion.tsx. It also advertises "Convenient player hooks for React."
  • Multiple frameworks generally — Under Features, "Frameworks: Support for multiple JS frameworks" is listed, and TypeScript support is described as including "types for multiple frameworks."

The page evidence names React explicitly and refers to other frameworks only in general terms. It does not enumerate every supported framework, so treat the list above as what the source confirms rather than an exhaustive compatibility matrix.

Bundler support

Vidstack provides bundler plugins that handle auto-setup. The site names these examples:

  • Vite
  • SvelteKit
  • Nuxt
  • "and more"

Because the source says "and more" without listing the rest, check the current documentation for the complete set if your bundler isn't named.

TypeScript and tooling

  • TypeScript — Described as "First-class TS support including types for multiple frameworks."
  • VS Code — An IDE plugin provides auto-completions and docs.

What this means for your stack

If you use… What the source indicates
React Direct support, with hooks and TSX examples
Another JS framework "Support for multiple JS frameworks" is claimed, but specific ones aren't listed in the evidence
Vite, SvelteKit, or Nuxt Bundler plugins provide auto-setup
TypeScript First-class support with multi-framework types
VS Code IDE plugin for auto-completions and docs

How to decide

Choose Vidstack if you're building a web media player in React or another JS framework and want composable, accessible components with TypeScript support and automatic bundler setup for tools like Vite, SvelteKit, or Nuxt. If your framework or bundler isn't named in the source, confirm support in the current docs before adopting it.

vidstack.io
A collection UI components and hooks for building media players on the web.