@eosa/react

React rendering engine and preview components for Eosa videos.

⚛️ What is Eosa React?

This package is the bridge between Eosa's JSON timeline and the browser. It leverages the power of Remotion to provide high-performance video previews and frame-accurate rendering using React components.

🚀 Usage

import { ReactCutPlayer } from "@eosa/react";
import { project } from "./video";

export const App = () => {
  return (
    <div style={{ width: "100%", height: "100vh" }}>
      <ReactCutPlayer project={project} />
    </div>
  );
};

📜 Features

• ReactCutPlayer: A specialized Remotion player optimized for the Eosa timeline.
• SceneRenderer: A low-level component for direct frame-by-frame rendering.
• Reactive Hooks: Hooks like useTimeline and useAudioReaction for building dynamic components.
• Layer Components: Pre-built layers for Text, Images, Video, and Shapes.

🔗 Links

• Main Repository
• Core Package (@eosa/core)