Composed scene template inspired by the Remotion prompt “3D Retro Pixel Font”.
Source: Remotion Prompt Galleryconst project = "3DRetroPixel";
// 1. use remotion skills Create a 1080×1080 brand animation video, 8 seconds, black backgrou…
// 2. Core effect: Pixel block text-building animation
// 3. 4 colored cursors (purple, blue, pink, indigo) fly in from off-screen, scatter to four…
renderTemplate({
mode: "scene-composer",
source: "remotion-prompts",
});const project = "3DRetroPixel";
// 1. use remotion skills Create a 1080×1080 brand animation video, 8 seconds, black backgrou…
// 2. Core effect: Pixel block text-building animation
// 3. 4 colored cursors (purple, blue, pink, indigo) fly in from off-screen, scatter to four…
renderTemplate({
mode: "scene-composer",
source: "remotion-prompts",
});<iframe
src="https://motioness.com/embed/prompt-3d-retro-pixel-font?scenePlan=%5B%7B%22sceneId%22%3A%22title-slide%22%2C%22durationInFrames%22%3A90%2C%22offset%22%3A0%2C%22props%22%3A%7B%22title%22%3A%22%7B%7Btitle%7D%7D%22%2C%22subtitle%22%3A%22%7B%7Bsubtitle%7D%7D%22%2C%22label%22%3A%22Prompt+Remix%22%2C%22layout%22%3A%22left-aligned%22%7D%7D%2C%7B%22sceneId%22%3A%22code-snippet%22%2C%22durationInFrames%22%3A120%2C%22offset%22%3A0%2C%22props%22%3A%7B%22title%22%3A%223D+Retro+Pixel+Font+build%22%2C%22code%22%3A%22const+project+%3D+%5C%223DRetroPixel%5C%22%3B%5Cn%5Cn%2F%2F+1.+use+remotion+skills+Create+a+1080%C3%971080+brand+animation+video%2C+8+seconds%2C+black+backgrou%E2%80%A6%5Cn%2F%2F+2.+Core+effect%3A+Pixel+block+text-building+animation%5Cn%2F%2F+3.+4+colored+cursors+%28purple%2C+blue%2C+pink%2C+indigo%29+fly+in+from+off-screen%2C+scatter+to+four%E2%80%A6%5Cn%5CnrenderTemplate%28%7B%5Cn++mode%3A+%5C%22scene-composer%5C%22%2C%5Cn++source%3A+%5C%22remotion-prompts%5C%22%2C%5Cn%7D%29%3B%22%2C%22language%22%3A%22typescript%22%7D%7D%2C%7B%22sceneId%22%3A%22list-reveal%22%2C%22durationInFrames%22%3A105%2C%22offset%22%3A0%2C%22props%22%3A%7B%22title%22%3A%22Scene+beats%22%2C%22style%22%3A%22checkmarks%22%2C%22item1%22%3A%22use+remotion+skills+Create+a+1080%C3%971080+brand+animation+video%2C+8+seconds%2C+black+backgrou%E2%80%A6%22%2C%22item2%22%3A%22Core+effect%3A+Pixel+block+text-building+animation%22%2C%22item3%22%3A%224+colored+cursors+%28purple%2C+blue%2C+pink%2C+indigo%29+fly+in+from+off-screen%2C+scatter+to+four%E2%80%A6%22%2C%22item4%22%3A%22Text%3A+Line+1+%5C%22SHILIU%5C%22%2C+Line+2+%5C%22VIBEKNOW%5C%22+Block+style%3A+20px+squares+with+3D+layered+dept%E2%80%A6%22%2C%22item5%22%3A%22-+0%E2%80%930.4s%3A+First+cursor+enters+from+top-left+-+0.4%E2%80%930.9s%3A+4+cursors+scatter+to+different%E2%80%A6%22%7D%7D%2C%7B%22sceneId%22%3A%22gradient-text%22%2C%22durationInFrames%22%3A90%2C%22offset%22%3A0%2C%22props%22%3A%7B%22text%22%3A%22%7B%7Btitle%7D%7D%22%2C%22subtitle%22%3A%22Prompted+by+%7B%7Bauthor%7D%7D+with+Claude+Code+Opus4.6%22%7D%7D%5D"
style="border:none;border-radius:12px;width:100%;aspect-ratio:1080/1080"
loading="lazy"
title="prompt-3d-retro-pixel-font animation"
></iframe>