Remocn

What Remocn is and who it's for

Remocn is built for solo builders and small teams who need to ship product demo videos without rebuilding the same animation primitives every time. If you've used shadcn/ui, you'll feel at home: the workflow is identical, just for video instead of UI.

Why Remocn

• Production-ready Remotion code: every component uses useCurrentFrame(), interpolate(), and spring() correctly. No Math.random() traps that break rendering.

• Own your code: components are copied into your project, not installed as a dependency. Tweak them however you like.

• Live previews: each component page mounts a real @remotion/player you can scrub frame-by-frame.
  

import { Typewriter } from "@/components/remocn/typewriter";

export function Hero() {
  return (
    <Typewriter
      text="Hello, world"
      fontSize={72}
      color="#171717"
      fontWeight={700}
      cursor={true}
    />
  )
}