Los 50 complementos jQuery más útiles para el desarrollo frontend

Publicado: 2021-06-15

Hay muchos otros frameworks de JavaScript disponibles, pero jQuery es claramente el más popular (según BuiltWith, actualmente es utilizado por más del 78% de los millones de sitios principales).

El propósito de jQuery es hacer que muchas de esas funciones de JavaScript que normalmente necesitan muchas líneas de código sean más fáciles de administrar y escribir al agruparlas en métodos a los que se puede llamar con una sola línea de código.

Es liviano y debido a que es extensible, hay complementos de jQuery disponibles gratuitamente para casi todas las funciones que pueda imaginar.

Tabla de contenido:

  • Complementos de diseños web y móviles
  • Complementos de menú y navegación
  • Complementos para medios
  • Complementos de control deslizante, carrusel y galería
  • Complementos de efectos de texto
  • Complementos de formulario
  • Complementos de utilidad

Más complementos de jQuery:

  • Complementos jQuery de diseño dinámico
  • Complementos jQuery de validación de formularios
  • Complementos jQuery de Galería y Lightbox
  • Complementos jQuery de navegación receptiva
  • Complementos jQuery de control deslizante y carrusel
  • Complementos jQuery de efectos tipográficos

Complementos de jQuery para diseños web y móviles

pagePiling.js

pagePiling.js es un complemento de jQuery para 'apilar' las secciones de diseño unas sobre otras y acceder a ellas desplazándose.

pagePiling.js Complemento jQuery para 'apilar' sus secciones una sobre otra y acceder a ellas desplazándose

página completa.js

fullPage.js es un complemento simple para crear sitios web de desplazamiento a pantalla completa.

fullPage.js sitios web de desplazamiento a pantalla completa jQuery plugin

gridscrolling.js

gridscrolling.js es un complemento para posicionar secciones y apartes en una cuadrícula y permitir una fácil navegación con las teclas del cursor.

gridscrolling.js jQuery plugin Un diseño para posicionar secciones y apartes en una cuadrícula y permitir una fácil navegación con las teclas del cursor

Placa parpadeante

Flickerplate es un complemento sensible, táctil y liviano que le permite 'recorrer' el contenido.

Flickerplate sensible contenido táctil ligero habilitado

jInvertirDesplazamiento

jInvertScroll es un complemento liviano que le permite moverse horizontalmente con un efecto de paralaje mientras se desplaza hacia abajo.

Efecto de paralaje horizontal del complemento ligero jInvertScroll

Animación

Animsition es un complemento simple para agregar transiciones de página con animaciones CSS.

Animsition: un complemento jQuery simple para agregar transiciones de página con animaciones CSS

Enladrillado

Brick Work es un complemento ligero (15 kb) y rico en funciones para crear diseños dinámicos receptivos.

Brick Work es un complemento de jQuery liviano (15 kb) y rico en funciones para crear diseños dinámicos receptivos

Desplazarme

ScrollMe es un complemento liviano que le permite agregar efectos de desplazamiento simples a las páginas web.

ScrollMe es un complemento ligero de jQuery que le permitirá agregar efectos de desplazamiento simples a las páginas web

SmoothState.js

jquery.smoothState.js es un complemento que mejora progresivamente las páginas para que se comporten más como una aplicación de una sola página.

jquery.smoothState.js: un complemento de jQuery que mejora progresivamente las páginas para que se comporten más como una aplicación de una sola página

multiscroll.js

multiscroll.js es un complemento simple para crear sitios web de desplazamiento múltiple con dos paneles de desplazamiento vertical.

multiscroll.js es un complemento jQuery simple para crear sitios web de desplazamiento múltiple en las noticias de diseño de esta semana

coincidenciaAltura.js

matchHeight.js es un complemento de alturas iguales más robusto para jQuery.

jquery.matchHeight.js es un complemento de alturas iguales más robusto para jQuery front-end

Complementos de navegación y menú de jQuery

Barras deslizantes

Slidebars es un complemento liviano (2kb) para crear un menú push al estilo de una aplicación.

Slidebars frontend app-style push-menu jquery plugins

scotchPanels.js

scotchPanels.js es un complemento de panel y menú fuera del lienzo de jQuery.

scotchPanels.js un complemento de panel y menú de jQuery fuera del lienzo

Complementos de jQuery para medios (imágenes y video)

Punto de enfoque

Focuspoint es un complemento para recortar imágenes dinámicamente para llenar el espacio disponible sin cortar el tema de la imagen.

Complemento Focuspoint jQuery para recorte receptivo

Caja de fluidos

Fluidbox es una réplica del módulo lightbox de Medium.com, con algunas mejoras adicionales.

Fluidbox frontend Módulo de caja de luz mediana Complementos de jquery

jugador gif

GifPlayer es un pequeño complemento que le permite controlar cuándo reproducir y detener los GIF animados.

El complemento GifPlayer controla la reproducción y detiene los gifs animados jquery

filaCuadrícula.js

rowGrid.js es un complemento para colocar imágenes en una cuadrícula con soporte para desplazamiento infinito.

RowGrid.js cuadrícula de imágenes infinito desplazamiento frontend complementos jquery

SVGMagia

SVGMagic es un sencillo complemento alternativo de SVG que encuentra imágenes SVG en su sitio y crea versiones PNG si el navegador no las admite.

Complemento de jquery de respaldo SVG simple SVGMagic

Ver jQuery

Vide es un complemento de jQuery para agregar fácilmente fondos de video a sus páginas web.
Vide: complemento jQuery muy fácil para fondos de video

denso.js

Dense.js es un complemento para servir fácilmente imágenes listas para retina.

Dense.js: un complemento jQuery para servir fácilmente imágenes listas para retina

Portada

Covervid es un complemento simple que le permitirá hacer que el video HTML5 se comporte como una imagen de fondo.

Covervid es un complemento jQuery simple que le permitirá hacer que su video HTML5 se comporte como una imagen de fondo

jQuery-Cropbox

jQuery-Cropbox es un complemento realmente útil para recortar imágenes en el lugar (zoom y panorámica, en lugar de seleccionar y arrastrar).

jQuery-Cropbox recorte de imagen frontend jquery plugins

Detección de rostro

Face Detection es un poderoso complemento de jQuery/Zepto que detecta rostros en imágenes, videos y lienzos.
Detección de rostros: un potente complemento de jQuery/Zepto que detecta rostros en imágenes, videos y lienzos

BttrLazyCargando

BttrLazyLoading es un complemento que permite que su aplicación web solo cargue imágenes dentro de la ventana gráfica a medida que el usuario se desplaza.

BttrLazyLoading cargar imágenes viewport scrolls plugin

Complementos jQuery Slider, Carrusel y Galería

Control deslizante jQuery simple

Simple jQuery Slider es un jQuery Slider liviano que hace exactamente lo que debe hacer un control deslizante: 'diapositivas'.

Control deslizante jQuery súper simple y liviano

FSVS

FSVS es un control deslizante vertical de pantalla completa simple que utiliza transiciones CSS3 con jQuery fallback.
Control deslizante vertical de pantalla completa simple de FSVS usando transiciones CSS3 con jQuery fallback

anoFlow

anoFlow es un complemento de galería/caja de luz sensible y rico en funciones.

Complemento de galería de caja de luz receptiva rica en funciones de anoFlow

nanoGALERÍA

nanoGALLERY es un complemento de galería de imágenes receptivo, táctil y fácil de usar.

nanoGALLERY complemento de galería de imágenes fácil de usar con capacidad táctil sensible jquery

Justificado.js

Justified.js es un complemento que crea una cuadrícula de imágenes justificada.

Justified.js: un complemento de jQuery que crea una cuadrícula de imágenes justificada

Imágenes aleatorias

Shuffle Images es un complemento de jQuery que le permite mostrar y mezclar varias imágenes dentro de una galería moviendo o agitando el cursor.

Complemento Shuffle Images que le permite mostrar y mezclar varias imágenes dentro de una galería

Saltar

Skippr es un complemento de presentación de diapositivas súper simple y liviano para jQuery.

Skippr es un complemento de presentación de diapositivas súper simple y liviano para jQuery

Complementos de efectos de texto jQuery

fuenteFlex.js

fontFlex.js es un complemento liviano para cambiar dinámicamente los tamaños de fuente.

jQuery.fontFlex.js extensión jQuery ligera para cambiar dinámicamente los tamaños de fuente

Máquina de escribir

t.js es un complemento ligero de jQuery para efectos de texto similares a los de una máquina de escribir.

Complemento jQuery ligero t.js para efectos de texto tipo máquina de escribir

Morfexto

Morphext: un complemento de carrusel jQuery con tecnología Animate.css para frases de texto.

Desarrollado por Animate.css Morphext es un simple complemento de carrusel de jQuery para frases de texto

Splitchar

Splitchar es un complemento de jQuery que le permite diseñar y diseñar la primera, la segunda o ambas mitades de un personaje.

Splitchar es un complemento de jQuery que le permite diseñar y diseñar la primera, la segunda o ambas mitades de un personaje en las noticias de diseño de esta semana.

Complementos de elementos de formulario jQuery

BootstrapValidator

BootstrapValidator es un complemento jQuery para validar formularios Bootstrap.

BootstrapValidator: un complemento jQuery para validar formularios Bootstrap

etiquetabelleza

Labelauty: un complemento jQuery agradable y liviano que le da belleza a las casillas de verificación y los botones de opción.
Labelauty: un complemento jQuery agradable y liviano que le da belleza a las casillas de verificación y los botones de opción

guardián

Guardian es un complemento jQuery de validación de formularios para todo uso, flexible y fácil de extender.
Guardian flexible y fácil de extender complemento jQuery de validación de formularios para todo uso

fontIconPicker

fontIconPicker es un complemento liviano que le permite incluir un selector de íconos simple (con búsqueda y paginación) dentro de cualquier formulario.

fontIconPicker complemento ligero selector de iconos simple

Escondite

HideSeek es un complemento jQuery simple pero personalizable para la búsqueda en vivo.

HideSeek complemento jQuery personalizable para búsqueda en vivo

selector de reloj

ClockPicker es un selector de tiempo estilo reloj para jQuery o Bootstrap.

ClockPicker es un selector de tiempo de estilo reloj para Bootstrap o jQuery

Complementos de la utilidad jQuery

jQuery Confirmar Mailto

jQuery Confirm Mailto es un complemento para confirmar con los usuarios antes de abrir cualquier enlace mailto: a través de su cliente de correo electrónico predeterminado.

jQuery Confirm Mailto jQuery plugin para confirmar antes de abrir enlaces mailto

jNottery

jNottery es un complemento que le permite agregar notas a una página.

jNottery jQuery complemento que le permite agregar notas a una página web

Pestañas receptivas

Responsive Tabs es un complemento que ofrece la funcionalidad de pestañas receptivas.

Pestañas receptivas Un complemento de jQuery que ofrece la funcionalidad de pestañas receptivas

fondos-adaptables.js

adaptive-backgrounds.js es un complemento genial que extrae el color dominante de las imágenes en su página web y aplica el color a su padre.

extrae el color dominante de las imágenes en su página web y mágicamente aplica el color a sus complementos principales de jquery

…y finalmente…

Planetario

¡Planetarium es un complemento de jQuery que te permite construir planetas interactivos y construir el Universo!

jQuery.planetarium Construye planetas interactivos y construye el Universo

arrastrador de mesa

table-dragger le permite agregar fácilmente la clasificación de arrastrar y soltar a su tabla sin jQuery.

arrastrador de mesa

Selector

Selector es una biblioteca de micro JavaScript que se utiliza como reemplazo de jQuery, con un peso de casi 5 KB.

Selector

pajillero.js

jquery.wanker.js es un complemento de jQuery humorístico que revela un anuncio de servicio público cuando las personas comienzan a cambiar el tamaño de su navegador de escritorio en exceso mientras intentan ver sus puntos de interrupción de respuesta. Como dicen '¡La web está destinada a ser leída, no aplastada!'

jquery.wanker.js frontend jquery complementos