Motion

Motion template cho AI agent

Motion graphics dạng HTML tự chứa kèm prompt, flow và player tất định — agent đọc một JSON, điền params rồi render video từng frame. Không build, không phụ thuộc ngoài. llms.txt · API · MCP

Lia dọc trục thời gian

Lia dọc trục thời gian

Lia dọc trục thời gian — máy quay tăng tốc dọc theo trục thước ngang lướt qua các mốc phiên bản, mỗi mốc thẻ bật đứng dừng ngắn, mốc cuối phanh gấp đẩy máy vào.

Dữ liệuremotion16:95.38sApache-2.0
Cuộn phanh gấp danh sách dài

Cuộn phanh gấp danh sách dài

Hai kiểu phanh cuộn dài: changelog-scroll-brake giảm tốc dừng chính xác; brake-reticle-lock thêm khóa tâm ngắm trên cùng khung hình.

Dữ liệuremotion16:94.72sApache-2.0
Vòng đồng tâm hé lộ chú thích

Vòng đồng tâm hé lộ chú thích

Chủ thể toàn màn hình bị khung tròn thu lại thành sơ đồ vòng đồng tâm, rồi cả nhóm dịch trái thu nhỏ để lộ chú thích.

Dữ liệuremotion16:96.38sApache-2.0
Va chạm ăn mừng bằng hạt

Va chạm ăn mừng bằng hạt

Hai kiểu hạt ăn mừng: confetti-crossfire bắn pháo hai bên, và counter-tick-sparks bắn tia lửa mỗi khi bộ đếm vượt mốc nghìn.

Dữ liệuremotion16:95.38sApache-2.0
Cột số liệu lấp hạt cát

Cột số liệu lấp hạt cát

Biểu đồ cột không mọc cao dần mà "đổ mưa ra": hạt vuông rơi từng cái chất đống thành cột, đầy thì đông đặc lại.

Dữ liệuremotion16:95.38sApache-2.0
Cuộn số kiểu công-tơ-mét

Cuộn số kiểu công-tơ-mét

Chỉ số khổng lồ toàn màn hình cuộn từng chữ số như máy xèng, khóa lần lượt từ trái sang phải kèm vọt quá đà, rồi rung nhấn.

Dữ liệuremotion16:95.06sApache-2.0
Vạch chéo hóa thành dữ liệu thật

Vạch chéo hóa thành dữ liệu thật

Các cột vạch chéo giữ chỗ lần lượt kéo dài, rồi vạch chéo mờ đi khi lớp màu nhấn đặc mờ hiện vào kèm giá trị bật ra, biểu đồ giữ chỗ biến thành biểu đồ cột dữ liệu thật.

Dữ liệuremotion16:94.9sApache-2.0
Chuyển động đồng hồ đo số liệu

Chuyển động đồng hồ đo số liệu

Hai kiểu đọc số đồng hồ: needle-sweep-selftest — kim quét hết cung tự kiểm tra rồi mới về giá trị thật, và tape-scroll-fixed-pointer — kim đứng yên, dải vạch chia cuộn qua kèm tăng tốc rồi phanh gấp.

Dữ liệuremotion16:94.72sApache-2.0
Node kính biến hình theo chu trình

Node kính biến hình theo chu trình

Một chủ thể duy nhất thu nhỏ vào sơ đồ cơ chế trong lúc xóa chéo, ba nhãn chu trình lần lượt dựng lên theo cung, khi đẩy cận liên tục ba node kính từ dưới trồi lên thay thế nhãn gốc, kết thúc bằng các dấu chẩn đoán so le ghim trạng thái hệ thống.

Dữ liệuremotion16:98.62sApache-2.0
Đếm số nổ pháo giấy

Đếm số nổ pháo giấy

Con số lớn đếm tăng theo easeOutQuart kèm vọt quá về scale; trước khi về đích một nhịp, 52 mảnh pháo giấy nổ vào từ hai bên theo quỹ đạo parabol, vòng va chạm lan tỏa, nhãn chữ siết khoảng cách kết thúc.

Dữ liệuremotion16:95.1sApache-2.0
Biểu đồ sống động

Biểu đồ sống động

Ba kiểu làm biểu đồ "sống dậy" — oscilloscope-stream dòng sóng thời gian thực có đỉnh nhọn bất chợt, unit-dot-swarm-regroup bầy chấm di cư tái nhóm thành số, axis-rescale-shock giá trị mới vọt khỏi khung buộc trục vẽ lại.

Dữ liệuremotion16:95.38sApache-2.0
Thanh kéo so sánh trước/sau

Thanh kéo so sánh trước/sau

Thanh kéo so sánh trước/sau — hai bản "trước xử lý"/"sau xử lý" chồng lên nhau, thanh chia vụt nhanh rồi quét chậm, bản mới "hiện hình" dần theo vệt thanh đi qua.

Dữ liệuremotion16:95.06sApache-2.0
Lưới avatar mọc vòng tô màu

Lưới avatar mọc vòng tô màu

Lưới thẻ 8×7 mọc từng vòng từ tâm ra đến khi kín (nội dung trộn chữ cái đầu/icon/ảnh placeholder), rồi khoảng 15% thẻ đổi đỏ ngẫu nhiên đánh dấu bất thường, chú thích tiêu đề nằm cố định giữa khung.

Dữ liệuremotion16:96.1sApache-2.0