https://github.com/vidstack/examples
Examples on how to use Vidstack with your favourite JS and CSS libraries.
https://github.com/vidstack/examples
audio hls player react solid-js svelte tailwindcss typescript video vue web-components
Last synced: 8 months ago
JSON representation
Examples on how to use Vidstack with your favourite JS and CSS libraries.
- Host: GitHub
- URL: https://github.com/vidstack/examples
- Owner: vidstack
- Created: 2023-09-28T07:48:01.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2025-05-04T02:07:20.000Z (8 months ago)
- Last Synced: 2025-05-07T11:58:22.235Z (8 months ago)
- Topics: audio, hls, player, react, solid-js, svelte, tailwindcss, typescript, video, vue, web-components
- Language: TypeScript
- Size: 660 KB
- Stars: 101
- Watchers: 6
- Forks: 23
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Vidstack Examples
This repository is dedicated to showing you how to get started with Vidstack using various
JavaScript frameworks and CSS libraries.
## Local
You can run the examples locally by following these steps:
1. `git clone git@github.com:vidstack/examples.git vidstack-examples`
2. `cd vidstack-examples`
3. `pnpm i`
4. `pnpm start` - launches a process for you to select which example to run.
## Remote (recommended)
Each example has a README which contains an "Open in StackBlitz" link. If you click it, it'll
fork and launch the project in [StackBlitz](https://stackblitz.com). You can run the code, edit it,
and preview it inside their development environment. This is the easiest way to start playing with
the examples.