Lottie 動畫 可用在 Android, iOS, React Native 和 網頁

Lottie 是一個可用於Android, iOS, React Native & 網頁 的 Library 可以將從After Effects 輸出的 SVG動畫 及時地渲染在行動裝置和網頁,它讓 Native Apps 可以使用Javescript 加入微互動的動畫就跟加入圖片一樣的簡單。

Lottie動畫給你高自由度
由你決定如何展示

可客製化設定和超快的讀取速度 - 讓你完美地自由運用

小小的互動動畫,
大大的提升 UI 與 使用者經驗

即時且快速的讀取時間

使用Javascript 創造動人的微互動動畫

Lottie JSON 檔案格式 是一個由After Effects 外掛程式 Bodymovin 輸出的SVG動畫 SVG檔案小,且讀取快速 而且可以完美得調整大小 - 給你多方的調整

跨平台

Lottie 是一個可以同時運用在 Android, iOS, React Natice 和 忘夜 的 JavaScript Library,讓您可以簡單快速地使用JavaScript 加入 Lottie 動畫在網站與Apps,就像插入圖片那樣簡單!

創作富有感情的互動

透過Lottie 的 Javascript 編碼,你可以任意地操控 SVG 動畫,你可以簡單地加入互動動畫在使用介面用更高品質的UI動畫來觸及你的使用者。循環播放、加速、減速、轉向以及互動式的消失。

準備開始

步驟 1

下載你喜歡的JSON檔案

步驟 2

安裝Lottie JavaScript library

為了你的 native platform 選擇,整合 Lottie library。

AndroidiOSReact NativeWeb