Los 50 mejores complementos y bibliotecas de JavaScript gratuitos

Todos los complementos y bibliotecas de JavaScript gratuitos en esta página ofrecen una función directa y específica. No hay marcos todo en uno inflados. Solo soluciones útiles, livianas y que resuelven problemas para ayudar a que el proceso de diseño y desarrollo web sea mucho más fácil y rápido para usted.

Como era de esperar, hay complementos a continuación para crear controles deslizantes, galerías de imágenes, menús receptivos, ventanas modales y muchos otros componentes comunes. Pero también encontrará complementos que ofrecen una funcionalidad verdaderamente única, como notas al margen de la barra lateral, vistas previas de GIF, favicons animados y mucho, mucho más.

También puede echar un vistazo a nuestra colección de complementos gratuitos de jQuery o nuestras colecciones de hojas de trucos de JavaScript.

Bloque de texto

Textblock: una herramienta de JavaScript para mostrar tipografía de respuesta continua.

Uppy

Uppy: un cargador de archivos modular y elegante que se integra con cualquier sitio web o aplicación.

tono.js

Tone.js: un marco para crear música interactiva en el navegador.

Editor.js

Editor.js: una aplicación gratuita de edición de bloques de próxima generación.

lax.js

lax.js: un pequeño complemento de JavaScript estándar para crear animaciones de desplazamiento suave.

Escribelo

TypeIt: una biblioteca de escritura de JavaScript que se anuncia como la "más versátil del mundo".

iro.js

iro.js: un moderno widget de selector de color HSV para JavaScript que utiliza SVG.

Cleave.js

Cleave.js: una biblioteca para agregar formato en tiempo real a las entradas de formulario.

Freezeframe.js

Freezeframe.js: una biblioteca que detiene los .gif animados y los habilita al pasar el mouse, hacer clic o tocar.

modo oscuro.js

darkmode.js: agregue un modo oscuro a su sitio web con un esfuerzo mínimo.

escena.js

Scene.js: una biblioteca de animación basada en la línea de tiempo de CSS y JavaScript.

Bollo.js

Bun.js: genere casillas de verificación personalizadas y botones de radio con CSS.

Barras de desplazamiento superpuestas

Barras de desplazamiento superpuestas: un complemento de JavaScript que oculta las barras de desplazamiento nativas y las reemplaza con versiones de estilo personalizado.

MailtoUI

MailtoUI: un script que agrega un componente de interfaz de usuario útil a los enlaces de correo electrónico estándar.

Control deslizante de pantalla completa

Control deslizante de pantalla completa: controle las secciones de la página y habilite la navegación a través de la rueda del mouse y los eventos táctiles.

mapa de página

mapa de página: agregue un pequeño "minimapa" a su sitio web que proporcionará a los usuarios un contexto de navegación.

Gráfico.xkcd

Chart.xkcd: una biblioteca para crear gráficos con un aspecto dibujado a mano.

GPickr

GPickr: una implementación de la biblioteca de selectores de color Pickr que genera hermosos degradados.

Movible

Movible: una biblioteca de JavaScript que le permite mover, cambiar el tamaño, arrastrar, rotar y más.

Cubo.js

Cube.js: una solución completa de análisis de código abierto: API y SDK independientes de visualización respaldados por una infraestructura de servidor analítico.

simpleParallax

simpleParallax: una pequeña biblioteca de JavaScript que agrega animación de paralaje a cualquier imagen.

Límites.js

Bounds.js: un script para la detección de límites asincrónicos que se puede usar para efectos como la carga diferida.

Rostro espeluznante

Creepyface: una biblioteca de JavaScript que hace que su cara "mire" el cursor, según la posición.

LegraJS

LegraJS: una biblioteca que te permite dibujar con ladrillos tipo LEGO. ¿Qué vas a construir?

Paginado.js

Paged.js: es una biblioteca de código abierto para paginar contenido en el navegador. Según las especificaciones del W3C, es una especie de relleno múltiple para los módulos CSS de medios paginados y contenido generado para medios paginados.

Superposición de enfoque

Superposición de enfoque: una biblioteca para crear superposiciones en elementos enfocados. Hermoso diseño y mejor accesibilidad.

fluido

Flowy: una biblioteca de JavaScript mínima que puede usar para crear diagramas de flujo.

Coreógrafo-js

Choreographer-js es una biblioteca simple para encargarse de animaciones complicadas.

Folleto.js

Leaflet.js es una biblioteca de JavaScript para mapas interactivos.

Lori

Lory es un control deslizante minimalista con capacidad táctil escrito en JavaScript vainilla.

Formador de moneda.js

CurrencyFormatter.js es una biblioteca de formato de moneda súper simple (155 monedas y 7 KB comprimidos con gzip).

Arco

ARc (Atomic React) es un modelo de aplicación React con enfoque de diseño atómico.

afeitado.js

Shave.js es un moderno complemento de JavaScript para truncar texto dentro de un elemento html.

Siguiente.js

Next.js es un marco minimalista para aplicaciones React renderizadas por servidor.

Plano

Blueprint es una colección de componentes de React UI, que cubre elementos de interfaz comunes, patrones e interacciones en la web.

baguetteBox.js

baguetteBox.js es un script de caja de luz de imagen sensible simple y fácil de usar con soporte de gestos de deslizamiento en dispositivos móviles. ha sido escrito en JavaScript puro.

DesplazamientoRevelar

El complemento ScrollReveal hace que sea muy fácil crear animaciones de desplazamiento de páginas web para navegadores de escritorio y móviles.

Enlaces ruidosos

Loud Links es una biblioteca de JavaScript liviana para agregar sonidos de interacción a su sitio web. Lo hace creando un elemento de audio HTML5 y usándolo para reproducir archivos de audio MP3 u OGG.

Ladrillos.js

Bricks.js es un generador de diseño de mampostería ultrarrápido para elementos de ancho fijo.

MedioEditor

Escrito usando JavaScript vainilla, MediumEditor es un clon ligero (28kb) de la barra de herramientas del editor en línea WYSIWYG de Medium.com. También hay una selección de extensiones y temas de Mediumditor disponibles.

Sustancia

Substance es una biblioteca de JavaScript para la edición de contenido basado en la web. Le brinda todas las herramientas que necesita para crear editores de texto personalizados y sistemas de publicación basados ​​en la web.

lista.js

List.js es un script de JavaScript ligero y rápido que agrega búsqueda, clasificación, filtros y flexibilidad a listas, tablas o cualquier cosa HTML.

Popper.js

Popper.js es una biblioteca liviana (4kb minimizada) para administrar poppers, información sobre herramientas y popovers. Puede colocar rápida y fácilmente información sobre herramientas con solo un código de línea.

InlineTweet.js

InlineTweet.js le permite crear fácilmente enlaces twitteables a partir de cualquier texto en una página web. Todo lo que tiene que hacer es envolver el texto twitteable en un contenedor con data-inline-tweet .

dulcealerta2

SweetAlert2 es un reemplazo hermoso y personalizable para los cuadros emergentes de JavaScript.

Fuerza.js

Force.js es una biblioteca de JavaScript que simplifica la animación de elementos HTML y la navegación por una página web.

empujar.js

Push.js es una solución de navegador cruzado para comenzar a usar las notificaciones de escritorio de Javascript.

Bideo.js

Bideo.js es una biblioteca de JavaScript que hace que sea muy fácil agregar videos de fondo de pantalla completa a las páginas web.

ultraligero.js

Microlight.js es una biblioteca de resaltado de código ligero, para cualquier lenguaje de programación, que mejora en gran medida la legibilidad.

Lugares de Algolia

Algolia Places es una manera fácil de usar una biblioteca JavaScript de autocompletado de búsqueda de direcciones en su sitio web.

recogedor

Escrito en JavaScript vainilla, flatpickr es una solución ligera de selección de fecha y hora y calendario.

anime.js

anime.js es una biblioteca de animación de JavaScript flexible y ligera. Funciona con CSS, transformaciones individuales, SVG, atributos DOM y objetos JS.

Cleave.js

Cleave.js es un complemento que formatea su contenido <input/> mientras escribe.

Galería de luz.js

Lightgallery.js es una galería de caja de luz de JavaScript con todas las funciones sin dependencias.