Motion Graphics Templates

ReactMotion GraphicsVideoTemplateOverlayUpdated 2026-08-14

When to use: Producing motion graphics quickly: animated title cards, lower-thirds, countdown timers, scrolling tickers, and data overlays for video.

Install
npx skills add motion-graphics-template
Git Clone
git clone https://github.com/skillhub-community/motion-graphics-template.git

Description

A set of reusable motion-graphics templates. Included: TitleCard (animated opening title with a rotating type ring, reveal line, and bg texture), CountdownOverlay (huge countdown with flip-clock or ring animation, for live-streams and launches), LowerThird (news-style name/topic bar that slides in and pins, with a wipe accent), ScrollingTicker (a marquee of headlines/prices/stats that loops seamlessly), and DataOverlay (animated KPI numbers, mini bar charts, and a progress ring that can live over a video).

Every template is a parameterized Remotion composition — configure text, colors, duration, and timing via props. Includes a TickerConfig panel to preview and tweak, and a copy-export that produces a standalone composition file or a rendered clip. Templates share a common 'graphics style' token system (fonts, colors, spacing) so a whole series of motion graphics stays visually consistent. Audio hooks: a beep/ding slot on countdown and reveal moments, and optional music-bed guidance.

AI Hub

Need a model endpoint?

AI Hub is an OpenAI-compatible endpoint for Cursor, Claude Code, and Agent workflows.

Open AI Hub

Metadata

Author@video_wang
LicenseMIT
Version1.0.0
Dependencies1

Dependencies

Remotion Video Kit