SOURCE PROJECT
Selected reusable resources from this project, with specific artifact links and review notes.
A self-contained Remotion composition that counts KPI figures on staggered cards. The README documents it as 1920 by 1080 and 4 seconds, and KpiCounter.tsx sets 120 frames at 30 fps. Reuse the component and its typed props, and keep the MIT notice. The linked preview is the official Cloudflare R2 MP4, hotlinked and not copied into this repository, and Remotion's runtime license is separate.
A self-contained Remotion composition that grows bars to a data series. The README documents it as 1920 by 1080 and 5 seconds. Reuse BarChartAnim.tsx and its props, and keep the MIT notice. The linked GIF is an animated preview, not an MP4 master, and Remotion's runtime license is separate.
A self-contained Remotion title composition that splits and then settles glitch text. The README documents it as 1920 by 1080 and 4 seconds. Reuse GlitchText.tsx and its props, and keep the MIT notice. The linked preview is the official Cloudflare R2 MP4, hotlinked and not copied into this repository, and Remotion's runtime license is separate.
A self-contained Remotion composition that sharpens a logo out of blur. The README documents it as 1920 by 1080 and 4 seconds. Reuse LogoBlurReveal.tsx and its props, and keep the MIT notice. The linked GIF is an animated preview, not an MP4 master, and Remotion's runtime license is separate.
A self-contained square Remotion composition that types copy with a cursor. The README documents it as 1080 by 1080 and about 3.3 seconds. Reuse Typewriter.tsx and its props, and keep the MIT notice. The linked GIF is an animated preview, not an MP4 master, and Remotion's runtime license is separate.
A self-contained Remotion composition that reranks bars as values change. The README documents it as 1920 by 1080 and 7 seconds. Reuse RacingChart.tsx and its props, and keep the MIT notice. The linked preview is the official Cloudflare R2 MP4, hotlinked and not copied into this repository, and Remotion's runtime license is separate.
A self-contained Remotion composition that streams stars past like a slow warp-speed flight. The README documents it as 1920 by 1080 and 5 seconds, and Starfield.tsx sets 150 frames at 30 fps. Reuse Starfield.tsx and its props, and keep the MIT notice. The linked GIF is an animated preview, not an MP4 master, and Remotion's runtime license is separate.
A self-contained Remotion composition that frames a handle, caption, and progress bar in a reel-style layout. The README documents it as 1920 by 1080 and 5 seconds, and SocialReel.tsx sets 150 frames at 30 fps. Reuse SocialReel.tsx and its props, and keep the MIT notice. The linked preview is the official Cloudflare R2 MP4, hotlinked and not copied into this repository, and Remotion's runtime license is separate.
A self-contained Remotion composition that traces a logo outline and then fills it. The README documents it as 1920 by 1080 and 3.67 seconds, and LogoStrokeDraw.tsx sets 110 frames at 30 fps. Reuse LogoStrokeDraw.tsx and its props, and keep the MIT notice. The linked preview is the official Cloudflare R2 MP4, hotlinked and not copied into this repository, and Remotion's runtime license is separate.
A self-contained Remotion composition that punches words in and stacks them into a block. The README documents it as 1920 by 1080 and 4 seconds, and KineticWordStack.tsx sets 120 frames at 30 fps. Reuse KineticWordStack.tsx and its props, and keep the MIT notice. The linked GIF is an animated preview, not an MP4 master, and Remotion's runtime license is separate.
A self-contained square Remotion composition that flickers text on like a neon tube. The README documents it as 1080 by 1080 and about 3.33 seconds, and NeonSign.tsx sets 100 frames at 30 fps. Reuse NeonSign.tsx and its props, and keep the MIT notice. The linked preview is the official Cloudflare R2 MP4, hotlinked and not copied into this repository, and Remotion's runtime license is separate.
A self-contained square Remotion composition that blooms fireworks on cue. The README documents it as 1080 by 1080 and 3.67 seconds, and FireworksBurst.tsx sets 110 frames at 30 fps. Reuse FireworksBurst.tsx and its props, and keep the MIT notice. The linked GIF is an animated preview, not an MP4 master, and Remotion's runtime license is separate.
A self-contained Remotion composition that draws a line across chart axes to a data series. The README documents it as 1920 by 1080 and 5 seconds, and LineChartAnim.tsx sets 150 frames at 30 fps. Reuse LineChartAnim.tsx and its props, and keep the MIT notice. The linked GIF is an animated preview, not an MP4 master, and Remotion's runtime license is separate.
A self-contained Remotion title composition that cycles characters and then locks a headline. The README documents it as 1920 by 1080 and 5 seconds, and ScrambleText.tsx sets 150 frames at 30 fps. Reuse ScrambleText.tsx and its props, and keep the MIT notice. The linked GIF is an animated preview, not an MP4 master, and Remotion's runtime license is separate.
A self-contained Remotion composition that drifts soft out-of-focus lights in a loop. The README documents it as 1920 by 1080 and 5 seconds, and BokehCircles.tsx sets 150 frames at 30 fps. Reuse BokehCircles.tsx and its props, and keep the MIT notice. The linked preview is the official Cloudflare R2 MP4, hotlinked and not copied into this repository, and Remotion's runtime license is separate.
A self-contained Remotion composition that undulates a dot grid in a repeating wave. The README documents it as 1920 by 1080 and 3 seconds, and LoopGridWave.tsx sets 90 frames at 30 fps. Reuse LoopGridWave.tsx and its props, and keep the MIT notice. The linked GIF is an animated preview, not an MP4 master, and Remotion's runtime license is separate.
A self-contained Remotion composition that plays a retro pixel OHLC chart through price data. The README documents it as 1920 by 1080 and 6 seconds, and PixelCandlestickOhlc.tsx sets 180 frames at 30 fps. Reuse PixelCandlestickOhlc.tsx and its props, and keep the MIT notice. The linked GIF is an animated preview, not an MP4 master, and Remotion's runtime license is separate.
A self-contained Remotion composition that dissolves the frame into pixel blocks and reassembles it. The README documents it as 1920 by 1080 and 3 seconds, and PixelMosaicTransition.tsx sets 90 frames at 30 fps. Reuse PixelMosaicTransition.tsx and its props, and keep the MIT notice. The linked GIF is an animated preview, not an MP4 master, and Remotion's runtime license is separate.
A self-contained Remotion composition that fills a gauge drop by drop toward a target percentage. The README documents it as 1920 by 1080 and 6 seconds, and PouroverDripFillGauge.tsx sets 180 frames at 30 fps. Reuse PouroverDripFillGauge.tsx and its props, and keep the MIT notice. The linked GIF is an animated preview, not an MP4 master, and Remotion's runtime license is separate.
A self-contained Remotion composition that types a retro pixel-font quote onto the screen. The README documents it as 1920 by 1080 and 6 seconds, and PixelTypewriterQuote.tsx sets 180 frames at 30 fps. Reuse PixelTypewriterQuote.tsx and its props, and keep the MIT notice. The linked GIF is an animated preview, not an MP4 master, and Remotion's runtime license is separate.
A self-contained Remotion composition that turns a page from one scene to the next. The README documents it as 1920 by 1080 and 4 seconds, and FlipPageTransition.tsx sets 120 frames at 30 fps. Reuse FlipPageTransition.tsx and its props, and keep the MIT notice. The linked GIF is an animated preview, not an MP4 master, and Remotion's runtime license is separate.
A self-contained Remotion composition that shatters a cover into shards and reveals the layer behind. The README documents it as 1920 by 1080 and 4 seconds, and ShatterReveal.tsx sets 120 frames at 30 fps. Reuse ShatterReveal.tsx and its props, and keep the MIT notice. The linked GIF is an animated preview, not an MP4 master, and Remotion's runtime license is separate.
A self-contained Remotion composition that applies a handheld camera shake. The README documents it as 1920 by 1080 and 4 seconds, and CameraShake.tsx sets 120 frames at 30 fps. Reuse CameraShake.tsx and its props, and keep the MIT notice. The linked GIF is an animated preview, not an MP4 master, and Remotion's runtime license is separate.
A self-contained Remotion composition that pans layered planes at different speeds. The README documents it as 1920 by 1080 and 4 seconds, and ParallaxPan.tsx sets 120 frames at 30 fps. Reuse ParallaxPan.tsx and its props, and keep the MIT notice. The linked GIF is an animated preview, not an MP4 master, and Remotion's runtime license is separate.
A self-contained square Remotion composition that shows a hand waving hello. The README documents it as 1080 by 1080 and 3 seconds, and WaveHello.tsx sets 90 frames at 30 fps. Reuse WaveHello.tsx and its props, and keep the MIT notice. The linked GIF is an animated preview, not an MP4 master, and Remotion's runtime license is separate.
A self-contained vertical Remotion composition that loops a pixel-art waterfall. The README documents it as 1080 by 1920 and 6 seconds, and PixelWaterfallCycle.tsx sets 180 frames at 30 fps. Reuse PixelWaterfallCycle.tsx and its props, and keep the MIT notice. The linked GIF is an animated preview, not an MP4 master, and Remotion's runtime license is separate.
A self-contained Remotion composition that splits two panels apart to reveal a logo. The README documents it as 1920 by 1080 and 4 seconds, and LogoSplitReveal.tsx sets 120 frames at 30 fps. Reuse LogoSplitReveal.tsx and its props, and keep the MIT notice. The linked GIF is an animated preview, not an MP4 master, and Remotion's runtime license is separate.
A self-contained Remotion composition that wipes a diagonal mask across to expose a logo. The README documents it as 1920 by 1080 and about 3.33 seconds, and LogoMaskWipe.tsx sets 100 frames at 30 fps. Reuse LogoMaskWipe.tsx and its props, and keep the MIT notice. The linked GIF is an animated preview, not an MP4 master, and Remotion's runtime license is separate.
A self-contained Remotion composition that shows a closing card with slots for a call to action and links. The README documents it as 1920 by 1080 and 5 seconds, and EndCard.tsx sets 150 frames at 30 fps. Reuse EndCard.tsx and its props, and keep the MIT notice. The linked GIF is an animated preview, not an MP4 master, and Remotion's runtime license is separate.
A self-contained Remotion composition that flips the frame like a card into the next scene. The README documents it as 1920 by 1080 and 4 seconds, and CardFlipTransition.tsx sets 120 frames at 30 fps. Reuse CardFlipTransition.tsx and its props, and keep the MIT notice. The linked GIF is an animated preview, not an MP4 master, and Remotion's runtime license is separate.
A self-contained square Remotion composition that drifts layered snow. The README documents it as 1080 by 1080 and 5 seconds, and ParticleSnow.tsx sets 150 frames at 30 fps. Reuse ParticleSnow.tsx and its props, and keep the MIT notice. The linked preview is the official Cloudflare R2 MP4, hotlinked and not copied into this repository, and Remotion's runtime license is separate.
A self-contained Remotion composition that steps a title block through four tones. The README documents it as 1920 by 1080 and 4 seconds, and FourToneMonoTitler.tsx sets 120 frames at 30 fps. Reuse FourToneMonoTitler.tsx and its props, and keep the MIT notice. The linked GIF is an animated preview, not an MP4 master, and Remotion's runtime license is separate.
A self-contained Remotion composition that drops a logo in and settles it with a bounce. The README documents it as 1920 by 1080 and 3 seconds, and LogoBounceDrop.tsx sets 90 frames at 30 fps. Reuse LogoBounceDrop.tsx and its props, and keep the MIT notice. The linked GIF is an animated preview, not an MP4 master, and Remotion's runtime license is separate.
A self-contained Remotion composition that slides one frame aside to reveal the next. The README documents it as 1920 by 1080 and 4 seconds, and SlideWipe.tsx sets 120 frames at 30 fps. Reuse SlideWipe.tsx and its props, and keep the MIT notice. The linked preview is the official Cloudflare R2 MP4, hotlinked and not copied into this repository, and Remotion's runtime license is separate.
A self-contained Remotion composition that expands a circle from the center to replace the scene. The README documents it as 1920 by 1080 and 3 seconds, and TransitionCircleWipe.tsx sets 90 frames at 30 fps. Reuse TransitionCircleWipe.tsx and its props, and keep the MIT notice. The linked GIF is an animated preview, not an MP4 master, and Remotion's runtime license is separate.
A self-contained Remotion composition that spreads ink across the frame into the next scene. The README documents it as 1920 by 1080 and 4 seconds, and InkSpreadTransition.tsx sets 120 frames at 30 fps. Reuse InkSpreadTransition.tsx and its props, and keep the MIT notice. The linked GIF is an animated preview, not an MP4 master, and Remotion's runtime license is separate.
A self-contained Remotion composition that shows a numbered chapter card for a section break. The README documents it as 1920 by 1080 and 5 seconds, and ChapterTitle.tsx sets 150 frames at 30 fps. Reuse ChapterTitle.tsx and its props, and keep the MIT notice. The linked preview is the official Cloudflare R2 MP4, hotlinked and not copied into this repository, and Remotion's runtime license is separate.
A self-contained Remotion composition that slides text up out of a mask. The README documents it as 1920 by 1080 and 3.67 seconds, and TextMaskReveal.tsx sets 110 frames at 30 fps. Reuse TextMaskReveal.tsx and its props, and keep the MIT notice. The linked GIF is an animated preview, not an MP4 master, and Remotion's runtime license is separate.