前 50 个免费 JavaScript 插件和库

已发表: 2021-07-13

此页面上的免费 JavaScript 插件和库都提供了直接且特定的功能。 没有臃肿的一体化框架。 只是有用、轻量级和解决问题的解决方案,可帮助您更轻松、更快捷地进行网页设计和开发过程。

正如您所料,下面有一些插件可用于创建滑块、图像库、响应式菜单、模态窗口和许多其他常见组件。 但您也会发现提供真正独特功能的插件,例如侧边栏边注、GIF 预览、动画网站图标等等。

您可能还想看看我们的免费 jQuery 插件集合,或者我们的 JavaScript 备忘单集合。

文本块

Textblock – 一种用于显示连续响应式排版的 JavaScript 工具。

文本块

乌皮

Uppy – 一款时尚的模块化文件上传器,可与任何网站或应用程序集成。

乌皮

Tone.js

Tone.js – 在浏览器中创建交互式音乐的框架。

Tone.js

编辑器.js

Editor.js – 免费的下一代块编辑器应用程序。

编辑器.js

松弛.js

lax.js – 一个用于创建平滑滚动动画的小型原生 JavaScript 插件。

松弛.js

键入它

TypeIt – 一个被称为“世界上最多才多艺”的 JavaScript 类型库。

键入它

iro.js

iro.js – 一个现代的 HSV 颜色选择器小部件,用于使用 SVG 的 JavaScript。

iro.js

Cleave.js

Cleave.js – 一个用于向表单输入添加实时格式的库。

Cleave.js

冻结帧.js

Freezeframe.js – 一个暂停动画 .gif 并在悬停、单击或触摸时启用它们的库。

冻结帧.js

黑暗模式.js

darkmode.js – 轻松为您的网站添加暗模式。

黑暗模式.js

场景.js

Scene.js – 基于 CSS 和 JavaScript 时间线的动画库。

场景.js

Bun.js

Bun.js – 使用 CSS 生成自定义复选框和单选按钮。

包子

覆盖滚动条

Overlay Scrollbars – 一个隐藏原生滚动条并用自定义样式版本替换它们的 JavaScript 插件。

覆盖滚动条

MailtoUI

MailtoUI – 将有用的 UI 组件添加到标准电子邮件链接的脚本。

MailtoUI

全屏滑块

全屏滑块 - 控制页面部分并通过鼠标滚轮和触摸事件启用导航。

全屏滑块

页面地图

页面地图——向您的网站添加一个小型“迷你地图”,为用户提供导航上下文。

页面地图

图表.xkcd

Chart.xkcd – 用于创建具有手绘外观的图表的库。

图表.xkcd

拾取器

GPickr – Pickr 颜色选择器库的实现,可生成漂亮的渐变。

拾取器

活动

Moveable – 一个 JavaScript 库,可让您移动、调整大小、拖动、旋转等。

活动

Cube.js

Cube.js – 一个完整的开源分析解决方案:与可视化无关的前端 SDK 和由分析服务器基础设施支持的 API。

简单视差

simpleParallax – 一个小型 JavaScript 库,可为任何图像添加视差动画。

简单视差

边界.js

Bounds.js – 用于异步边界检测的脚本,可用于延迟加载等效果。

边界.js

毛骨悚然

Creepyface – 一个 JavaScript 库,可以根据位置让你的脸“看着”光标。

来自 Creepyface 的示例

LegraJS

LegraJS – 一个库,使您能够使用类似 LEGO 的积木进行绘制。 你会建造什么?

来自 LegraJS 的示例

Paged.js

Paged.js – 是一个用于在浏览器中对内容进行分页的开源库。 基于 W3C 规范,它是一种用于分页媒体和分页媒体 CSS 模块的生成内容的 polyfill。

Paged.js

焦点叠加

Focus Overlay – 一个用于在焦点元素上创建覆盖的库。 精美的设计和更好的可访问性。

焦点叠加

飘逸

Flowy – 可用于创建流程图的最小 JavaScript 库。

Flowy的例子

编舞-js

Choreographer-js 是一个处理复杂动画的简单库。
Choreographer-js 免费的 javascript

Leaflet.js

Leaflet.js 是一个用于交互式地图的 JavaScript 库。
Leaflet.js 免费的 JavaScript

洛里

Lory 是一个用原生 JavaScript 编写的支持触摸的简约滑块。
Lory 免费的 JavaScript

CurrencyFormatter.js

CurrencyFormatter.js 是一个超级简单的货币格式化库(155 种货币 & 7KB gzipped)。
CurrencyFormatter.js 免费的 javascript

ARc(Atomic React)是一个采用原子设计方法的 React 应用程序样板。
ARc 免费的 javascript

剃须.js

Shave.js 是一个现代 JavaScript 插件,用于截断 html 元素中的文本。
免费的 JavaScript

Next.js

Next.js 是一个用于服务器渲染的 React 应用程序的简约框架。
免费的 JavaScript

蓝图

Blueprint 是 React UI 组件的集合,涵盖了 Web 上常见的界面元素、模式和交互。
蓝图免费 javascript

baguetteBox.js

baguetteBox.js 是一个简单易用的响应式图像灯箱脚本,在移动设备上支持滑动手势。 它是用纯 JavaScript 编写的。

baguetteBox js 简单易用的灯箱脚本 多图库滑动手势 支持移动设备 纯 JavaScript

滚动显示

ScrollReveal 插件使为桌面和移动浏览器创建网页滚动动画变得超级容易。

ScrollReveal 轻松创建滚动动画 web 移动浏览器

响亮的链接

Loud Links 是一个轻量级的 JavaScript 库,用于向您的网站添加交互声音。 它通过创建一个 HTML5 音频元素并使用它来播放 MP3 或 OGG 音频文件来做到这一点。

Loud Links 微型 JS 库交互声音

砖块.js

Bricks.js 是一个用于固定宽度元素的“超快”砌体布局生成器。

Bricks.js 用于固定宽度元素的快速砌体布局生成器

媒体编辑器

使用 vanilla JavaScript 编写的 MediumEditor 是一个轻量级 (28kb) Medium.com 所见即所得的内联编辑器工具栏克隆。 还有一系列可用的 Mediumditor 扩展和主题。

vanilla JavaScript MediumEditor 轻量级 Medium WYSIWYG 内联编辑器工具栏克隆

物质

Substance 是一个用于基于 Web 的内容编辑的 JavaScript 库。 它为您提供了创建自定义文本编辑器和基于 Web 的发布系统所需的所有工具。

用于基于 Web 的内容编辑的 Substance JavaScript 库

List.js

List.js 是一个轻量级且快速的原生 JavaScript 脚本,它为列表、表格或任何 HTML 添加了搜索、排序、过滤器和灵活性。

List.js 轻量级快速原生 JavaScript 为 HTML 添加了搜索排序过滤器和灵活性

Popper.js

Popper.js 是一个轻量级(4kb 压缩)库,用于管理弹出器、工具提示和弹出框。 您只需一行代码即可快速轻松地定位工具提示。

Popper.js Kickass 库 管理您的 Poppers 工具提示 Popovers

内联推文.js

InlineTweet.js 允许您从网页上的任何文本轻松创建可推文链接。 您所要做的就是用data-inline-tweet将可推文文本包装在一个容器中。

SweetAlert2

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

SweetAlert2 漂亮的可定制替代 JavaScript 警报

Force.js

Force.js 是一个 JavaScript 库,它使 HTML 元素动画和网页导航变得简单。

Force.js 简单的方式滚动动画你的页面

推送.js

Push.js 是一个跨浏览器解决方案,用于启动和运行 Javascript 桌面通知。

Bideo.js

Bideo.js 是一个 JavaScript 库,可以很容易地将全屏背景视频添加到网页。

Bideo.js 轻松全屏 HTML5 背景视频 Web

微光.js

Microlight.js 是一个轻量级的代码高亮库,适用于任何编程语言,大大提高了可读性。

Microlight.js 代码高亮库提高了可读性

阿尔哥利亚地方

Algolia Places 是一种在您的网站上使用地址搜索自动完成 JavaScript 库的简单方法。

Algolia Places 地址搜索自动完成 JavaScript 库

扁平拾取器

flatpickr 用 vanilla JavaScript 编写,是轻量级的日期时间选择器和日历解决方案。

flatpickr 轻量级日期时间选择器

动漫.js

Anime.js 是一个灵活且轻量级的 JavaScript 动画库。 它适用于 CSS、独立变换、SVG、DOM 属性和 JS 对象。

Anime.js 灵活的轻量级 JavaScript 动画库

Cleave.js

Cleave.js 是一个插件,可以在您键入时格式化您的<input/>内容。

Cleave.js 格式输入

Lightgallery.js

Lightgallery.js 是一个功能齐全的 JavaScript 灯箱库,没有依赖项。

Lightgallery.js JavaScript 灯箱库