JavaScriptライブラリの用途別まとめ

投稿日:

更新日:

JavaScriptのライブラリを用途別にまとめています。

随時追記します。

DOM操作ライブラリ

ライブラリ名

説明

ライセンス

リポジトリ

jQuery

MIT

GitHub

UIコンポーネント

ライブラリ名

説明

ライセンス

リポジトリ

jQuery UI

GitHub

Bootstrap

MIT

GitHub

カルーセル

ライブラリ名

説明

ライセンス

リポジトリ

Swiper

タッチジェスチャーに対応しており、柔軟なカスタマイズと豊富な機能を提供しています。

複雑なカルーセルの実装に適しています。

MIT

GitHub

slick

jQuery v1.7ベースのスライダーで、レスポンシブ対応などの様々なオプションが充実しています。

古いプロジェクトでも導入しやすいです。

MIT

GitHub

Splide

軽量かつカスタマイズ性が高く、アクセシビリティにも配慮されたライブラリです。

シンプルなカルーセルを必要とするプロジェクトに向いています。

MIT

GitHub

wipeSlider

限定的な動きですが、他のライブラリでは実装が難しいことがあり役に立ちます。

デモ

記載なし

GitHub

モーダル・ポップアップ

ライブラリ名

説明

ライセンス

リポジトリ

ライトボックス

ライブラリ名

説明

ライセンス

リポジトリ

SmartPhoto.js

MIT

GitHub

PhotoSwipe

MIT

GitHub

通知・トースト

ライブラリ名

説明

ライセンス

リポジトリ

ページネーション

ライブラリ名

説明

ライセンス

リポジトリ

Paginathing

jQueryが必要なライブラリです。

デモ

MIT

GitHub

カスタムスクロールバー

ライブラリ名

説明

ライセンス

リポジトリ

ScrollHint

他のライブラリを使用したカスタムスクロールバーに対しては、構造の競合が発生して実装できない場合があります。

デモ

MIT

GitHub

SimpleBar

デモ

MIT

GitHub

Perfect Scrollbar

MIT

GitHub

jQuery custom content scroller

jQuery v1.6.0以上が必要です。

デモ

MIT

GitHub

スクロールエフェクト

ライブラリ名

説明

ライセンス

リポジトリ

Scroll Magic

GitHub

Lenis

MIT

GitHub

Scrollify

jQuery v1.7以上が必要です。

MIT

GitHub

Luxy.js

MIT

GitHub

multiScroll.js

GitHub

インタラクティブアニメーション

ライブラリ名

説明

ライセンス

リポジトリ

GSAP

GitHub

anime.js

MIT

GitHub

Vivus

MIT

GitHub

curtains.js

カーテンが風で揺れているようなエフェクトを実装することができます。

MIT

GitHub

パーティクルエフェクト

ライブラリ名

説明

ライセンス

リポジトリ

particles.js

MIT

GitHub

tsParticles

デモ

MIT

GitHub

パララックス

ライブラリ名

説明

ライセンス

リポジトリ

simpleParallax.js

MIT

GitHub

Rellax

MIT

GitHub

Parallax.js

MIT

GitHub

遅延読み込み

ライブラリ名

説明

ライセンス

リポジトリ

Lozad.js

MIT

GitHub

画像拡大

ライブラリ名

説明

ライセンス

リポジトリ

Drift

デモ

MIT

GitHub

カレンダー

ライブラリ名

説明

ライセンス

リポジトリ

FullCalendar

カレンダーとイベント管理のプラグインです。

スケジュール表示やドラッグ&ドロップ対応で、予約システムやタスク管理に適しています。

一部機能はPremiumプランに加入する必要があります。

Standard:MIT

GitHub

グラフ・チャート

ライブラリ名

説明

ライセンス

リポジトリ

Chart.js

MIT

GitHub

D3.js

ISC

GitHub

3Dグラフィックス

ライブラリ名

説明

ライセンス

リポジトリ

Three.js

MIT

GitHub

データ取得

ライブラリ名

説明

ライセンス

リポジトリ

Axios

MIT

GitHub

日本語変換

ライブラリ名

説明

ライセンス

リポジトリ

js-hira-kata-romanize

ひらがなとカタカナをローマ字に変換するライブラリです。

ヘボン式と訓令式を切り替えることができます。

MIT

GitHub

エディター

ライブラリ名

説明

ライセンス

リポジトリ

Editor.js

Apache-2.0

GitHub

Monaco Editor

MIT

GitHub

シンタックスハイライト

ライブラリ名

説明

ライセンス

リポジトリ

highlight.js

テーマの種類や対応言語の多さが特徴的なライブラリです。

行番号表示のオプションが無いのが残念ですが、開発者のポリシーのようです。

テーマ | 対応言語 | オプション

BSD 3-Clause License

GitHub

Prism

テーマ | 対応言語 | オプション

MIT

GitHub

RyuseiLight

他のライブラリと比較すると小規模なライブラリです。

ダークモードでも見やすい落ち着いた配色のテーマが好きな方にはおすすめです。

テーマ | 対応言語 | オプション

MIT

GitHub

この記事をシェアする