aval logo

aval

A new open-source format for interactive video on the web, with a built-in state machine, frame-accurate transitions, and packed-alpha transparency.

Developer ToolsTypeScriptMIT 1.3k 70Health 87
Website GitHub

What is it?

What it is

AVAL is a web format and runtime for short prerendered motion with continuous loops, named application states, authored triggers, bounded transitions,

Why it exists

A new open-source format for interactive video on the web, with a built-in state machine, frame-accurate transitions, and packed-alpha transparency.

Who should use it

Teams building with TypeScript who want an open-source, self-hosted option.

Who should avoid it

Teams that need a fully managed SaaS with enterprise SLAs out of the box.

How it works

A quick walkthrough in plain English

How aval works

Step 1 of 3

You interact with it

Open aval, send a request, or connect it to your stack.

Features

Open source
Documented setup

Advantages

  • Open source (MIT)
  • Active TypeScript ecosystem
  • Self-hosted deployment options

Disadvantages

  • Requires operational ownership for self-hosted setups
  • Community support varies by project maturity

Installation

native

npm install @pixel-point/aval-element@1.0.0
npm install --save-dev @pixel-point/aval-compiler@1.0.0
npx avl init my-motion
cd my-motion
npm install
npm run dev

FAQ

What is aval?

aval is an open-source project licensed under MIT.

What language is aval built with?

Primary language: TypeScript.

Is it free to use?

Yes. Licensed under MIT. Check the license for commercial use.

Loading documentation…
View on GitHub

Featured in Videos

YouTube tutorials and walkthroughs for aval

Alternatives

Similar projects ranked by category, topics, and text overlap.

Compare
aval | MushyBook