トップ50の無料JavaScriptプラグインとライブラリ

このページの無料のJavaScriptプラグインとライブラリはすべて、簡単で特定の機能を提供します。 肥大化したオールインワンフレームワークはありません。 Webデザインと開発プロセスをはるかに簡単かつ迅速にするのに役立つ、便利で軽量な問題解決ソリューション。

ご想像のとおり、スライダー、画像ギャラリー、レスポンシブメニュー、モーダルウィンドウ、およびその他の多くの一般的なコンポーネントを作成するためのプラグインが以下にあります。 ただし、サイドバーの余白のメモ、GIFプレビュー、アニメーション化されたファビコンなど、真にユニークな機能を提供するプラグインもあります。

また、無料のjQueryプラグインのコレクション、またはJavaScriptチートシートのコレクションもご覧ください。

テキストブロック

Textblock –継続的にレスポンシブなタイポグラフィを表示するためのJavaScriptツール。

Uppy

Uppy –あらゆるウェブサイトやアプリと統合できる洗練されたモジュラーファイルアップローダー。

Tone.js

Tone.js –ブラウザでインタラクティブな音楽を作成するためのフレームワーク。

Editor.js

Editor.js –無料の次世代ブロックエディターアプリ。

lax.js

lax.js –スムーズなスクロールアニメーションを作成するための小さなバニラJavaScriptプラグイン。

それを入力する

TypeIt –「世界で最も用途の広い」と言われているJavaScriptタイピングライブラリ。

iro.js

iro.js –SVGを使用するJavaScript用の最新のHSVカラーピッカーウィジェット。

Cleave.js

Cleave.js –フォーム入力にリアルタイムフォーマットを追加するためのライブラリ。

Freezeframe.js

Freezeframe.js –アニメーション化された.gifを一時停止し、ホバー、クリック、またはタッチでそれらを有効にするライブラリ。

darkmode.js

darkmode.js –最小限の労力でWebサイトにダークモードを追加します。

Scene.js

Scene.js –CSSおよびJavaScriptのタイムラインベースのアニメーションライブラリ。

Bun.js

Bun.js –CSSを使用してカスタムチェックボックスとラジオボタンを生成します。

オーバーレイスクロールバー

オーバーレイスクロールバー–ネイティブスクロールバーを非表示にし、カスタムスタイルのバージョンに置き換えるJavaScriptプラグイン。

MailtoUI

MailtoUI –便利なUIコンポーネントを標準の電子メールリンクに追加するスクリプト。

フルスクリーンスライダー

フルスクリーンスライダー–ページセクションを制御し、マウスホイールとタッチイベントによるナビゲーションを有効にします。

ページマップ

ページマップ–ユーザーにナビゲーションコンテキストを提供する小さな「ミニマップ」をWebサイトに追加します。

Chart.xkcd

Chart.xkcd –手描きの外観のチャートを作成するためのライブラリ。

GPickr

GPickr –美しいグラデーションを生成するPickrカラーピッカーライブラリの実装。

可動

移動可能–移動、サイズ変更、ドラッグ、回転などを可能にするJavaScriptライブラリ。

Cube.js

Cube.js –完全なオープンソース分析ソリューション：分析サーバーインフラストラクチャに裏打ちされた視覚化にとらわれないフロントエンドSDKとAPI。

simpleParallax

simpleParallax –任意の画像に視差アニメーションを追加する小さなJavaScriptライブラリ。

Bounds.js

Bounds.js –遅延読み込みなどの効果に使用できる非同期境界検出用のスクリプト。

不気味な顔

Creepyface –位置に基づいて顔をカーソルで「見る」ようにするJavaScriptライブラリ。

LegraJS

LegraJS –レゴのようなレンガで描くことを可能にするライブラリ。 何を作りますか？

Paged.js

Paged.js –ブラウザでコンテンツをページングするためのオープンソースライブラリです。 W3C仕様に基づくと、これはページドメディアの一種のポリフィルであり、ページドメディアCSSモジュールの生成コンテンツです。

フォーカスオーバーレイ

フォーカスオーバーレイ–フォーカスされた要素にオーバーレイを作成するためのライブラリ。 美しいデザインとより良いアクセシビリティ。

流れるような

Flowy –フローチャートの作成に使用できる最小限のJavaScriptライブラリ。

振付師-js

Choreographer-jsは、複雑なアニメーションを処理するためのシンプルなライブラリです。

Leaflet.js

Leaflet.jsは、インタラクティブマップ用のJavaScriptライブラリです。

ロリー

Loryは、バニラJavaScriptで記述されたタッチ対応のミニマルなスライダーです。

CurrencyFormatter.js

CurrencyFormatter.jsは、非常にシンプルな通貨フォーマットライブラリ（155通貨と7KB gzip圧縮）です。

アーク

ARc（Atomic React）は、AtomicDesignアプローチを採用したReactアプリの定型文です。

Shave.js

Shave.jsは、html要素内のテキストを切り捨てるための最新のJavaScriptプラグインです。

Next.js

Next.jsは、サーバーでレンダリングされたReactアプリケーション用の最小限のフレームワークです。

設計図

ブループリントはReactUIコンポーネントのコレクションであり、Web上の一般的なインターフェイス要素、パターン、および相互作用をカバーしています。

baguetteBox.js

baguetteBox.jsは、モバイルデバイスでスワイプジェスチャをサポートするシンプルで使いやすいレスポンシブ画像ライトボックススクリプトです。 純粋なJavaScriptで書かれています。

ScrollReveal

ScrollRevealプラグインを使用すると、デスクトップブラウザとモバイルブラウザの両方でWebページのスクロールアニメーションを非常に簡単に作成できます。

大音量のリンク

Loud Linksは、Webサイトにインタラクションサウンドを追加するための軽量のJavaScriptライブラリです。 これは、HTML5オーディオ要素を作成し、それを使用してMP3またはOGGオーディオファイルを再生することによって行われます。

Bricks.js

Bricks.jsは、固定幅要素用の「非常に高速な」組積造レイアウトジェネレーターです。

MediumEditor

バニラJavaScriptを使用して記述されたMediumEditorは、軽量（28kb）Medium.comWYSIWYGインラインエディターツールバーのクローンです。 利用可能なMediumditor拡張機能とテーマの選択もあります。

物質

Substanceは、Webベースのコンテンツ編集用のJavaScriptライブラリです。 カスタムテキストエディタやWebベースのパブリッシングシステムを作成するために必要なすべてのツールを提供します。

List.js

List.jsは、軽量で高速なバニラJavaScriptスクリプトであり、リスト、テーブル、その他のHTMLに検索、並べ替え、フィルター、柔軟性を追加します。

Popper.js

Popper.jsは、ポッパー、ツールチップ、およびポップオーバーを管理するための軽量（4kb最小化）ライブラリです。 1行のコードでツールチップをすばやく簡単に配置できます。

InlineTweet.js

InlineTweet.jsを使用すると、Webページ上の任意のテキストからツイート可能なリンクを簡単に作成できます。 ツイート可能なテキストをdata-inline-tweetのコンテナにラップするだけです。

SweetAlert2

SweetAlert2は、JavaScriptのポップアップボックスの美しくカスタマイズ可能な代替品です。

Force.js

Force.jsは、HTML要素のアニメーション化とWebページ内の移動を簡単にするJavaScriptライブラリです。

Push.js

Push.jsは、Javascriptデスクトップ通知を起動して実行するためのクロスブラウザーソリューションです。

Bideo.js

Bideo.jsは、フルスクリーンの背景ビデオをWebページに非常に簡単に追加できるJavaScriptライブラリです。

Microlight.js

Microlight.jsは、あらゆるプログラミング言語向けの軽量のコード強調表示ライブラリであり、読みやすさを大幅に向上させます。

アルゴリアの場所

Algolia Placesは、ウェブサイトで住所検索オートコンプリートJavaScriptライブラリを使用する簡単な方法です。

flatpickr

バニラJavaScriptで記述されたflatpickrは、軽量のdatetimepickerおよびカレンダーソリューションです。

anime.js

Anime.jsは、柔軟で軽量なJavaScriptアニメーションライブラリです。 CSS、個別変換、SVG、DOM属性、JSオブジェクトで動作します。

Cleave.js

Cleave.jsは、入力中に<input/>コンテンツをフォーマットするプラグインです。

Lightgallery.js

Lightgallery.jsは、依存関係のないフル機能のJavaScriptライトボックスギャラリーです。