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

Ba từ tiếp sức bằng hình học

Ba từ tiếp sức bằng hình học

Ba từ lợi ích mỗi từ mang riêng một bộ hình học tiếp sức — vòng tròn nét đứt tự xoay thu nhỏ → ba vòng tròn nét liền mọc lên lần lượt → ánh kim sheen quét qua rồi thu về trắng thuần; mỗi từ mới viền nét rồi tô đầy.

Chữ & title cardremotion16:96.5sApache-2.0
Chớp trắng: logo giản lược

Chớp trắng: logo giản lược

Chữ hiệu gradient lỏng nhiều màu đứng yên chảy sáng, màn hình chớp trắng cháy sáng một nhịp, chữ hiệu phiên bản phẳng trên nền trắng mờ vào định hình — một lần chớp trắng hoàn tất bước giản lược chất liệu.

Chuyển cảnhremotion16:94.1sApache-2.0
Chuyển cảnh quét hình học

Chuyển cảnh quét hình học

Hai kiểu chuyển cảnh quét hình học — clock-wipe kim đồng hồ radar quét đổi trang và blinds-slice 12 dải dọc lật lệch nhịp thành sóng.

Chuyển cảnhremotion16:95.06sApache-2.0
Hiện hình cả bức tường: ba kiểu

Hiện hình cả bức tường: ba kiểu

Ba kiểu vào hình hàng loạt cả bức tường — bento thắp sáng từng ô, lưới lật sóng, và bản vẽ blueprint hiện nét; tất cả hiện hình tại chỗ không dịch chuyển, bổ trợ cho deck-deal-flyin kiểu bay vào dịch chuyển.

UI xuất hiệnremotion16:95.06sApache-2.0
Tiếp sức từ với cuộn phim trang

Tiếp sức từ với cuộn phim trang

Cột trái các thẻ trang đen trắng cuộn theo bước, bên phải từ lớn chữ serif tiếp sức tại chỗ (danh từ cố định + động từ luân phiên) — chỉ khi đổi từ mới cuộn một bước, khớp chính xác điểm giữa thẻ trang hiện tại.

Chữ & title cardremotion16:95.06sApache-2.0
Sóng âm giọng nói trực tiếp

Sóng âm giọng nói trực tiếp

Sóng âm trực tiếp trên viên nang ghi âm — 64 cột dọc mảnh nhấp nhô theo "lời nói", giữa lúc nói vươn cao, ngừng thì co lại thành dòng chấm, sóng cuộn từ phải sang trái; trọn màn nói→ngừng→nói→gửi.

Tương tácremotion16:95.06sApache-2.0
Cuộn từ dọc theo nhịp

Cuộn từ dọc theo nhịp

Từ cuối câu đổi trên cuộn dọc, 3 lần đổi từ mỗi lần 0.55s, nhanh trước chậm sau kèm hơi overshoot; các dòng lân cận nhòe dọc và xám dần theo khoảng cách, từ ở giữa vừa đậu liền nhuộm từ xám sang màu nhấn.

Chữ & title cardremotion16:95.5sApache-2.0
Cột nhập theo bậc thang giá trị

Cột nhập theo bậc thang giá trị

16 cột vào hình với delay là bậc thang thời gian, đồng thời chiều cao/sắc màu/dịch chuyển/độ mờ mỗi thuộc tính tự trải thành bậc thang giá trị từ đầu đến cuối; nhịp hai đổi gốc lệch nhịp về tâm, biên độ xung lấy tâm làm đỉnh trải lại.

UI xuất hiệnremotion16:95.5sApache-2.0
UI biến hình thành logo thương hiệu

UI biến hình thành logo thương hiệu

Hai kiểu UI biến thành logo — icon-flip-bloom icon lật phẳng trục Y nở thành hình hoa mark + wordmark vào từng chữ, và input-morph-assemble ô nhập liệu co lại thành viên nang, ba hạt hình học tụ thành một cánh logo.

Kếtremotion16:94.39sApache-2.0
Kết phim kiểu phép trừ

Kết phim kiểu phép trừ

Kết phim kiểu phép trừ — bấm Publish xong, toàn bộ UI trình soạn bốc hơi từng lớp lệch nhịp từ ngoài vào trong, chỉ còn lại nút vừa bấm trượt vào tâm màn hình phóng to, rồi mờ đi trao lại cho chữ hiệu định vị.

Kếtremotion16:94.39sApache-2.0
Hai cách tiết lộ code song song

Hai cách tiết lộ code song song

Cùng một khối code tô cú pháp được tiết lộ hai cách song song — trái: stagger cấp dòng mờ vào nổi lên 8px, phải: gõ từng ký tự nhưng giữ nguyên màu token gốc, con trỏ vuông #3a4468 đệm dưới ký tự hiện tại.

Chữ & title cardremotion16:95.1sApache-2.0
Chữ tập hợp: bốn kiểu

Chữ tập hợp: bốn kiểu

Bốn kiểu tập hợp chữ — split-text-stagger chữ dâng lên vào vị trí, drift-assembly chữ trôi tụ lại, tracking-expand giãn khoảng cách kiểu hơi thở, text-on-path chảy vào theo đường cong.

Chữ & title cardremotion16:94.39sApache-2.0
Máy đánh chữ: hai tâm trạng

Máy đánh chữ: hai tâm trạng

Hai kiểu máy đánh chữ — terminal-typewriter gõ lệnh xong kích nổ đổi cảnh, và error-retype xóa gõ lại thành vở kịch ba hồi "đổi ý".

Chữ & title cardremotion16:94.89sApache-2.0
Chữ đồng bộ theo âm thanh

Chữ đồng bộ theo âm thanh

Hai kiểu đồng bộ chữ theo âm thanh — font-weight-pump nét chữ đập đậm theo nhịp rồi bật lại, và karaoke-fill-sync từng chữ tô sáng theo lời bình.

Chữ & title cardremotion16:94.72sApache-2.0
Giải mã ký tự lỗi và rơi vật lý

Giải mã ký tự lỗi và rơi vật lý

Hai kiểu mở đầu tiêu đề — scramble-decode (đáp án mọc ra từ nhiễu) và letter-drop-physics (chữ rơi theo trọng lực, nảy, đứng vào vị trí), chọn theo tông giọng.

Chữ & title cardremotion16:94.39sApache-2.0
Gõ, lọc, đi vào chi tiết

Gõ, lọc, đi vào chi tiết

Gõ tìm kiếm trên UI thật, lưới tự thu về một thẻ duy nhất, rồi cú click xuyên vào trang chi tiết.

Tương tácremotion16:92.4sApache-2.0
Chuyển cảnh giấu điểm cắt

Chuyển cảnh giấu điểm cắt

Ba kiểu chuyển cảnh giấu điểm cắt — che khuất tiền cảnh cắt vô hình, đối đầu va chạm mở màn, và cháy sáng rò rỉ ánh sáng ấm; cắt cứng giấu trong 1-3 khung che khuất/va chạm/đỉnh sáng, khán giả không thấy kéo cắt.

Chuyển cảnhremotion16:94.05sApache-2.0
Chuyển cảnh xuyên qua

Chuyển cảnh xuyên qua

Hai kiểu chuyển cảnh xuyên qua — trở về vị trí bằng phần tử chung và xuyên khoang chữ, máy quay khoan xuyên phần tử thực trong khung hình để hoàn tất đổi cảnh.

Chuyển cảnhremotion16:94.39sApache-2.0
Ngữ pháp trailer: ba nhịp

Ngữ pháp trailer: ba nhịp

Ba thủ pháp ngữ pháp trailer — trailer-bumper cắt nhanh móc câu mở đầu, card-footage-cadence xen thẻ chữ với cảnh đối thoại, smash-cut đập cắt vào tĩnh lặng.

Nhịp & montageremotion16:94.72sApache-2.0
Tiêu đề giáng cấp thành nhãn mục

Tiêu đề giáng cấp thành nhãn mục

Tiêu đề giáng cấp thành nhãn mục, hai kiểu — A: tiêu đề lớn giữa màn hiện lên đứng một nhịp rồi thu nhỏ 0.3x trượt lên góc trên-trái thành nhãn tiểu mục, nội dung mọc lên bên dưới; B: cùng thủ pháp nhưng kèm khối tô sáng kiểu bôi đen văn bản quét vào rồi rút đi.

Chữ & title cardremotion16:96.59sApache-2.0