前 50 個免費 JavaScript 插件和庫

此頁面上的免費 JavaScript 插件和庫都提供了直接且特定的功能。 沒有臃腫的一體化框架。 只是有用、輕量級和解決問題的解決方案，可幫助您更輕鬆、更快捷地進行網頁設計和開發過程。

如您所料，下面有一些插件可用於創建滑塊、圖像庫、響應式菜單、模式窗口和許多其他常見組件。 但您也會發現提供真正獨特功能的插件，例如側邊欄邊注、GIF 預覽、動畫網站圖標等等。

您可能還想看看我們的免費 jQuery 插件集合，或者我們的 JavaScript 備忘單集合。

文本塊

Textblock – 一種用於顯示連續響應式排版的 JavaScript 工具。

烏皮

Uppy – 一款時尚的模塊化文件上傳器，可與任何網站或應用程序集成。

Tone.js

Tone.js – 在瀏覽器中創建交互式音樂的框架。

編輯器.js

Editor.js – 免費的下一代塊編輯器應用程序。

鬆弛.js

lax.js – 一個用於創建平滑滾動動畫的小型原生 JavaScript 插件。

鍵入它

TypeIt – 一個被稱為“世界上最多才多藝”的 JavaScript 類型庫。

iro.js

iro.js – 一個現代的 HSV 顏色選擇器小部件，用於使用 SVG 的 JavaScript。

Cleave.js

Cleave.js – 一個用於向表單輸入添加實時格式的庫。

凍結幀.js

Freezeframe.js – 一個暫停動畫 .gif 並在懸停、單擊或觸摸時啟用它們的庫。

黑暗模式.js

darkmode.js – 輕鬆為您的網站添加暗模式。

場景.js

Scene.js – 基於 CSS 和 JavaScript 時間線的動畫庫。

Bun.js

Bun.js – 使用 CSS 生成自定義復選框和單選按鈕。

覆蓋滾動條

Overlay Scrollbars – 一個隱藏原生滾動條並用自定義樣式版本替換它們的 JavaScript 插件。

MailtoUI

MailtoUI – 將有用的 UI 組件添加到標準電子郵件鏈接的腳本。

全屏滑塊

全屏滑塊 - 控制頁面部分並通過鼠標滾輪和触摸事件啟用導航。

頁面地圖

頁面地圖——向您的網站添加一個小型“迷你地圖”，為用戶提供導航上下文。

圖表.xkcd

Chart.xkcd – 用於創建具有手繪外觀的圖表的庫。

拾取器

GPickr – Pickr 顏色選擇器庫的實現，可生成漂亮的漸變。

活動

Moveable – 一個 JavaScript 庫，可讓您移動、調整大小、拖動、旋轉等。

Cube.js

Cube.js – 一個完整的開源分析解決方案：與可視化無關的前端 SDK 和由分析服務器基礎設施支持的 API。

簡單視差

simpleParallax – 一個小型 JavaScript 庫，可為任何圖像添加視差動畫。

邊界.js

Bounds.js – 用於異步邊界檢測的腳本，可用於延遲加載等效果。

毛骨悚然

Creepyface – 一個 JavaScript 庫，可以根據位置讓你的臉“看著”光標。

LegraJS

LegraJS – 一個庫，使您能夠使用類似 LEGO 的積木進行繪製。 你會建造什麼？

Paged.js

Paged.js – 是一個用於在瀏覽器中對內容進行分頁的開源庫。 基於 W3C 規範，它是一種用於分頁媒體和分頁媒體 CSS 模塊的生成內容的 polyfill。

焦點疊加

Focus Overlay – 一個用於在焦點元素上創建覆蓋的庫。 精美的設計和更好的可訪問性。

飄逸

Flowy – 可用於創建流程圖的最小 JavaScript 庫。

編舞-js

Choreographer-js 是一個處理複雜動畫的簡單庫。

Leaflet.js

Leaflet.js 是一個用於交互式地圖的 JavaScript 庫。

洛里

Lory 是一個用原生 JavaScript 編寫的支持觸摸的簡約滑塊。

CurrencyFormatter.js

CurrencyFormatter.js 是一個超級簡單的貨幣格式化庫（155 種貨幣 & 7KB gzipped）。

弧

ARc（Atomic React）是一個採用原子設計方法的 React 應用程序樣板。

剃須.js

Shave.js 是一個現代 JavaScript 插件，用於截斷 html 元素中的文本。

Next.js

Next.js 是一個用於服務器渲染的 React 應用程序的簡約框架。

藍圖

Blueprint 是 React UI 組件的集合，涵蓋了 Web 上常見的界面元素、模式和交互。

baguetteBox.js

baguetteBox.js 是一個簡單易用的響應式圖像燈箱腳本，在移動設備上支持滑動手勢。 它是用純 JavaScript 編寫的。

滾動顯示

ScrollReveal 插件使為桌面和移動瀏覽器創建網頁滾動動畫變得超級容易。

響亮的鏈接

Loud Links 是一個輕量級的 JavaScript 庫，用於向您的網站添加交互聲音。 它通過創建一個 HTML5 音頻元素並使用它來播放 MP3 或 OGG 音頻文件來做到這一點。

磚塊.js

Bricks.js 是一個用於固定寬度元素的“超快”砌體佈局生成器。

媒體編輯器

使用 vanilla JavaScript 編寫的 MediumEditor 是一個輕量級 (28kb) Medium.com 所見即所得的內聯編輯器工具欄克隆。 還有一系列可用的 Mediumditor 擴展和主題。

物質

Substance 是一個用於基於 Web 的內容編輯的 JavaScript 庫。 它為您提供了創建自定義文本編輯器和基於 Web 的發布系統所需的所有工具。

List.js

List.js 是一個輕量級且快速的原生 JavaScript 腳本，它為列表、表格或任何 HTML 添加了搜索、排序、過濾器和靈活性。

Popper.js

Popper.js 是一個輕量級（4kb 壓縮）庫，用於管理彈出器、工具提示和彈出框。 您只需一行代碼即可快速輕鬆地定位工具提示。

內聯推文.js

InlineTweet.js 允許您從網頁上的任何文本輕鬆創建可推文鏈接。 您所要做的就是用data-inline-tweet將可推文文本包裝在一個容器中。

SweetAlert2

SweetAlert2 是 JavaScript 彈出框的漂亮且可定制的替代品。

Force.js

Force.js 是一個 JavaScript 庫，它使 HTML 元素動畫和網頁導航變得簡單。

推送.js

Push.js 是一個跨瀏覽器解決方案，用於啟動和運行 Javascript 桌面通知。

Bideo.js

Bideo.js 是一個 JavaScript 庫，可以很容易地將全屏背景視頻添加到網頁。

微光.js

Microlight.js 是一個輕量級的代碼高亮庫，適用於任何編程語言，大大提高了可讀性。

阿爾哥利亞地方

Algolia Places 是一種在您的網站上使用地址搜索自動完成 JavaScript 庫的簡單方法。

扁平拾取器

flatpickr 用 vanilla JavaScript 編寫，是輕量級的日期時間選擇器和日曆解決方案。

動漫.js

Anime.js 是一個靈活且輕量級的 JavaScript 動畫庫。 它適用於 CSS、獨立變換、SVG、DOM 屬性和 JS 對象。

Cleave.js

Cleave.js 是一個插件，可以在您鍵入時格式化您的<input/>內容。

Lightgallery.js

Lightgallery.js 是一個功能齊全的 JavaScript 燈箱庫，沒有依賴項。