Effects & transitions pack — for the web

Looks and transitions, not components.

Every entry here is a film burn, a filmstock grade, or a hand-drawn annotation — the kind of thing you would buy for Premiere or Resolve — except it runs as real HTML/CSS/SVG/WebGL and composites live over your DOM, images, and video. Zero runtime dependencies, one factory call over markup you already have.

Drop one in

Every effect exposes the same shape — a factory over an existing element, and a single teardown method.

import './effects/<slug>/effect.css';
import { createSomething } from './effects/<slug>';

const effect = createSomething(element, options);

// Later — on unmount, route change, or teardown.
effect.destroy();

Building your own

Adding an effect to the pack — factory shape, rendering-strategy preference, the manifest entry — is documented in README.md at the root of the repo.