https://framer.com/m/Halftonevideo-DUv00M.js

_ __ _ (_)___ ____/ /__ _____(_)___ _____ / / __ \ / __ / _ \/ ___/ / __ `/ __ \ / / /_/ / / /_/ / __(__ ) / /_/ / / / / /_/\____/ \__,_/\___/____/_/\__, /_/ /_/ /____/ __ _______ _______/ /____ ____ ___ / ___/ / / / ___/ __/ _ \/ __ `__ \ (__ ) /_/ (__ ) /_/ __/ / / / / / /____/\__, /____/\__/\___/_/ /_/ /_/ /____/

Hello, Design System
你好，设计系统
こんにちは、デザインシステム
안녕하세요, 디자인 시스템
Hola, Sistema de Diseño
Bonjour, Design System
Hallo, Designsystem
Olá, Sistema de Design
Привет, дизайн-система
مرحبًا، نظام التصميم

UI Text

io

The System

UI Basics

Enhancements

Io / Enhancements / HalftoneVideo

HalftoneVideo

HalftoneVideo redraws moving footage as a halftone screen, turning video into print-like dots that keep moving.

Enhancements6 control groupslive halftoneprint screen

Examples

Live specimens for every control the component exposes.

Setup

Everything is gathered into six groups: source for the footage, grid for the screen, tone for how greys map to dots, effect for the treatment, colour for ink and paper, and a control panel for testing while designing.

Props

The controls exposed on the instance panel.

Prop	Type	Behaviour
source	object	The footage: file or address, playback and looping.
grid	object	Dot size, spacing and angle of the screen.
tone	object	How greys in the footage map to dot sizes.
effect	object	Extra treatment applied over the screen.
color	object	Ink and paper colours.
controlPanel	object	On-canvas controls for testing the settings.

Prop	Type	Behaviour
source	object	The footage: file or address, playback and looping.
grid	object	Dot size, spacing and angle of the screen.
tone	object	How greys in the footage map to dot sizes.
effect	object	Extra treatment applied over the screen.
color	object	Ink and paper colours.
controlPanel	object	On-canvas controls for testing the settings.

Usage

Guidance carried over from the component definition.

Reach for HalftoneVideo

Footage should read as printed matter rather than as video.

The treatment must be computed live so any clip can be dropped in.

Ink and paper need to match a print-led palette.

The dots are the point, not a compromise on quality.

Reach for something else

The footage carries detail that dots would destroy.

You need the video itself with controls — use CustomVideoPlayer.

The device cannot afford per-frame processing.

Io — Enhancements

Every specimen above is a live component instance. Colour, type and radius resolve from the project theme tokens.