Hypervideo

Generate and play transparent videos, everywhere.

Packages

Package	Description	npm
@hypervideo-dev/sdk	TypeScript SDK for the Hypervideo API
@hypervideo-dev/react	React components including WebGL transparent video player
@hypervideo-dev/cli	Command-line interface for video processing
@hypervideo-dev/expo	Expo/React Native components with Skia

Quick Start

Install

npm install @hypervideo-dev/sdk @hypervideo-dev/react

Use the SDK

import { Hypervideo } from '@hypervideo-dev/sdk';

const client = new Hypervideo({ apiKey: 'your-api-key' });

// Remove background from video
const result = await client.video.removeBackground({
  file: videoFile,
  format: 'webm'
});

Play Transparent Video (React)

import { StackedAlphaVideo } from '@hypervideo-dev/react';

function App() {
  return (
    <StackedAlphaVideo
      src="/mascot-stacked.mp4"
      width={384}
      height={384}
      autoPlay
      loop
      muted
    />
  );
}

Claude Code Plugin

This repo includes a Claude Code plugin for AI-assisted Hypervideo development.

Install

/install-plugin https://github.com/hypersocialinc/hypervideo

Features

Command	Description
/setup	Initialize SDK with environment variables
/add-player	Add React, Expo, or Swift player to your project
/remove-bg	Remove background from image or video via CLI

The plugin also includes:

• Skill: Auto-triggers on "transparent video", "stacked alpha", etc.
• Agent: hypervideo-helper for debugging and implementation guidance

Documentation

Visit api.hypervideo.dev/docs for full API documentation.

License

MIT