Explore skills

Original workflows for websites, images, presentations, and everything in motion.

6 skillsfor “motion graphics”
Clear filters
Biennale Yellow design template shown in the HyperFrames README.
Free
Video & Motion2 skills

HyperFrames Official Skills

Official HyperFrames workflows for design-led motion graphics and video outputs.

84.4KStars7.8KForks
Repository last pushed
The author’s Huashu Motion launch-film opening: a wall of video compositions and animated Chinese titles.
Free
Video & Motion

Huashu Motion

Make launch videos, motion graphics and explainers as editable HTML. Review frames in a local studio, leave targeted comments, and export with music and effects.

2.7KStars265Forks
Repository last pushed
Video Talkcraft — official illustration from the upstream README
Free
Video & Motion

Video Talkcraft

Turn a Chinese narration script and finished voice track into a storyboarded Remotion video with word-level timing and motion graphics.

2.3KStars231Forks
Repository last pushed
Motionmaxxing — The 12 measured eases of motionmaxxing plotted from 0 to 1, each with its typical length in frames, its share of measured moves and when professionals use it.
Free
Video & Motion

Motionmaxxing

Direct code-based motion graphics for launch films, product promos, brand stings, and kinetic typography using explicit craft rules.

1.5KStars157Forks
Repository last pushed

Turn a raster logo (PNG/JPG/WebP/screenshot) into a clean minimal SVG with edge smoothness as the primary hard gate and IoU optimized as high as reasonably possible without a fixed global threshold, then into a choreographed logo animation delivered as standalone JS-rendered HTML, applying Disney's 12 animation principles. Use when asked to animate a logo, build a logo reveal / splash screen / brand intro, convert a logo image into animated SVG or HTML, add motion to a vectorized mark, or create loading/idle/hover motion for a brand mark. v2: also handles self-crossing draw-on choreography (split-fill, exact easing subdivision, tip glint), closed variable-width ribbon fitting, and quantitative motion QA (easing probe, ink-delta continuity sweep).

  • motion graphics
  • image
2.7KStars214Forks
Repository last pushed
Biennale Yellow design template shown in the HyperFrames README.
Free
Video & Motion

motion-graphics — dispatch entry

A short, design-led motion graphic where motion is the message — kinetic typography, stat count-up, chart/data-viz hit, logo sting / brand lockup, lower-third / callout / social overlay, animated map (highlight regions, connect places, zoom to a location), animated tweet / news-article / headline, webpage / UI animation (scroll, cursor, callouts), or fusing a real image's geometry into a chart. Usually under 10s (up to ~30s), no narration or live-action subject; renders to MP4 or transparent overlay. Longer / narrated / multi-scene → /general-video. Unclear → /hyperframes.

84.4KStars7.8KForks
Repository last pushed

A small library, made with care. More skills are on the way.