Aval：開源版 Airbnb 介面動畫格式

這是什麼

Aval 是一個免費開源的網頁動畫格式，讓網頁上的小動畫同時做到「透明背景＋會互動＋檔案小」——這三件事以前很難兼得。背景故事：Airbnb 前年改版 app 時做了一個叫 Lava 的內部格式，介面上的 3D 小動畫又輕又漂亮，圈內求開源等了一年多沒下文；Pixel Point 的創辦人 Alex Barashkov 乾脆用 AI（Codex）把它做出來，2026-07-13 以技術預覽版開源（MIT 授權），三天就在 GitHub 拿下 586 顆星（2026-07-16 查證）。

它厲害的點：動畫裡內建「狀態機」——滑鼠移上去、點擊、切換狀態，動畫會精準到每一格地轉場，而不是傻傻循環播放的 GIF。官網那隻趴在草地上的兔子就是用它做的，滑過去牠會有反應。

誰需要

• 用 AI 做網站、想加「會互動的小動畫」的人：吉祥物、圖示、按鈕動效，質感直接上一個檔次
• 被透明背景動畫搞過的人：GIF 檔案大又鋸齒、影片去背在各家瀏覽器一直很難搞，這格式天生支援
• 想跟上「AI 讓一個人做出以前要一個團隊的東西」這波的人：這專案本身就是最好的示範

要不要錢

完全免費，MIT 授權開源，商用也可以。沒有付費版。

怎麼開始

會用終端機的話，官方的五分鐘上手：

npm install @pixel-point/aval-element npx avl init my-motion

不會也沒關係——把 github.com/pixel-point/aval 丟給 Claude Code 之類的 AI 編程工具，叫它照 README 幫你把動畫裝進網站。

小提醒

這是技術預覽版（發布才幾天），官方自己說接下來幾週會快速變動，正式專案先別重度依賴。編譯動畫需要電腦裝 FFmpeg；另外它是做「介面小動畫」的，不是拿來放長影片的。完全沒碰過網頁開發的人，建議先從 AI 建站工具入門再回來玩這個。

本文發表於 2026-07-16。文中資訊為發表當時查證，之後可能調整，實際請以官方 GitHub 為準。