Effects and transitions
Every built-in <Effect type> and <Transition type>. Hover a card to play it; each page shows the file that made the video and the params it takes. Params outside their ranges, or not listed, are an error when the file resolves; a keyframe inside an effect animates one by param. Generated from the effect registry (packages/kit/src/effects/registry.ts) by pnpm docs:gen.
Effects
Basic adjustments
brightnessLightens or darkens the picture.contrastPushes lights and darks apart, or pulls them together.saturationMakes colours richer or greyer.hueTurns every colour around the colour wheel.grayscaleTakes the colour out.sepiaTones the picture brown, like an old print.invertTurns the picture into its negative.blurSoftens the picture; the radius is the Gaussian's standard deviation, in pixels.shadowCasts a soft drop shadow behind the element's own shape.Vignette and grain
vignetteDarkens the edges of a clip, a nested sequence, or everything beneath an adjustment.grainAdds moving film grain to a clip, a nested sequence, or everything beneath an adjustment.Colour
levelsSets the black point, the white point and the gamma between them.lutGrades through a 3D lookup table from a .cube file.exposureBrightens or darkens in stops, as a camera would.vibranceLifts the muted colours more than the strong ones.whiteBalanceWarms or cools the picture, and tints it toward green or magenta.shadowsHighlightsOpens up the shadows or holds back the highlights.duotoneMaps the picture's brightness onto two colours.curvesReshapes the tones through curves, for all channels or each one.Footage
colorKeyMakes one colour transparent: a green screen.regionBlurBlurs a box of the frame, to hide a face, a person, a plate or a screen.cornerPinMoves the picture's four corners, to place it in a screen or a frame.zoomBlurStreaks the picture out from a centre.chromaticAberrationSplits red and blue apart, as a cheap lens does.Titles and shapes
glowLights a halo around the bright parts.outlineDraws a line around the element's shape.longShadowExtrudes a long, hard shadow from the element's shape.bevelGives the element's shape a raised, lit edge.Stylize
halftonePrints the picture as a screen of dots, in one ink or four.pixelateTurns the picture, or a box of it, into a coarse mosaic.scanlinesLays the dark lines of an old screen over the picture.Light and texture
lightLeakWashes warm light in from the edges, as light leaking into a film camera.fractalNoiseBlends a moving cloud of noise over the picture: mist, smoke or texture.Transitions
Fades, wipes and slides
crossfadeFades one clip into the next.dipToBlackFades out to black, then in to the next clip.dipToWhiteFades out to white, then in to the next clip.wipeWipes the next clip over the first, edge first.slideSlides the next clip in over the first.pushPushes the first clip out as the next comes in.Shaders
irisOpens the next clip through a growing circle, polygon or star.clockWipeSweeps the next clip in around a centre, like a clock hand.blindsOpens the next clip through turning slats.filmBurnBurns through the film into the next clip.pixelDissolveDissolves into the next clip square by square.zoomZooms through the first clip into the next, with a blur.Units
A param's name says what kind of value it is, and each kind has one scale:
| Kind | Scale | Params |
|---|---|---|
| strength, mix or share | a fraction, 0 to 1, or -1 to 1 when it goes both ways | amount, opacity, softness, tolerance, tint, temperature, shadows, highlights, threshold, spill, black, white, blur, roundness, star, thickness, spread (of the frame's diagonal) |
| gain | a multiplier | intensity, scale, contrast |
| exponent | a power, 1 changes nothing | gamma |
| distance | pixels of the composition; a blur's radius (and bevel's size) is its Gaussian's standard deviation, as CSS blur() reads it | radius, width, feather, length, distance, size, spacing, edge, x, y |
| angle | degrees, clockwise from up | angle, rotation, startAngle |
| position | fractions of the frame, [x, y] from the top left | center, box, the corners |
| colour | "#rgb" or "#rrggbb" | color, dark, light, ink, paper |
| exposure | stops | stops |
| duration | seconds | holdDuration |
| rate | per second: pixels for speed, changes of the pattern for evolution | speed, evolution |
| count | a whole number | sides, slats, columns, rows, samples, octaves |
| seed | a whole number; the same seed draws the same pattern | seed |
| switch | true or false | fade, inverted, outlineOnly, pushOut, radial |
| curve | [input, output] points, 0 to 1 | rgb, red, green, blue |
| asset | "asset:<id>" from the manifest | src |
| choice | a string | direction, curve, mode, blend |