0.0.2

Installation

Install @retoo/scena via npm, pnpm, yarn, or connect via CDN.

Package manager

Install the package using your preferred package manager:

Terminal
npm install @retoo/scena

The stylesheet must be imported separately — without it the widget mounts into the DOM but renders without any visual styling:

import '@retoo/scena/styles';
Missing the CSS import is the most common setup issue. If the widget mounts but appears invisible or unstyled, check this import first.

CDN

For environments without a bundler (static HTML, WordPress, Webflow), load Scena via a <script> tag. See the Formats page for full CDN setup instructions.

Verify installation

Confirm that the package is resolved correctly by checking the exported metadata:

import { useScena } from '@retoo/scena';

const { NAME, VERSION } = useScena();

console.log(NAME, VERSION);

Requirements

Browser
string
Any modern browser supporting ES2020+ (Chrome 80+, Firefox 80+, Safari 14+, Edge 80+).
Node.js
string
16.0 or later (for SSR / CommonJS usage).
Bundler
string
Any bundler with ES Module support — Vite, Webpack 5+, Rollup, esbuild.
Package installed? Let's mount your first widget in the Quick Start guide.

Introduction

Lightweight embeddable widget for adding video reels to any website.

Quick Start

Mount your first video widget in under 5 minutes.