Home

Seriously.js

Seriously.js is a real-time, node-based video compositor for the web. Inspired by professional software such as After Effects and Nuke, Seriously.js renders high-quality video effects and allows them to be dynamic and interactive.

Core Documentation

• Tutorial
• Tips & Tricks for Building Compositions with Seriously.js
• Frequently Asked Questions
• API Reference

Contributing

Please follow the Contributing Guidelines

Node Types

Sources

• Image
• Canvas
• Video
• Camera
• Pixel Array
• Image Data
• Depth Image
• three.js Render Target
• WebGLTexture

Targets

• Canvas (WebGL)
• three.js Render Target
• WebGLFramebuffer

Effects

• Accumulator
• Ascii Text
• Bleach Bypass
• Blend
• Brightness/Contrast
• Channel Mapping
• Checkerboard Generator
• Chroma Key
• Color Complements
• Color Generator
• Color Cube
• Color Select
• Crop
• Daltonize
• Directional Blur
• Displacement Map
• Dither
• Edge Detect
• Emboss
• Exposure Adjust
• Expressions
• Fader
• False Color
• Fast Approximate Anti-Aliasing
• Film Grain
• Freeze Frame
• Gaussian Blur
• Hex Tiles
• Highlights/Shadows
• Hue/Saturation Adjust
• Invert
• Kaleidoscope
• Layers
• Linear Transfer
• Luma Key
• Mirror
• Night Vision
• Panorama
• Polar Coordinates
• Ripple
• Scanlines
• Sepia tone
• Simplex Noise
• Sketch
• Split
• Throttle Frame Rate
• Tone Adjust
• TV Glitch
• Vibrance
• Vignette
• White Balance

Transforms

• 2D
• Flip
• Reformat
• Camera Shake