HeyBinyang
← 返回开源
·UI·UI

Remocn 专为独立开发者和小团队打造,帮助他们快速制作产品演示视频,无需每次都重新构建相同的动画基础元素。如果你用过 shadcn/ui,你会很快上手:工作流程完全一致,只是这里用于视频而非 UI。

Windows / macOS / Linux

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}
    />
  )
}

分享