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

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
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
Biến hình SVG lặp vòng

Biến hình SVG lặp vòng

Một viền khép kín 140 điểm biến hình mượt sang viền khác rồi biến lại, hai hình trước hết được lấy mẫu lại cùng số điểm trong tọa độ cực, nội suy bán kính từng điểm + inOutCubic, giữa chừng chèn hơi thở scale nhẹ, tự xoay chậm và sắc màu trôi 185°→305°.

UI xuất hiệnremotion16:95.7sApache-2.0
Hiện hình từ khung xương

Hiện hình từ khung xương

Hiện hình ba tầng từ phác thảo đến khung xương đến nội dung — nét vẽ tay được thay bằng thanh xám khung xương rồi rõ nét thành UI thật.

UI xuất hiệnremotion16:95.78sApache-2.0
Thẻ UI đổ mưa lướt sát mặt đất

Thẻ UI đổ mưa lướt sát mặt đất

Từ góc máy thấp lướt sát mặt đất, thẻ UI đổ như mưa rào rồi dừng cứng không nảy, sau đó cả trang dựng lên và quay thẳng vào camera.

UI xuất hiệnremotion16:93.99sApache-2.0
Hàng nội dung nhúng vào

Hàng nội dung nhúng vào

Hàng nội dung rơi từ trên xuống như thẻ bài, san phẳng qua rotateX, mép dưới sáng lên một đường màu nhấn khi nhúng vào.

UI xuất hiệnremotion16:93.33sApache-2.0
Chồng thẻ nghiên cứu cuộn vào

Chồng thẻ nghiên cứu cuộn vào

Mỗi 12 khung hình một thẻ giấy tối bay vào theo trục dưới-phải chồng vào giữa, chỉ thẻ trên cùng hiện rõ, các thẻ dưới mờ dần và tối đi.

UI xuất hiệnremotion16:95.3sApache-2.0
Sóng lan tỏa lưới chấm

Sóng lan tỏa lưới chấm

Lưới 17×9 chấm tròn sáng lên theo sóng dựa trên khoảng cách tới nguồn, mỗi chấm vọt quá 1.5 lần rồi ổn định.

UI xuất hiệnremotion16:94.3sApache-2.0
Thẻ sản phẩm tự lắp dần

Thẻ sản phẩm tự lắp dần

Thẻ chi tiết tự lắp ráp từng trường như bị bắt lấy — ảnh, tiêu đề, breadcrumb pill bật ra, giá cũ gạch ngang, giá mới bật lên.

UI xuất hiệnremotion16:95.5sApache-2.0
Bệ đỡ mở bản lề dựng lên

Bệ đỡ mở bản lề dựng lên

Bệ đỡ thiết lập ngang trước, hai chủ thể lật lên từ hai bản lề đáy kề nhau kèm dao động tắt dần, rồi bệ kết luận trồi lên.

UI xuất hiệnremotion16:93.52sApache-2.0
Hiệu ứng thủ công giấy

Hiệu ứng thủ công giấy

Hai kiểu thủ công giấy: masking-tape-slap dán băng keo ghim thẻ xuống, và popup-book-rise dựng thẻ lên như sách bật hình.

UI xuất hiệnremotion16:94.72sApache-2.0
Bức tường thác trang

Bức tường thác trang

Ảnh chụp trang thật chia thành 3–4 cột cuộn vô tận tốc độ và chiều khác nhau trên tường 3D ngả về sau.

UI xuất hiệnremotion16:95.06sApache-2.0
Khung neon xoay rơi khớp

Khung neon xoay rơi khớp

Khung neon vẽ viền trước, camera xoay cung tròn quanh trang khi mọi thành phần rơi khớp vào vị trí cùng một khung hình.

UI xuất hiệnremotion16:94.6sApache-2.0
Khung neon chạy trước dẫn đường

Khung neon chạy trước dẫn đường

Khung neon phối cảnh sâu tự vẽ ra từ cả hai đầu, trang sáng dần từ tối bên trong khung, thành phần hạ xuống từ trên không kèm bóng mềm cùng hình, các ống neon nền tắt dần ở cuối.

UI xuất hiệnremotion16:94.46sApache-2.0
Biến hình từ khối nguyên thủy

Biến hình từ khối nguyên thủy

Một vòng tròn viền nét thở một nhịp (anticipation), rồi đường path SVG nội suy trong 24f thành viền thẻ bo góc, nội dung mờ hiện vào.

UI xuất hiệnremotion16:94.72sApache-2.0
Chồng thẻ danh sách ép nảy

Chồng thẻ danh sách ép nảy

Thẻ danh sách bay lên từ đáy khung hình lần lượt xếp chồng, mỗi lần chạm đất ép và bật cả chồng, đồng thời bộ đếm nhảy số đồng bộ.

UI xuất hiệnremotion16:93.5sApache-2.0
Danh sách hiện dần kèm trôi dạt

Danh sách hiện dần kèm trôi dạt

Menu dọc 6 mục lần lượt vào đúng vị trí cách nhau 0.09, vượt ngưỡng nhẹ khi ổn định, trong khi cả khối chứa danh sách trôi lên tuyến tính suốt toàn đoạn — hai lớp chuyển động không liên quan nhau.

UI xuất hiệnremotion16:94.1sApache-2.0
Bản đồ trung tâm tích hợp

Bản đồ trung tâm tích hợp

Trang cũ lật một lần 180° để thành trang trung tâm mới, năm icon app tích hợp bật ra cùng lúc, rồi năm ống dẫn sáng cầu vồng cùng lúc kết nối, xung sáng chảy liên tục bên trong.

UI xuất hiệnremotion16:94.72sApache-2.0
Chuyển động "có thân thể" của phần tử

Chuyển động "có thân thể" của phần tử

Hai kiểu "có thân thể" cho phần tử: axial-stretch kéo giãn theo trục như kẹo dẻo, contact-shadow-lift nâng khỏi mặt phẳng với bóng tiếp xúc.

UI xuất hiệnremotion16:94.72sApache-2.0
Viên nhãn bóng lơ lửng

Viên nhãn bóng lơ lửng

Bốn bảng khung dây, mỗi bảng đội một viên nhãn bóng, xếp hàng ngang, đổi vị trí ba nhịp, viên giữa phóng to rõ nét còn hai bên thu nhỏ và mờ, cuối đoạn con trỏ trượt vào dừng lại.

UI xuất hiệnremotion16:94.5sApache-2.0