ปลั๊กอินและไลบรารี JavaScript ฟรี 50 อันดับแรก

ปลั๊กอินและไลบรารี JavaScript ฟรีในหน้านี้ล้วนมีฟังก์ชันที่ตรงไปตรงมาและเฉพาะเจาะจง ไม่มีกรอบ all-in-one ที่ป่อง โซลูชันที่มีประโยชน์ น้ำหนักเบา และแก้ปัญหาเพื่อช่วยให้การออกแบบเว็บและขั้นตอนการพัฒนาง่ายขึ้นและรวดเร็วยิ่งขึ้นสำหรับคุณ

อย่างที่คุณคาดไว้ มีปลั๊กอินด้านล่างสำหรับสร้างตัวเลื่อน แกลเลอรีรูปภาพ เมนูตอบสนอง หน้าต่างโมดอล และส่วนประกอบทั่วไปอื่นๆ อีกมากมาย แต่คุณยังจะพบปลั๊กอินที่มีฟังก์ชันการทำงานที่ไม่เหมือนใคร เช่น บันทึกย่อของแถบด้านข้าง ตัวอย่าง GIF ไอคอน Fav แบบเคลื่อนไหว และอื่นๆ อีกมากมาย

คุณอาจต้องการดูคอลเล็กชันปลั๊กอิน jQuery ฟรีของเรา หรือคอลเล็กชันสูตรโกง JavaScript ของเรา

Textblock

Textblock – เครื่องมือ JavaScript สำหรับแสดงตัวพิมพ์ที่ตอบสนองอย่างต่อเนื่อง

Uppy

Uppy – เครื่องมืออัปโหลดไฟล์แบบแยกส่วนที่ทันสมัยซึ่งรวมเข้ากับเว็บไซต์หรือแอพใดก็ได้

Tone.js

Tone.js – เฟรมเวิร์กสำหรับสร้างเพลงแบบโต้ตอบในเบราว์เซอร์

Editor.js

Editor.js - แอพตัวแก้ไขบล็อกรุ่นต่อไปฟรี

lax.js

lax.js – ปลั๊กอิน JavaScript วานิลลาขนาดเล็กสำหรับสร้างแอนิเมชั่นการเลื่อนที่ราบรื่น

พิมพ์

TypeIt – ไลบรารีการพิมพ์ JavaScript ที่เรียกว่า "หลากหลายที่สุดในโลก"

iro.js

iro.js – วิดเจ็ตตัวเลือกสี HSV ที่ทันสมัยสำหรับ JavaScript ที่ใช้ SVG

Cleave.js

Cleave.js – ไลบรารีสำหรับเพิ่มการจัดรูปแบบแบบเรียลไทม์ให้กับอินพุตของฟอร์ม

Freezeframe.js

Freezeframe.js – ไลบรารีที่หยุด .gif แบบเคลื่อนไหวชั่วคราวและเปิดใช้งานเมื่อวางเมาส์เหนือ คลิก หรือแตะ

darkmode.js

darkmode.js – เพิ่มโหมดมืดให้กับเว็บไซต์ของคุณโดยใช้ความพยายามเพียงเล็กน้อย

Scene.js

Scene.js - ไลบรารีแอนิเมชั่นตามไทม์ไลน์ CSS และ JavaScript

Bun.js

Bun.js – สร้างช่องทำเครื่องหมายและปุ่มตัวเลือกที่กำหนดเองด้วย CSS

แถบเลื่อนซ้อนทับ

Overlay Scrollbars – ปลั๊กอิน JavaScript ที่ซ่อนแถบเลื่อนดั้งเดิมและแทนที่ด้วยเวอร์ชันที่กำหนดเอง

MailtoUI

MailtoUI – สคริปต์ที่เพิ่มองค์ประกอบ UI ที่เป็นประโยชน์ให้กับลิงก์อีเมลมาตรฐาน

ตัวเลื่อนแบบเต็มหน้าจอ

ตัวเลื่อนแบบเต็มหน้าจอ – ควบคุมส่วนของหน้าและเปิดใช้งานการนำทางผ่านล้อเลื่อนของเมาส์และเหตุการณ์การสัมผัส

แผนผังหน้า

แผนผังหน้า – เพิ่ม “แผนที่ขนาดเล็ก” ขนาดเล็กลงในเว็บไซต์ของคุณเพื่อให้ผู้ใช้มีบริบทการนำทาง

Chart.xkcd

Chart.xkcd – ไลบรารีสำหรับสร้างแผนภูมิด้วยรูปลักษณ์ที่วาดด้วยมือ

GPickr

GPickr – การใช้งานไลบรารีตัวเลือกสี Pickr ที่สร้างการไล่ระดับสีที่สวยงาม

เคลื่อนย้ายได้

เคลื่อนย้ายได้ – ไลบรารี JavaScript ที่ให้คุณย้าย ปรับขนาด ลาก หมุน และอื่นๆ

Cube.js

Cube.js – โซลูชันการวิเคราะห์โอเพ่นซอร์สที่สมบูรณ์: SDK ฟรอนต์เอนด์ที่ไม่เชื่อเรื่องพระเจ้าและการแสดงภาพซึ่งสนับสนุนโดยโครงสร้างพื้นฐานเซิร์ฟเวอร์การวิเคราะห์

simpleParallax

simpleParallax – ไลบรารี JavaScript ขนาดเล็กที่เพิ่มแอนิเมชั่นพารัลแลกซ์ให้กับรูปภาพใดๆ

Bounds.js

Bounds.js – สคริปต์สำหรับการตรวจจับขอบเขตแบบอะซิงโครนัสที่สามารถใช้สำหรับเอฟเฟกต์ต่างๆ เช่น การโหลดแบบ Lazy Loading

น่าขนลุก

Creepyface - ไลบรารี JavaScript ที่ทำให้ใบหน้าของคุณ "มอง" ที่เคอร์เซอร์ตามตำแหน่ง

LegraJS

LegraJS – ห้องสมุดที่ให้คุณวาดด้วยตัวต่อที่เหมือนเลโก้ คุณจะสร้างอะไร

Paged.js

Paged.js – เป็นไลบรารีโอเพ่นซอร์สสำหรับการแบ่งหน้าเนื้อหาในเบราว์เซอร์ ตามข้อกำหนดของ W3C เป็น polyfill สำหรับ Paged Media และ Generated Content for Paged Media CSS modules

โฟกัสโอเวอร์เลย์

โฟกัสโอเวอร์เลย์ – ไลบรารีสำหรับสร้างโอเวอร์เลย์บนองค์ประกอบที่โฟกัส การออกแบบที่สวยงามและการเข้าถึงที่ดีขึ้น

Flowy

Flowy – ไลบรารี JavaScript ขั้นต่ำที่คุณสามารถใช้เพื่อสร้างผังงาน

นักออกแบบท่าเต้น-js

Choreographer-js เป็นห้องสมุดที่เรียบง่ายสำหรับดูแลแอนิเมชั่นที่ซับซ้อน

Leaflet.js

Leaflet.js เป็นไลบรารี JavaScript สำหรับแผนที่แบบโต้ตอบ

ลอรี่

Lory เป็นตัวเลื่อนแบบเรียบง่ายที่เปิดใช้งานการสัมผัสซึ่งเขียนด้วย JavaScript วานิลลา

CurrencyFormatter.js

CurrencyFormatter.js เป็นไลบรารีการจัดรูปแบบสกุลเงินที่ง่ายมาก (155 สกุลเงิน & 7KB gzipped)

ARc

ARc (Atomic React) เป็นแอปสำเร็จรูปของแอป React ที่มีแนวทางการออกแบบปรมาณู

Shave.js

Shave.js เป็นปลั๊กอิน JavaScript ที่ทันสมัยสำหรับการตัดข้อความภายในองค์ประกอบ html

Next.js

Next.js เป็นเฟรมเวิร์กที่เรียบง่ายสำหรับแอปพลิเคชัน React ที่แสดงโดยเซิร์ฟเวอร์

พิมพ์เขียว

พิมพ์เขียวคือชุดของส่วนประกอบ React UI ซึ่งครอบคลุมองค์ประกอบอินเทอร์เฟซ รูปแบบ และการโต้ตอบทั่วไปบนเว็บ

baguetteBox.js

baguetteBox.js เป็นสคริปต์ไลท์บ็อกซ์รูปภาพที่ตอบสนองง่ายและใช้งานง่าย พร้อมรองรับการปัดนิ้วบนอุปกรณ์มือถือ มันถูกเขียนด้วย JavaScript ล้วนๆ

ScrollReveal

ปลั๊กอิน ScrollReveal ทำให้ง่ายต่อการสร้างภาพเคลื่อนไหวการเลื่อนหน้าเว็บสำหรับเบราว์เซอร์เดสก์ท็อปและมือถือ

ลิงค์ดัง

Loud Links เป็นไลบรารี JavaScript ที่มีน้ำหนักเบาสำหรับเพิ่มเสียงโต้ตอบในเว็บไซต์ของคุณ โดยสร้างองค์ประกอบเสียง HTML5 และใช้เพื่อเล่นไฟล์เสียง MP3 หรือ OGG

Bricks.js

Bricks.js เป็นโปรแกรมสร้างเลย์เอาต์การก่ออิฐที่ 'เร็วอย่างเห็นได้ชัด' สำหรับองค์ประกอบที่มีความกว้างคงที่

MediumEditor

เขียนโดยใช้ JavaScript วานิลลา MediumEditor เป็นโคลนแถบเครื่องมือแก้ไขอินไลน์ของ Medium.com (28kb) ที่มีน้ำหนักเบา (28kb) นอกจากนี้ยังมีส่วนขยายและธีมของ Mediumdator ให้เลือกมากมาย

สาร

Substance คือไลบรารี JavaScript สำหรับการแก้ไขเนื้อหาบนเว็บ มันให้เครื่องมือทั้งหมดที่คุณต้องการสำหรับการสร้างโปรแกรมแก้ไขข้อความที่กำหนดเองและระบบการเผยแพร่ทางเว็บ

List.js

List.js เป็นสคริปต์ JavaScript วานิลลาที่มีน้ำหนักเบาและรวดเร็ว ซึ่งเพิ่มการค้นหา เรียงลำดับ ตัวกรอง และความยืดหยุ่นให้กับรายการ ตาราง หรือ HTML อะไรก็ได้

Popper.js

Popper.js เป็นไลบรารี่น้ำหนักเบา (4kb minified) สำหรับจัดการป๊อปเปอร์ คำแนะนำเครื่องมือ และป๊อปโอเวอร์ คุณสามารถวางตำแหน่งคำแนะนำเครื่องมือได้อย่างรวดเร็วและง่ายดายด้วยโค้ดบรรทัดเดียว

InlineTweet.js

InlineTweet.js ช่วยให้คุณสร้างลิงก์ทวีตได้อย่างง่ายดายจากข้อความใดๆ บนเว็บเพจ สิ่งที่คุณต้องทำคือห่อข้อความที่ทวีตได้ในคอนเทนเนอร์ที่มี data-inline-tweet

SweetAlert2

SweetAlert2 เป็นการแทนที่ที่สวยงามและปรับแต่งได้สำหรับกล่องป๊อปอัปของ JavaScript

Force.js

Force.js เป็นไลบรารี JavaScript ที่ทำให้องค์ประกอบ HTML เคลื่อนไหวและนำทางไปยังส่วนต่างๆ ของหน้าเว็บได้ง่าย

Push.js

Push.js เป็นโซลูชันข้ามเบราว์เซอร์สำหรับการเริ่มต้นและใช้งานการแจ้งเตือนบนเดสก์ท็อป Javascript

Bideo.js

Bideo.js เป็นไลบรารี JavaScript ที่ทำให้ง่ายต่อการเพิ่มวิดีโอพื้นหลังแบบเต็มหน้าจอลงในหน้าเว็บ

Microlight.js

Microlight.js เป็นไลบรารีที่เน้นโค้ดขนาดเล็กสำหรับภาษาการเขียนโปรแกรมใดๆ ที่ปรับปรุงความสามารถในการอ่านอย่างมาก

สถานที่อัลโกเลีย

Algolia Places เป็นวิธีที่ง่ายในการใช้ไลบรารี JavaScript เติมข้อความอัตโนมัติในการค้นหาที่อยู่บนเว็บไซต์ของคุณ

flatpickr

เขียนด้วย JavaScript วานิลลา flatpickr เป็นโซลูชัน datetimepicker และปฏิทินที่มีน้ำหนักเบา

anime.js

anime.js เป็นไลบรารีแอนิเมชั่น JavaScript ที่ยืดหยุ่นและน้ำหนักเบา ทำงานร่วมกับ CSS, การแปลงส่วนบุคคล, SVG, แอตทริบิวต์ DOM และ JS Objects

Cleave.js

Cleave.js เป็นปลั๊กอินที่จัดรูปแบบเนื้อหา <input/> ของคุณในขณะที่คุณพิมพ์

Lightgallery.js

Lightgallery.js เป็นแกลเลอรีไลท์บ็อกซ์ JavaScript ที่มีคุณลักษณะครบถ้วนโดยไม่มีการขึ้นต่อกัน