Prezi Mode

import { TransformSlide, type TransformSubSlide } from "@reactslides/core";

const subSlides: TransformSubSlide[] = [
  {
    content: <div className="text-6xl font-bold">Welcome</div>,
    position: { x: 0, y: 0, scale: 1 }
  },
  {
    content: <div className="text-4xl">Step 1</div>,
    position: { x: 100, y: 0, scale: 0.8, rotate: -5 }
  },
  {
    content: <div className="text-4xl">Step 2</div>,
    position: { x: 50, y: 80, scale: 1.2, rotate: 5 }
  }
];

<Slide id="transform-demo">
  <TransformSlide 
    subSlides={subSlides}
    duration={1000}
    easing="backInOut"
    perspective
  />
</Slide>