Remocn

Remocn 是什麼，以及它適用於誰

Remocn 專為獨立開發者和小型團隊打造，他們需要快速產出產品示範影片，而無需每次都重新設計相同的動畫基礎元件。如果你已經用過 shadcn/ui，你會感到很熟悉：工作流程完全一樣，只是從 UI 換成影片。

為什麼選擇 Remocn

• 可投入生產的 Remotion 程式碼：每個元件都正確使用 useCurrentFrame()、interpolate()和 spring()。沒有 Math.random() 這類會破壞渲染的陷阱。

• 程式碼完全歸你：元件是複製到你的專案中，而非以依賴套件安裝。你可以隨意修改。

• 即時預覽：每個元件頁面都掛載真正的 @remotion/player，你可以逐幀拖曳。
  

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

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