naveen-annam/creativly.ai-magnific-video-remotion — explained in plain English
Analysis updated 2026-07-25
Learn how to build animated videos programmatically using React and Remotion.
Customize the video's timing, colors, and text by editing a single config file.
Render the project to an MP4 video or export individual still frames.
Use the code as a reference to recreate your own brand or promotional videos.
| naveen-annam/creativly.ai-magnific-video-remotion | 0xkinno/neuralvault | 0xmayurrr/ai-contractauditor | |
|---|---|---|---|
| Stars | 1 | 1 | 1 |
| Language | TypeScript | TypeScript | TypeScript |
| Setup difficulty | easy | hard | easy |
| Complexity | 2/5 | 4/5 | 2/5 |
| Audience | developer | developer | developer |
Figures from each repo's GitHub metadata at analysis time.
Requires Node.js to install dependencies and run Remotion Studio, but all pre-rendered image assets are included.
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.
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.
Mainly TypeScript. The stack also includes TypeScript, React, Remotion.
Use freely for any purpose, including commercial use, as long as you keep the copyright notice.
Setup difficulty is rated easy, with roughly 5min to a first successful run.
Mainly developer.
This repo across BitVibe Labs
double-check against the repo, no cap.