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

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
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
Xé dải chuyển cảnh

Xé dải chuyển cảnh

Chuyển cảnh xé rách — glitch-displace xé nhiễu (16 dải ngang lệch rung rồi cắt cứng giữa chừng), xé cấp dải với ngữ nghĩa lỗi kỹ thuật số.

Chuyển cảnhremotion16:94.54sApache-2.0
Sáu kiểu bàn giao cảnh quay

Sáu kiểu bàn giao cảnh quay

Sáu kỹ thuật bàn giao cảnh: flash trắng, xuyên bối cảnh tối, tiếp sức mất nét, thẻ chữ đen, whip-pan, mask-wipe — chọn theo năng lượng.

Chuyển cảnhremotion16:91.43sApache-2.0
Chuyển cảnh chất liệu in ấn

Chuyển cảnh chất liệu in ấn

Chuyển cảnh chất liệu in ấn: ink-bleed-reveal, mép loang tua tủa thấm ra nuốt trọn cảnh cũ.

Chuyển cảnhremotion16:94.39sApache-2.0
Chuyển cảnh máy bay giấy đưa tin

Chuyển cảnh máy bay giấy đưa tin

Sau khi bấm "gửi", camera lùi xa cửa sổ A, một máy bay giấy bay theo cung Bézier, camera bám theo nó tới cửa sổ B.

Chuyển cảnhremotion16:95.06sApache-2.0
Chuyển cảnh lật trang

Chuyển cảnh lật trang

Hai kiểu chuyển cảnh lật cả trang: cube-rotate xoay hai trang như hai mặt hộp kề nhau, barn-door-split tách trang cũ ra như mở cửa.

Chuyển cảnhremotion16:94.72sApache-2.0
Ghép lại bố cục mosaic

Ghép lại bố cục mosaic

12 ô mosaic biến hình liên tục giữa ba kiểu bố cục — lưới đều, feature mosaic, và thác chéo — vị trí và kích thước mỗi ô đều nội suy riêng, lệch nhịp nhẹ từng ô, giữa các đoạn có giữ hình.

Chuyển cảnhremotion16:96.5sApache-2.0
Chuyển cảnh nét vẽ dẫn đường

Chuyển cảnh nét vẽ dẫn đường

Thanh tiến trình của cảnh A kéo dài ra khỏi khung hình, máy quay lia theo nét, nét bẻ góc giữa chừng để đóng khung thẻ của cảnh B, không có một lần cắt cảnh nào.

Chuyển cảnhremotion16:95.38sApache-2.0
Chuyển cảnh gradient

Chuyển cảnh gradient

Nền chuyển mượt giữa ba loại gradient CSS: linear, radial, conic — góc, điểm dừng màu, tâm, bán kính đều nội suy theo từng tham số, giữa các đoạn đổi loại bằng crossfade.

Chuyển cảnhremotion16:96.5sApache-2.0
Điều hướng mặt khối lập phương

Điều hướng mặt khối lập phương

Nội dung phủ kín sáu mặt của một khối lập phương 3D, camera từ cận cảnh chính diện → lùi ra góc nhìn đẳng trắc nhìn cạnh → xoay mặt và đẩy cận xen kẽ từng bước, mỗi mặt tự tính sáng tối theo hướng pháp tuyến.

Chuyển cảnhremotion16:96.5sApache-2.0
Khối màu nhảy bậc nuốt màn

Khối màu nhảy bậc nuốt màn

Hai kiểu khối màu nhảy bậc rời rạc nuốt màn hình — A, thanh nhỏ giữa khung nhảy cứng 3–5 bậc giãn thành toàn màn hình (huy hiệu bật hai nhịp sau khi chiếm lĩnh), B, khối màu từ góc nhảy chéo 3 bậc nuốt màn và mang theo một thẻ trang tiến từng bậc.

Chuyển cảnhremotion16:95.06sApache-2.0
Cắt vòng tròn khớp iris

Cắt vòng tròn khớp iris

Vòng iris nổ ra từ tâm một phần tử tròn có sẵn trên trang, bên trong vòng trang mới có biểu đồ tròn khớp đúng vào cùng một vòng đó — match cut cho iris một điểm neo ngữ nghĩa.

Chuyển cảnhremotion16:94.72sApache-2.0
Đàn thẻ lộn nhào cao trào

Đàn thẻ lộn nhào cao trào

Ba thẻ trang UI lộn nhào 3D từ mép mỏng xếp thành bậc thang so le (nét rõ suốt cảnh, chuyển động spline mượt liên tục), đứng vững vẫn xoay chậm không ngừng, rồi thu gọn nhanh hút vào tâm, nổ ra một vòng khói cuộn xoáy lan tỏa, chữ khổng lồ xuyên ngang kết cảnh.

Chuyển cảnhremotion16:94.39sApache-2.0
Thẻ lật lộ kết quả

Thẻ lật lộ kết quả

Thẻ tính năng lật 180° quanh trục Y, mặt trước UI lóe một dải highlight di chuyển theo góc lật đúng lúc mép mỏng nhất, mặt sau lộ ra con số kết quả cỡ lớn, các thẻ lật so le lần lượt trên cả hàng.

Chuyển cảnhremotion16:94.89sApache-2.0
Bong bóng bầy đàn phủ màn

Bong bóng bầy đàn phủ màn

Chuyển cảnh kiểu màn bong bóng ngọc trai — bong bóng lớn nhỏ trôi vào từ ngoài khung, phồng to dần phủ kín màn hình, trang "tẩy trắng" đồng thời, cú cắt ẩn ở đỉnh phủ, bong bóng tan ra là đã sang cảnh mới; có thể pha biến thể viên chữ i18n.

Chuyển cảnhremotion16:94.39sApache-2.0
Đẩy chồng lớp từ đáy

Đẩy chồng lớp từ đáy

Đổi chương bằng cách đẩy từ mép dưới — cảnh mới cả nền lẫn nội dung đẩy nguyên khối từ đáy lên, hất vật lý cảnh cũ ra khỏi khung hình; mỗi chương một màu nền bão hòa riêng.

Chuyển cảnhremotion16:94.72sApache-2.0