Lottie 動畫 Lottie動畫

使用適用於 Web、Android 和 iOS 裝置的 Lottie 檔案帶來更多歡樂

您的 Lottie 動畫,您想要的方式。

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

-3
-2
-1
0
1
2
3

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

即時且快速的讀取時間

強烈建議在 JavaScript 中創建所需的微互動。

Lottie JSON 文件是使用 Bodymovin 插件從 After Effects 創建的 SVG 動畫。 SVG 文件體積小,加載速度快。也完全可擴展 - 為您提供多種尺寸和大小。

跨平台

Lottie 是一個適用於 Android、iOS、React Native 和 Web 的 JavaScript 資料庫,使您的網站和應用程式能夠像使用圖像一樣輕鬆地在 JavaScript 中使用我們的 Lottie 動畫。

開始使用 Lottie

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

下載你想要的 JSON 文件

輕鬆地將微互動添加到您的使用者界面中,透過這些高質量的 UI 動畫吸引您的使用者。

安裝 Lottie JavaScript 庫

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

常見問題

需要更多幫助?從我們的 幫助中心 聯絡我們 找到您的答案。

Lottie 動畫可用於 網頁、Android、iOS 和 React Native 平台——這意味著在您的移動端和桌面應用程式、網站專案和網頁上都可以使用