whatisgithub

What is creativly.ai-magnific-video-remotion?

naveen-annam/creativly.ai-magnific-video-remotion — explained in plain English

Analysis updated 2026-07-25

1TypeScriptAudience · developerComplexity · 2/5LicenseSetup · easy

In one sentence

A fully coded, 35-second promotional video recreated with TypeScript and React using Remotion, letting you edit and render videos entirely through code instead of video editing software.

Mindmap

mindmap
  root((repo))
    What it does
      Recreates promo video in code
      Seven animated scenes
      Outputs 1080p MP4
    Tech stack
      TypeScript
      React
      Remotion
    Use cases
      Learn coded video animation
      Customize and remix video
      Export still frames
    Audience
      Developers
      Designers
      AI enthusiasts
    License
      MIT License
      Educational use

Code map

Detail Auto

An interactive map of this repo's files and how they connect — its source is parsed live in your browser. Click Visualize to build it.

filefunction / class

What do people build with it?

USE CASE 1

Learn how to build animated videos programmatically using React and Remotion.

USE CASE 2

Customize the video's timing, colors, and text by editing a single config file.

USE CASE 3

Render the project to an MP4 video or export individual still frames.

USE CASE 4

Use the code as a reference to recreate your own brand or promotional videos.

What is it built with?

TypeScriptReactRemotion

How does it compare?

naveen-annam/creativly.ai-magnific-video-remotion0xkinno/neuralvault0xmayurrr/ai-contractauditor
Stars111
LanguageTypeScriptTypeScriptTypeScript
Setup difficultyeasyhardeasy
Complexity2/54/52/5
Audiencedeveloperdeveloperdeveloper

Figures from each repo's GitHub metadata at analysis time.

How do you get it running?

Difficulty · easy Time to first run · 5min

Requires Node.js to install dependencies and run Remotion Studio, but all pre-rendered image assets are included.

Use freely for any purpose, including commercial use, as long as you keep the copyright notice.

So what is it?

This repository is a shot-for-shot remake of a promotional video for Magnific, an AI company. Instead of using video editing software like Adobe After Effects, the creator rebuilt the entire 35-second film using code. The project is written in TypeScript and React, and it uses a tool called Remotion that lets you create videos programmatically. The author, Naveen Annam, made this as part of a series where he takes well-known AI brand videos and recreates them entirely in code as a learning reference. The video runs at 30 frames per second for a total of 1050 frames, outputting at standard 1080p resolution. It consists of seven distinct scenes that play out in sequence. The scenes include animated card stacks that flip into a ring, text displays with phrases like "EXPAND YOUR REACH" and "DREAM BIGGER," neon beams that converge into a letter M, and a final reveal of the Magnific wordmark. All timing, colors, fonts, and motion details live in a single configuration file, which keeps everything organized and easy to adjust. The project also ships with pre-rendered AI-generated images, such as portraits and landscape plates, stored in a folder within the repository. These are the finished assets the video needs, so you do not need to generate anything yourself. To preview the video, you run a simple command that opens Remotion Studio, a tool that lets you scrub through the timeline. Another command renders the full video to an MP4 file. You can also export individual still frames. The creator is the founder of Creativly.ai, described as an AI creative studio for generating and editing images, video, audio, and text. The repository itself is released under the MIT license and is intended for educational and showcase purposes. The README notes that the Magnific brand name and trademarks belong to their respective owners. The full code is available for anyone to copy and adapt for their own projects.

Copy-paste prompts

Prompt 1
Help me modify the Remotion config file to change the text phrases and colors in this Magnific video remake to match my own brand.
Prompt 2
Show me how to add a new animated scene to this Remotion project that transitions smoothly from the existing final wordmark reveal.
Prompt 3
Explain how the card stack flip animation works in this Remotion codebase and help me adjust the timing of the flip effect.
Prompt 4
Guide me through rendering this Remotion project to an MP4 file and exporting a specific still frame at the 15-second mark.

Frequently asked questions

What is creativly.ai-magnific-video-remotion?

A fully coded, 35-second promotional video recreated with TypeScript and React using Remotion, letting you edit and render videos entirely through code instead of video editing software.

What language is creativly.ai-magnific-video-remotion written in?

Mainly TypeScript. The stack also includes TypeScript, React, Remotion.

What license does creativly.ai-magnific-video-remotion use?

Use freely for any purpose, including commercial use, as long as you keep the copyright notice.

How hard is creativly.ai-magnific-video-remotion to set up?

Setup difficulty is rated easy, with roughly 5min to a first successful run.

Who is creativly.ai-magnific-video-remotion for?

Mainly developer.

Open on GitHub → Ask about another repo

This repo across BitVibe Labs

Verify against the repo before relying on details.