WebGLを使用して3Dグラフィックスを作成するためのJavaScriptライブラリ。ブラウザ内で高品質な3Dアニメーションとビジュアライゼーションを作成できます。複雑なWebGLコーディングを必要とせず、シーン、ライト、シャドウ、マテリアル、テクスチャの構築を簡素化します。102K以上のGitHubスターを獲得している人気ライブラリです。
スクロールベースのアニメーションを作成するためのJavaScriptライブラリ。スクロール位置に基づいてアニメーションをトリガーし、要素をビューポート内にピン留めすることができます。視覚的なストーリーテリングやパララックス効果の実装に最適で、スクロールに応じた魅力的なインタラクションを簡単に作成できます。
React専用の本番環境対応アニメーションライブラリ。宣言的なAPIで流体的なアニメーションを簡単に作成できます。whileHover、whileTap、whileInViewなどのインタラクティブなアニメーション、ジェスチャーベースの操作、スクロール同期、レイアウトアニメーションなど高度な機能を提供します。Reactの生態系と完全に統合されています。
GSAP (GreenSock Animation Platform)は業界標準のJavaScriptアニメーションライブラリ。高速なプロパティマニピュレータとして動作し、非常に高いパフォーマンスと信頼性を提供します。ScrollTrigger、MorphSVG、TextPluginなど豊富なプラグインエコシステムを持ち、あらゆるブラウザで動作します。Webflowによるサポートで全機能が無料化され、SVGアニメーション、モーションパス、物理ベースアニメーションなど多彩な表現が可能です。
軽量で直感的なJavaScriptアニメーションライブラリ。シンプルなAPIで複雑なアニメーションを最小限のコードで実現できます。CSSプロパティ、SVG、DOM属性、JavaScriptオブジェクトをアニメーション化でき、内蔵のスタガーシステムによって洗練された演出が可能です。Timeline機能で複数アニメーションの同期も容易に行えます。
After Effectsアニメーションをネイティブにレンダリングするライブラリ。AirbnbによってオープンソースとしてリリースされたJSON形式のアニメーションを、Web、iOS、Android、React Nativeで使用できます。高品質でスケーラブルなアニメーションをプラットフォーム間で簡単に実装でき、デザイナーとエンジニアのワークフローを統合します。
かつて人気だったOwl Carouselに触発され、Vanilla JavaScriptで開発されたシンプルなスライダーライブラリです。軽量で基本的な機能に絞られており、手軽にスライダーを導入したい場合に適しています。
モダンなJavaScript(ES6)で構築された、依存関係のない軽量スライダーライブラリです。必要な機能だけを選択して組み込めるモジュール式を採用しており、開発者が柔軟にカスタマイズできます。
TypeScriptで開発されたモダンで高機能なスライダーライブラリ。依存関係がなく、アクセシビリティにも配慮されています。拡張機能やReact/Vueなどのフレームワーク連携もサポートし、公式で日本語ドキュメントが提供されている点も特徴です。
スマートフォンでのタッチ操作に最適化された高機能スライダーライブラリです。豊富なエフェクトやカスタマイズオプションを備え、多くのモバイルフレームワークで採用実績があります。デスクトップ環境でも利用可能です。