/** * Free Remotion Template Component * --------------------------------- * This template is free to use in your projects! * Credit appreciated but not required. * * Created by the team at https://www.reactvideoeditor.com * * Happy coding and building amazing videos! 🎉 */ "use client"; import { useCurrentFrame, spring, useVideoConfig } from "remotion"; export default function LogoSpinReveal() { const frame = useCurrentFrame(); const { fps } = useVideoConfig(); // Logo 3D rotation using spring const spinProgress = spring({ frame, fps, config: { damping: 14, stiffness: 60, mass: 1 }, }); const rotateY = 90 * (1 - spinProgress); const logoOpacity = spinProgress; // Company name slides up after logo settles const textProgress = spring({ frame: Math.max(0, frame - 20), fps, config: { damping: 12, stiffness: 70, mass: 0.6 }, }); const textOpacity = textProgress; const textTranslateY = 30 * (1 - textProgress); return (

{/* 3D Perspective Container */}

{/* Logo - circular with gradient */}

LOGO

{/* Company Name - slides up */}

Company Name

Your tagline here

); }

Logo Spin Reveal

Install