kinetograph.

Plugins add looks, captions, paper and tracking to a project. Templates are whole videos you start from and change. Components are single pieces, such as a chart, a grid or a background.

Every template, component and taste installs with npx kinetograph add <name>. Plugins install from npm: npm install @kinetographdev/<name>.

Plugins (4)

Templates

  • Hexed

    Roll a look onto any picture or clip.

    Draws <Hexed> <Grunge> <TimeLayers>

  • Kinetic typography

    Captions that move with the voice, in fifteen ready-made styles.

    Draws <HandCaptions> <Captions> <BoilStack>

  • Paper

    Give a video the feel of real paper.

    Draws <MatchCut> <Paper> <CutOut> <FoldOut> <Scrapline>

  • VJ

    Make footage look like a CRT, a worn VHS tape, a thermal camera or a 1-bit screen.

    Draws <PopArt> <Blobs> <HalftonePoster> <Fragments> <Reticle>

Templates (24)

Components

  • History explainer

    A 39 second history explainer in the collage taste: dolly-throughs on old maps, taped photos on kraft paper, posters, a portrait montage, and clouds over a city plan.

  • Film opening

    An old film fades up as a field of soft ink dots and pushes slowly in.

  • Grid opener

    A 3 by 3 grid sits over every shot.

  • App save reel

    A 39 second app reel: a post is liked and saved, the save gets lost in the collection, and a reminder brings it back.

  • Stacked credits

    Three stacked double-exposure panels on black, two shots cut hard, credits fading in and a film burn out.

  • Three phones fanned out

    Three tilted phones fan out on an arc from the centre one.

  • Phone with a pitch

    A headline, a line of body text and a button sit beside a phone that lands with a settle.

  • Phone tunnel

    Phones recede down a corridor on either side of a headline.

  • Laptop opening

    A 3D laptop lid opens, the screen wakes, and the camera moves into the app.

  • Touch to the next screen

    A finger presses a button and the next screen opens outward from the touch point.

  • Checkout push

    A phone checkout where the amount lands and the camera pushes in.

  • Wallet count-up

    A wallet balance counts up beside a stack of payment cards.

  • Send button zoom-out

    A send button zooms out to show the whole app around it.

  • Year recap dial

    A year in review on a dial that snaps month by month, with a sticker for each.

  • Launch film

    A twenty-second product launch film, from a typed headline to the final mark.

  • Prompt intro

    An arrow shrinks and slides left, a prompt types on beside it, then deletes itself into the next line under a blue flash.

  • App launch film

    A 21 second launch film for an app, in six beats: a typed question, a chat bar drawn on by guide lines, a wall of screens, and a closing mark.

Components (45)

Grids (8)

Carousels (8)

  • Growing circle carousel

    Square covers sit on a ring that grows from tiny to large as it turns.

  • Spiral carousel

    Covers wind inward on a spiral.

  • U-shaped carousel

    Covers are filed into a U and sit askew, like prints that have been handled.

  • Card rail

    Portrait cards sit on a tilted plane and are flicked along it in two throws, each with a label.

  • Spinning card ring

    A 3D ring of tall cards spins to rest on one, which steps forward with its name.

  • Orbit gallery

    Nine photos spiral in around a title and settle on an ellipse.

  • Gallery wall push-in

    A wall of photo columns unrolls from the middle while the camera pushes in.

  • Work card drift

    Cards of work slide in behind a headline and settle without a bounce.

Charts (13)

  • Area chart

    A gradient area draws in under a trucking camera and lands on a tooltip.

  • Line ticker

    A climbing line with the camera chasing its head and a large live number above it.

  • Bar chart

    Bars grow in turn, then focus racks and the camera pushes in on the winner.

  • Donut chart

    One sweep draws the segments, then the leading segment steps out with a callout.

  • Scatter bloom

    Points bloom onto a plane in coloured groups.

  • Hexagon tally

    A unit chart of hexagons fills in beside a metric card that counts up.

  • Currency counter

    A currency amount rolls up like an odometer, its wheels locking from left to right.

  • Radar chart

    A radar chart fills in axis by axis as the camera circles it, then a second series springs open.

  • Ring chart

    Rings fill one at a time with the camera riding each head, then it pulls back on the whole chart.

  • Funnel chart

    A funnel blooms stage by stage as the camera moves down it and each number counts up.

  • Heatmap chart

    A year of activity lights up week by week, then the camera leans in on the busiest day.

  • Sankey chart

    The camera follows the strongest flow, then every other link draws in around it.

  • Candlestick chart

    Candles print one by one while the camera rides the newest through a breakout.

Backgrounds (10)

  • Grain gradient

    A mesh gradient drifts under film grain.

  • Paper texture

    A paper height field lit by a raking light that circles slowly.

  • Halftone dot field

    A grid of halftone dots breathes on a ring-shaped wave.

  • Aurora ribbons

    Ribbons of light drift and are blended so that overlaps never blow out.

  • Aurora veil

    Skewed curtains of colour drift in from the top-right corner.

  • Liquid gradient

    A plum, crimson and amber gradient swirls and settles.

  • Grain flow

    Sheets of cobalt light flow past a navy valley under film grain.

  • Drift gradient

    Soft pools of blue and cyan drift like defocused light through water.

  • Tide gradient

    Pools of cyan, mint and steel blue swell and sink into black.

  • Graph paper

    A faint squared grid on off-white paper that fades towards the edges, cut tall for phones.

Audio (2)

  • Audio scope

    An oscilloscope draws the sound as red and yellow traces over a dark grid.

  • Audio plasma

    A white-hot trace glows inside blue copies, with the running time in huge soft numerals.

Effects (4)

  • Light leak

    A warm, streaked leak of light from one edge.

  • Halation

    A red-orange halo round the bright parts of a picture, with film grain on top.

  • Glass lens

    A glass ball moves over the picture and refracts what is behind it.

  • Film burn transition

    A heat front scorches the first picture and reveals the second.

Tastes (6)

A taste is a whole style for a video: its colours, type, motion and cuts.

  • Archive

    Period photographs drift in layers under film flicker and dust, with typed dates and captions.

  • Collage

    Paper cut-outs and torn labels sit over an old newspaper page and move in stop motion.

  • Explainer

    Cut-out objects on textured paper under big type, with one colour for the key word and quick wipes between beats.

  • Papercut

    A toy-like paper diorama of cut-paper characters and props, with the camera circling the set.

  • Print

    Flat inks print in turn over paper, with a dot screen that jumps and a slight misregistration.

  • Vox style

    Tinted, halftoned photos on grid paper, caps that fill yellow, and numbers that roll like an odometer.

Photos: NASA, public domain.