引用リンクJSライブラリLottieAfter Effectsアニメーションをネイティブにレンダリングするライブラリ。AirbnbによってオープンソースとしてリリースされたJSON形式のアニメーションを、Web、iOS、Android、React Nativeで使用できます。高品質でスケーラブルなアニメーションをプラットフォーム間で簡単に実装でき、デザイナーとエンジニアのワークフローを統合します。このアイテムに対するご要望比較に追加製品情報製造元/ブランド名AirbnbカテゴリJSライブラリタグ多機能モバイル対応初心者向けデザイナー向けデザイン関連リンク公式サイトLottieFilesGitHubNPMおすすめの代替アイテムカスタム比較仕様・スペック口コミおすすめの代替アイテムFramer MotionReact環境でのアニメーション手法として比較される。Framer Motionはコード駆動、LottieはAfter Effects駆動。詳細を見るGSAPGSAPはコード駆動のアニメーション、LottieはAfter Effects駆動。どちらも高品質なアニメーションを実現。詳細を見るAnime.jsどちらも2Dアニメーション。Anime.jsはコード駆動、LottieはAfter Effects駆動。アプローチは違うが目的は似ている。詳細を見るScrollMagicLottieはアニメーション再生、ScrollMagicはスクロール連動。併用してスクロールでLottieアニメーションをトリガーすることも可能。詳細を見るスペック情報項目内容用途アニメーションファイルサイズ (単位: KB)61API設計宣言的SSR対応ありライセンスMITリリース年 (単位: 年)2015エコシステム規模豊富モバイル対応あり外部依存関係なしTypeScript対応あり対応フレームワークReact, Vue, Angularカスタマイズ性高い※独自調査情報であり、メーカー・製造元・販売元等の公式情報と異なる場合がございます。情報の訂正はこちらから同じカテゴリのアイテムreact-hook-formの詳細ページへ移動するリンクですreact-hook-formjust-debounce-itの詳細ページへ移動するリンクですjust-debounce-itswrの詳細ページへ移動するリンクですswrSwiperの詳細ページへ移動するリンクですSwiper@tanstack/react-queryの詳細ページへ移動するリンクです@tanstack/react-queryFramer Motionの詳細ページへ移動するリンクですFramer Motionahooksの詳細ページへ移動するリンクですahooksTiny Slider 2の詳細ページへ移動するリンクですTiny Slider 2Radashの詳細ページへ移動するリンクですRadashUnderscore.jsの詳細ページへ移動するリンクですUnderscore.js
