Shotstack Studio SDK Demos

Example implementations of the Shotstack Studio SDK across popular web frameworks.

Demos

• TypeScript - Vanilla TypeScript implementation
• React - React implementation
• Vue - Vue implementation
• Angular - Angular implementation
• Next.js - Next.js implementation

Each demo showcases:

• Loading and displaying video templates
• Timeline controls for editing
• Keyboard shortcuts for playback
• Custom theming

Getting Started

Navigate to any demo directory and install dependencies:

npm install

Then start the development server:

npm run dev   # For TypeScript, React, Vue, and Next.js
npm start     # For Angular

Then open the URL shown in your terminal.

Learn More

• Shotstack Studio SDK GitHub
• Shotstack Edit API Documentation
• Shotstack API Reference