Una colección de increíbles bibliotecas, recursos y cosas brillantes de JavaScript del lado del navegador. Todos estos recursos disponibles para su utilización en tus proyectos personales o empresariales, ya que su licenciamiento en su mayoría son Open Source.

El mundo de Javascript, cada día se vuelve mas grande y extenso como las galaxias que existen en nuestro universo porque la adopción de Javascript es tan grande que en pocos minutos puedes lograr sitios estupendamente diseñados. Son muchos los recursos que existen sobre Javascript y aquí se comparte los mejores y mas actuales componentes y librerías para tus proyectos.

Administradores de paquetes

Aloje las bibliotecas de JavaScript y proporcione herramientas para obtenerlas y empaquetarlas.

  • npm  : npm es el administrador de paquetes para JavaScript.
  • Bower  : un administrador de paquetes para la web.
  • componente  : gestión de paquetes de clientes para crear mejores aplicaciones web.
  • spm  : nuevo administrador de paquetes estáticos.
  • jam  : un administrador de paquetes que utiliza un repositorio centrado en el navegador y compatible con RequireJS.
  • jspm  : administración de paquetes de navegador sin fricciones.
  • Ender  : la biblioteca sin biblioteca.
  • volo  : cree proyectos front-end a partir de plantillas, agregue dependencias y automatice los proyectos resultantes.
  • Duo  : administrador de paquetes de próxima generación que combina las mejores ideas de Component, Browserify y Go para que la organización y escritura de código front-end sea rápida y sencilla.
  • yarn  : gestión de dependencias rápida, fiable y segura.
  • pnpm  : administrador de paquetes rápido y eficiente en el espacio en disco.

Gestión de componentes

  • Bit  : cree, busque y reutilice componentes (React, Angular, Node, etc.) en todas las aplicaciones.

Cargadores

Módulo o sistema de carga para JavaScript.

  • RequireJS  : un cargador de archivos y módulos para JavaScript.
  • browserify  : requiere del lado del navegador () al estilo de node.js.
  • SeaJS  : un cargador de módulos para la web.
  • HeadJS  : el único script en tu HEAD.
  • curl  : un cargador de módulos pequeño, rápido y extensible que maneja AMD, CommonJS Modules/1.1, CSS, HTML/text y scripts heredados.
  • lazyload  : cargador asincrónico de JavaScript y CSS diminuto y sin dependencias.
  • script.js  : cargador asíncrono de JavaScript y administrador de dependencias.
  • systemjs  : cargador de módulos que cumple con las especificaciones de AMD, CJS y ES6.
  • LodJS  : cargador de módulos basado en AMD.
  • ESL  : primero el navegador del cargador de módulos, admite definición diferida y AMD.
  • modulejs  : sistema de módulos ligeros de JavaScript.

Empaquetadores

  • webpack  : paquetes de módulos CommonJs/AMD para el navegador.
  • Rollup  : paquete de módulos ES6 de última generación.
  • Brunch  : herramienta de creación de aplicaciones web front-end rápida con configuración declarativa simple.
  • Parcel  : paquete de aplicaciones web increíblemente rápido y sin configuración.
  • Microbundle  : empaquetador de configuración cero para módulos diminutos.
  • FuseBox  : un empaquetador que lo hace bien
  • Snowpack  : una herramienta de creación de interfaz ultrarrápida, diseñada para la web moderna.

Tipos de Verificadores

  • TypeScript  : un superconjunto escrito de JavaScript que se compila en JavaScript simple.
  • Flow.js  : un verificador de tipos estáticos para JavaScript de Facebook.
  • Hegel  : un verificador de tipos estáticos para JavaScript con un sesgo en la inferencia de tipos y un sistema de tipos fuerte.
  • TypL  : el JavaScript Type Linter con un sesgo en la inferencia de tipos.
  • Hindley Milner Definitions  : verificación de tipo en tiempo de ejecución para funciones de JavaScript utilizando firmas de tipo Hindley Milner similares a Haskell.

Testing Frameworks

Frameworks

  • mocha  : marco de prueba de JavaScript simple, flexible y divertido para node.js y el navegador.
  • jasmine  : marco de prueba de JavaScript simple sin DOM.
  • qunit  : un marco de prueba de unidad de JavaScript fácil de usar.
  • jest  – Pruebas unitarias de JavaScript sin dolor.
  • prova  : corredor de pruebas de nodos y navegadores basado en Tape y Browserify
  • DalekJS  : prueba funcional automatizada entre navegadores con JavaScript
  • Transportador  : Transportador es un marco de prueba de extremo a extremo para aplicaciones AngularJS.
  • tape  : arnés de prueba de producción de toques para nodos y navegadores.
  • TestCafe  : prueba de navegador automatizada para la pila de desarrollo web moderna.
  • ava: corredor de pruebas de JavaScript futurista
  • Cypress  : marco completo de pruebas de extremo a extremo para cualquier cosa que se ejecute en un navegador y más allá.

Assertion

  • chai  : marco de aserción BDD / TDD para node.js y el navegador que se puede combinar con cualquier marco de prueba.
  • Enzyme  : Enzyme es una utilidad de prueba de JavaScript para React que facilita afirmar, manipular y atravesar la salida de los componentes de React.
  • react testing library  : utilidades de prueba de React DOM simples y completas que fomentan las buenas prácticas de prueba.
  • Sinon.JS  : prueba espías, stubs y simulacros para JavaScript.
  • expect.js  : aserciones minimalistas de estilo BDD para Node.JS y el navegador.
  • proxyquire  : el requisito de Stub nodejs.

Cobertura

  • istanbul  : otra herramienta de cobertura de código JS.
  • blanket  : una biblioteca de cobertura de código simple para JavaScript. Diseñado para ser fácil de instalar y usar, tanto para navegador como para nodejs.
  • JSCover  : JSCover es una herramienta que mide la cobertura de código para programas de JavaScript.

Runner

  • phantomjs  : WebKit sin interfaz programable.
  • slimerjs  : una herramienta similar a PhantomJS que ejecuta Gecko.
  • casperjs  : utilidad de scripting y prueba de navegación para PhantomJS y SlimerJS.
  • zombie  : pruebas de navegador increíblemente rápidas, de pila completa y sin cabeza usando node.js.
  • totoro  : una herramienta de prueba de navegador cruzado simple y estable.
  • karma  : espectacular corredor de pruebas para JavaScript.
  • nightwatch  : marco de prueba automatizado de la interfaz de usuario basado en node.js y selenium webdriver.
  • interno  : una pila de prueba de código de última generación para JavaScript.
  • yolpo  : un intérprete de JavaScript declaración por declaración en el navegador.
  • titiritero  : API de Node.js de Chrome sin cabeza del equipo oficial de Google Chrome.
  • webdriverio  : marco de automatización de pruebas WebDriver de última generación para Node.js.
  • taiko  : una biblioteca de Node.js con una API simple para automatizar navegadores basados ​​en Chromium.

Herramientas de control de calidad

  • prettier  – Prettier es un formateador de código obstinado.
  • JSHint  : JSHint es una herramienta que ayuda a detectar errores y posibles problemas en su código JavaScript.
  • jscs  : verificador de estilo de código JavaScript.
  • jsfmt  : para formatear, buscar y reescribir JavaScript.
  • jsinspect  : detecta código copiado y estructuralmente similar.
  • buddy.js  : detección de números mágicos para JavaScript.
  • ESLint  : una herramienta totalmente conectable para identificar e informar sobre patrones en JavaScript.
  • JSLint  : herramienta de calidad de código de alto nivel, estricta y obstinada, con el objetivo de mantener solo las partes buenas del lenguaje.
  • JavaScript Standard Style:  guía de estilo obstinado sin configuración, verificador de estilo y formateador
  • Preevalúe el código en tiempo de compilación  : preevalúe su código javascript de front-end en tiempo de compilación
  • JS-Beautifier : Npm cli y biblioteca para formatear el código JS.
  • husky  : evita errores de git commit, git push y más.

Frameworks y bibliotecas MVC

  • angular.js  : HTML mejorado para aplicaciones web. (obsoleto)
  • angular  : Angular es una plataforma de desarrollo para crear aplicaciones web móviles y de escritorio utilizando Typescript/JavaScript y otros lenguajes.
  • aurelia  : un marco de cliente de JavaScript para dispositivos móviles, de escritorio y web.
  • backbone  : brinde a su aplicación JS algo de Backbone con modelos, vistas, colecciones y eventos.
  • ember.js  : un marco de JavaScript para crear aplicaciones web ambiciosas.
  • meteor  : un marco web de javascript puro, base de datos en todas partes, ultra simple.
  • ractive  : manipulación DOM de última generación.
  • vue  : MVVM intuitivo, rápido y componible para crear interfaces interactivas.
  • svelte  : Svelte es una nueva forma de crear aplicaciones web. Es un compilador que toma sus componentes declarativos y los convierte en JavaScript eficiente que actualiza quirúrgicamente el DOM.
  • knockout  : Knockout facilita la creación de interfaces de usuario enriquecidas y receptivas con JavaScript.
  • spine  : biblioteca ligera de MVC para crear aplicaciones de JavaScript.
  • espresso.js  : una biblioteca de JavaScript mínima para crear interfaces de usuario.
  • canjs  : puede hacer JS, mejor, más rápido, más fácil.
  • react  : una biblioteca para crear interfaces de usuario. Es declarativo, eficiente y extremadamente flexible. Funciona con un DOM virtual.
  • hyperapp  : biblioteca de JavaScript de 1 kb para crear aplicaciones frontend.
  • preact  : alternativa rápida de React de 3 kb con la misma API de ES6. Componentes y DOM virtual.
  • nativescript  : cree aplicaciones de iOS y Android multiplataforma verdaderamente nativas con JavaScript.
  • react-native  : un marco para crear aplicaciones nativas con React.
  • riot  : biblioteca similar a React, pero con un tamaño muy pequeño.
  • tórax  – Fortalecimiento de la Columna Vertebral.
  • chaplin  : una arquitectura para aplicaciones de JavaScript que utiliza la biblioteca Backbone.js.
  • marionette  : una biblioteca de aplicaciones compuestas para Backbone.js que tiene como objetivo simplificar la construcción de aplicaciones JavaScript a gran escala.
  • ripple  : una pequeña base para crear vistas reactivas.
  • rivets  : solución de plantillas y enlace de datos ligero y potente.
  • derby  : marco MVC que facilita la escritura de aplicaciones colaborativas en tiempo real que se ejecutan tanto en Node.js como en navegadores.
  • derby-awesome  : una colección de increíbles componentes de derby
  • way.js  : enlace de datos bidireccional simple, ligero y persistente.
  • mithril.js  : Mithril es un marco MVC del lado del cliente (ligero, robusto, rápido).
  • jsblocks  : jsblocks es un mejor marco MV-ish.
  • LiquidLava  : marco MVC transparente para crear interfaces de usuario.
  • plumas  : un marco JavaScript minimalista en tiempo real para las aplicaciones del mañana.
  • Keo  : componentes React funcionales sin estado con compatibilidad con Shadow DOM.
  • atvjs  : desarrollo ultrarrápido de aplicaciones para Apple TV usando JavaScript puro.
  • Alpine.js  : le ofrece la naturaleza reactiva y declarativa de grandes marcos como Vue o React a un costo mucho menor.
  • infierno  :
  •  una biblioteca de JavaScript extremadamente rápida, similar a React, para crear interfaces de usuario modernas.
  • FoalTS  : marco Node.JS elegante y todo incluido para crear aplicaciones web (TypeScript).
  • Lucia  : biblioteca de 3 kb para pequeñas aplicaciones web.
  • Adonis  : el marco Node.js altamente enfocado en la ergonomía, la estabilidad y la confianza del desarrollador.
  • GrapesJS  : Marco de desarrollo web gratuito y de código abierto. Herramienta de próxima generación para crear plantillas sin codificación.
  • Rete.js  : un marco modular para la programación visual que permite crear un editor basado en nodos en el navegador.
  • litegraph.js  : un motor de nodos gráficos y un editor similar a PD o UDK Blueprints, viene con su propio editor en HTML5 Canvas2D.
  • Drawflow  : esto le permite crear flujos de datos de manera fácil y rápida.
  • Blockly  : una biblioteca que agrega un editor de código visual a las aplicaciones web y móviles de Google.

Node-Powered CMS Frameworks

  • KeystoneJS  : potente marco de aplicaciones web y CMS.
  • Reaction Commerce  : CMS reactivo, arquitectura y diseño en tiempo real.
  • Ghost  : plataforma de publicación sencilla y potente.
  • Apostrophe  – CMS con edición de contenido y servicios esenciales.
  • We.js  : marco para aplicaciones, sitios o blogs en tiempo real.
  • Hatch.js  : plataforma CMS con funciones sociales.
  • TaracotJS  : CMS rápido y minimalista basado en Node.js.
  • Nodizecms  – CMS para los amantes de CoffeeScript.
  • Cody  – CMS con editor WSYWYG.
  • PencilBlue  – CMS y plataforma de blogs.
  • Strapi  : código abierto Node.js Headless CMS para crear fácilmente API personalizables.
  • Factor  – El CMS Javascript

Motores de plantillas

Los motores de plantillas le permiten realizar la interpolación de cadenas.

  • mustache.js  : plantillas mínimas con {{mustaches}} en JavaScript.
  • handlebars.js  : una extensión del lenguaje de plantillas Moustache.
  • nunjucks  : un lenguaje de plantillas rico y potente para JavaScript de Mozilla.
  • hogan.js  : un compilador para el lenguaje de plantillas Moustache.
  • doT  : el motor de plantillas de JavaScript más rápido y conciso para nodejs y navegadores.
  • dustjs  : plantillas asíncronas para el navegador y node.js.
  • eco  : plantillas de CoffeeScript integradas.
  • JavaScript-Templates : motor de plantillas de JavaScript ligero, rápido y potente de < 1 KB sin dependencias.
  • t.js  : un pequeño marco de plantillas de JavaScript en ~ 400 bytes comprimidos con gzip.
  • Pug  : motor de plantillas robusto, elegante y rico en funciones para nodejs. (anteriormente conocido como Jade)
  • EJS  : plantillas de JavaScript efectivas.
  • xtemplate  : biblioteca del motor de plantillas extensible para el nodo y el navegador
  • marko  : un motor de plantillas rápido, liviano y basado en HTML para Node.js y el navegador con etiquetas asíncronas, de transmisión, personalizadas y módulos CommonJS como salida compilada.
  • swig – (Archivado) Un motor de plantillas de JavaScript basado en navegador y Node.js  simple, potente y ampliable .

Artículos y publicaciones

Visualización de datos

Herramientas de visualización de datos para la web.

  • d3  : una biblioteca de visualización de JavaScript para HTML y SVG.
  • metrics-graphics  : una biblioteca optimizada para gráficos y diseños de datos concisos y basados ​​en principios.
  • three.js  : biblioteca 3D de JavaScript.
  • Chart.js  : gráficos HTML5 simples que utilizan la etiqueta <canvas>.
  • paper.js  : la navaja suiza de las secuencias de comandos de gráficos vectoriales: Scriptographer portado a JavaScript y al navegador, usando HTML5 Canvas.
  • fabric.js  : biblioteca de lienzo de JavaScript, analizador de SVG a lienzo (y de lienzo a SVG).
  • peity  – Gráficos progresivos de barras, líneas y sectores.
  • Rafael  – Biblioteca de vectores de JavaScript.
  • echarts  – Enterprise Charts.
  • visjs  : bibliotecas múltiples para visualización dinámica de datos basada en navegador.
  • two.js  : una API de dibujo bidimensional independiente del renderizador para la web.
  • g.raphael  – Gráficos para Raphaël.
  • sigma.js  : una biblioteca de JavaScript dedicada al dibujo de gráficos.
  • arbor  : una biblioteca de visualización de gráficos que utiliza trabajadores web y jQuery.
  • cubismo  : un complemento D3 para visualizar series temporales.
  • dc.js  : gráficos multidimensionales creados para funcionar de forma nativa con filtro cruzado renderizado con d3.js
  • vega  – Una gramática de visualización.
  • processing.js  : Processing.js hace que sus visualizaciones de datos funcionen utilizando estándares web y sin complementos.
  • envisionjs  : visualización HTML5 dinámica.
  • rickshaw  : kit de herramientas de JavaScript para crear gráficos interactivos en tiempo real.
  • flot  : atractivos gráficos de JavaScript para jQuery.
  • morris.js  : bonitos gráficos lineales de series temporales.
  • nvd3  : cree gráficos reutilizables y componentes de gráficos para d3.js.
  • svg.js  : una biblioteca ligera para manipular y animar SVG.
  • heatmap.js  : biblioteca de JavaScript para mapas de calor basados ​​en lienzo HTML5.
  • jquery.sparkline  : un complemento para la biblioteca jQuery JavaScript para generar pequeños gráficos minigráficos directamente en el navegador.
  • trianglify  : generador de fondo de estilo polivinílico bajo con d3.js.
  • d3-cloud  : crea nubes de palabras en JavaScript.
  • d4  : un DSL de gráficos amigables y reutilizables para D3.
  • dimple.js  : gráficos sencillos para análisis de negocios impulsados ​​por d3.
  • chartist-js  : gráficos receptivos simples.
  • epoch  : una biblioteca de gráficos en tiempo real de uso general.
  • c3  : biblioteca de gráficos reutilizable basada en D3.
  • BabylonJS  : un marco para crear juegos 3D con HTML 5 y WebGL.
  • recharts  : biblioteca de gráficos redefinida creada con React y D3.
  • GraphicsJS : una biblioteca de gráficos JavaScript  liviana con la API intuitiva, basada en la tecnología SVG/VML.
  • mxGraph  : biblioteca de diagramación que permite crear rápidamente gráficos interactivos y aplicaciones de gráficos que se ejecutan de forma nativa en cualquier navegador principal compatible con su proveedor.
  • Frappe Charts  : gráficos SVG simples y modernos inspirados en GitHub para la web sin dependencias.
  • Frappe Gantt  : una biblioteca de diagramas de Gantt simple, interactiva y moderna para la web.
  • G2  : una gramática de visualización basada en datos altamente interactiva para gráficos estadísticos.
  • G2Plot  : una biblioteca de gráficos interactiva y receptiva. Basado en la gramática de los gráficos.
  • Cytoscape.js  : una biblioteca de teoría de grafos con todas las funciones.
  • cola.js  : biblioteca para organizar sus documentos y diagramas HTML5 utilizando técnicas de optimización basadas en restricciones
  • jointjs  : biblioteca de diagramación para crear diagramas estáticos o herramientas de diagramación totalmente interactivas. También hay algunas bibliotecas comerciales excelentes, como  amchart ,  anychart ,  plotly ,  highchart y  lightning chart.

Cronología

  • TimelineJS v3  : una línea de tiempo de narración construida en JavaScript.
  • timesheet.js  : biblioteca de JavaScript para hojas de tiempo HTML5 y CSS3 simples.

Hoja de cálculo

  • HANDSONTABLE  : Handsontable es una biblioteca de hojas de cálculo JavaScript/HTML5 para desarrolladores
  • Frappe Datatable  : Frappe DataTable es una biblioteca de tablas de datos simple, moderna e interactiva para mostrar datos tabulares.
  • Luckysheet  : Luckysheet es una hoja de cálculo en línea como Excel que es poderosa, fácil de configurar y completamente de código abierto.

Editores

  • as  – Ace (Editor de Ajax.org Cloud9).
  • CodeMirror  : editor de código en el navegador.
  • esprima  : infraestructura de análisis de ECMAScript para análisis multipropósito.
  • quill  : un editor de texto enriquecido para varios navegadores con una API.
  • medium-editor  – Clon del editor WYSIWYG de Medium.com.
  • bolígrafo  : disfrute de la edición en vivo (+rebaja).
  • jquery-notebook  : un editor de texto simple, limpio y elegante. Inspirado por la genialidad de Medium.
  • bootstrap-wysiwyg  : pequeño editor de texto enriquecido WYSIWYG compatible con bootstrap.
  • ckeditor-releases  : el mejor editor de texto web para todos.
  • editor  : un editor de rebajas. aún en desarrollo.
  • EpicEditor  : un editor de JavaScript Markdown incrustable con edición de pantalla completa dividida, vista previa en vivo, guardado automático de borradores, soporte sin conexión y más.
  • jsoneditor  : una herramienta basada en la web para ver, editar y formatear JSON.
  • vim.js  : puerto de JavaScript de Vim con un archivo ~/.vimrc.
  • Squire  : editor de texto enriquecido HTML5.
  • TinyMCE  : el editor de texto enriquecido de JavaScript.
  • trix  : un editor de texto enriquecido para la escritura diaria. Por Basecamp.
  • Trumbowyg  : un editor de JavaScript WYSIWYG ligero y sorprendente.
  • Draft.js  : un marco React para crear editores de texto.
  • bootstrap-wysihtml5  – Editor wysiwyg simple y hermoso
  • wysihtml5  : editor de texto enriquecido de código abierto basado en HTML5 y el enfoque de mejora progresiva. Utiliza un concepto de seguridad sofisticado y tiene como objetivo generar un marcado HTML5 totalmente válido al evitar sopas de etiquetas y estilos en línea que no se pueden mantener.
  • raptor-editor  – ¡Raptor, un editor de contenido HTML5 WYSIWYG!
  • popline  – Popline es una barra de herramientas de editor de texto enriquecido HTML5.
  • Summernote  : editor WYSIWYG súper simple.

Documentación

  • DevDocs  es un lector de documentación API todo en uno con una interfaz rápida, organizada y consistente.
  • dexy  es una herramienta de documentación alfabetizada de forma libre para escribir cualquier tipo de documento técnico que incorpore código.
  • docco  es un generador de documentación de estilo de programación alfabetizada rápido y sucio, de cien líneas de largo.
  • styledocco  genera documentación y documentos de guía de estilo a partir de sus hojas de estilo.
  • Ronn  construye manuales. Convierte archivos de texto simples y legibles por humanos a roff para visualización en terminales, y también a HTML para la web.
  • dox  es un generador de documentación de JavaScript escrito con node. Dox ya no genera una estructura o estilo obstinado para sus documentos, simplemente le brinda una representación JSON, lo que le permite usar etiquetas de estilo Markdown y JSDoc.
  • jsdox  es un generador de documentación de JSDoc3 a Markdown.
  • ESDoc  es un buen generador de documentación para JavaScript.
  • YUIDoc  es una aplicación de Node.js que genera documentación API a partir de comentarios en la fuente, utilizando una sintaxis similar a herramientas como Javadoc y Doxygen.
  • coddoc  es una biblioteca de análisis jsdoc. Coddoc es diferente porque es fácilmente extensible al permitir a los usuarios agregar analizadores de código y etiquetas mediante el uso de coddoc.addTagHandler y coddoc.addCodeHandler. coddoc también analiza el código fuente para usarlo en las API.
  • sphinx  una herramienta que facilita la creación de documentación inteligente y hermosa
  • Usando JSDoc
  • Beautiful docs  es un visor de documentación basado en archivos Markdown.
  • documentation.js  : generador de documentación API compatible con ES2015+ y anotación de flujo.
  • jsduck  : generador de documentación API creado para los marcos de JavaScript Sencha, pero también se puede usar para otros marcos.
  • Codecrumbs  es una herramienta visual para aprender y documentar una base de código poniendo migas de pan en el código fuente.

archivos

Bibliotecas para trabajar con archivos.

  • Papa Parse  : una potente biblioteca CSV que admite el análisis de archivos/cadenas CSV y también la exportación a CSV.
  • jBinary  : E/S de alto nivel (carga, análisis, manipulación, serialización, guardado) para archivos binarios con sintaxis declarativa para describir tipos de archivos y estructuras de datos.
  • diff2html  : analizador de salida Git diff y bonito generador de HTML.
  • jsPDF  : generación de PDF con JavaScript.
  • PDF.js  – Lector de PDF en JavaScript.

Programación funcional

Bibliotecas de programación funcional para ampliar las capacidades de JavaScript.

  • underscore  : cinturón de utilidad de JavaScript.
  • lodash  : una biblioteca de utilidades que brinda consistencia, personalización, rendimiento y extras.
  • Sugar  : una biblioteca de JavaScript para trabajar con objetos nativos.
  • lazy.js  : como subrayado, pero más perezoso.
  • ramda  : una biblioteca funcional práctica para programadores de JavaScript.
  • mout  : utilidades modulares de JavaScript.
  • mesh  : utilidad de sincronización de datos transmisibles.
  • preludejs  – Programación Funcional Hardcore para JavaScript.
  • rambda  : alternativa más rápida y pequeña a  Ramda.

Programación reactiva

Bibliotecas de programación reactiva para ampliar las capacidades de JavaScript.

  • RxJS  : una biblioteca de programación reactiva para JavaScript.
  • Bacon  : biblioteca FRP (programación reactiva funcional) para JavaScript.
  • Kefir  : biblioteca de FRP para JavaScript inspirada en Bacon.js y RxJS con enfoque en alto rendimiento y bajo consumo de memoria.
  • Highland  : al repensar el cinturón de herramientas de JavaScript, Highland administra código síncrono y asíncrono fácilmente, usando nada más que JavaScript estándar y flujos similares a nodos.
  • Most.js  : biblioteca FRP de alto rendimiento.
  • MobX  : biblioteca TFRP para una administración de estado simple y escalable.
  • Cycle.js  : una biblioteca de JavaScript funcional y reactiva para un código más limpio.
  • concent  – Definitivamente la gestión de estado más simple pero más sólida para reaccionar, es predecible, progresiva y eficiente.

Estructura de datos

Bibliotecas de estructura de datos para construir una aplicación más sofisticada.

  • immutable-js  : colecciones de datos inmutables que incluyen secuencia, rango, repetición, mapa, mapa ordenado, conjunto y un vector disperso.
  • mori  : una biblioteca para usar las estructuras de datos persistentes de ClojureScript y la API de soporte desde la comodidad de Vanilla JavaScript.
  • cubos  : una biblioteca de estructura de datos completa, totalmente probada y documentada escrita en JavaScript.
  • hashmap  : implementación simple de hashmap que admite cualquier tipo de clave.
  • ngraph.graph  – Graficar la estructura de datos en javascript.

Fecha

Bibliotecas de fechas.

  • moment  : analice, valide, manipule y muestre fechas en JavaScript.
  • moment-timezone  : soporte de zona horaria para moment.js.
  • jquery-timeago  : un complemento de jQuery que facilita la compatibilidad con la actualización automática de marcas de tiempo difusas (por ejemplo, "hace 4 minutos").
  • timezone-js  : objeto de fecha de JavaScript habilitado para la zona horaria. Utiliza archivos de información de zona de Olson para datos de zona horaria.
  • date  – Date() para humanos.
  • ms.js  : pequeña utilidad de conversión de milisegundos.
  • countdown.js  – Cuentas regresivas súper simples.
  • timeago.js  : biblioteca simple (menos de 2 kb) utilizada para formatear la fecha con la  *** time ago declaración.
  • fecha  : formato y análisis de fecha livianos (~ 2 KB). Pretende reemplazar la funcionalidad de análisis y formateo de moment.js.
  • date-fns  : biblioteca moderna de utilidades de fecha de JavaScript.
  • cuenta regresiva del mapa  : una cuenta regresiva del navegador construida sobre Google Maps.
  • dayjs  : alternativa de biblioteca de fechas inmutable de 2 KB de Day.js a Moment.js con la misma API moderna.
  • luxon  : Luxon es una biblioteca para trabajar con fechas y horas en JavaScript.

String

Bibliotecas de cadenas.

  • voca  : la última biblioteca de cadenas de JavaScript
  • selecting  : una biblioteca que le permite acceder al texto seleccionado por el usuario.
  • underscore.string  : extensiones de manipulación de cadenas para la biblioteca de JavaScript Underscore.js.
  • string.js  : métodos de cadena JavaScript adicionales.
  • he  – Un robusto codificador/descodificador de entidades HTML escrito en JavaScript.
  • multiline  : cadenas de varias líneas en JavaScript.
  • query-string  : analiza y encadena las cadenas de consulta de URL.
  • URI.js  : biblioteca de mutación de URL de JavaScript.
  • jsurl  : manipulación ligera de URL con JavaScript.
  • sprintf.js  : una implementación de sprintf.
  • url-pattern  : más fácil que los patrones de coincidencia de cadenas de expresiones regulares para URL y otras cadenas. Convierte cadenas en datos o datos en cadenas.
  • plexis  : biblioteca de manipulación de cadenas impulsada por la comunidad, potente y de baja fidelidad.

Número

  • Numeral-js  : una biblioteca de JavaScript para formatear y manipular números.
  • chance.js  – Ayudante de generador aleatorio en JavaScript. Puede generar números, cadenas, etc.
  • odometer  : Transiciones suaves de números con facilidad.
  • accounting.js : una biblioteca de JavaScript liviana para el formato de números, dinero y moneda: totalmente localizable, sin dependencias.
  • money.js  : una pequeña biblioteca de conversión de moneda de JavaScript (1kb), para web y nodeJS.
  • Fraction.js  : una biblioteca de números racionales para JavaScript.
  • Complex.js  : una biblioteca de números complejos para JavaScript.
  • Polynomial.js  : una biblioteca de polinomios para JavaScript.
  • Quaternion.js  : una biblioteca de cuaterniones para JavaScript

Almacenamiento

  • store.js  : envoltorio LocalStorage para todos los navegadores sin utilizar cookies ni flash. Utiliza el comportamiento localStorage, globalStorage y userData bajo el capó.
  • localForage  : almacenamiento fuera de línea, mejorado. Envuelve IndexedDB, WebSQL o localStorage usando una API simple pero poderosa.
  • jStorage  : jStorage es una base de datos clave/valor simple para almacenar datos en el lado del navegador.
  • cross-storage : almacenamiento  local entre dominios, con permisos.
  • basket.js  : un cargador de secuencias de comandos y recursos para almacenar en caché y cargar secuencias de comandos con localStorage.
  • bag.js  : un script de almacenamiento en caché y un cargador de recursos, similar a basket.js, pero con una interfaz k/v adicional y compatibilidad con localStorage/websql/indexedDB.
  • basil.js  : la capa persistente inteligente de JavaScript que falta.
  • jquery-cookie  : un complemento jQuery simple y liviano para leer, escribir y eliminar cookies.
  • js-cookie  : una API de JavaScript simple y liviana para manejar las cookies del navegador.
  • Cookies  : biblioteca de manipulación de cookies del lado del cliente de JavaScript.
  • DB.js  : biblioteca IndexDB Wrapper basada en Promise.
  • lawnchair.js  : almacenamiento JSON simple del lado del cliente.
  • sql.js  : SQLite compilado en JavaScript a través de Emscripten.
  • pouchdb  : Javascript db inspirado en Apache CouchDB para funcionar bien en el navegador.
  • crumbsjs  : una biblioteca de JavaScript de almacenamiento local y cookies de Vanilla ES6.
  • Awesome-web-storage  : todo lo que necesita saber sobre el almacenamiento del lado del cliente.
  • datavore  : un motor de base de datos integrado en el navegador, pequeño y rápido, escrito en JavaScript.
  • Sudadera con capucha  : fuera de línea Primer backend para trabajar en el navegador sin conexión a Internet.
  • NeDB  : base de datos persistente integrada para navegadores, nw.js, electron.

Color

  • randomColor  : un generador de color para JavaScript.
  • chroma.js  : biblioteca de JavaScript para todo tipo de manipulaciones de color.
  • color  : biblioteca de manipulación y conversión de color de JavaScript.
  • colors  : valores predeterminados más inteligentes para los colores en la web.
  • PleaseJS  : biblioteca de JavaScript para crear colores y combinaciones de colores agradables al azar.
  • TinyColor  : manipulación y conversión rápida y pequeña de colores para JavaScript.
  • Vibrant.js  : extrae colores destacados de una imagen.

I18n y L10n

Bibliotecas JavaScript de localización (l10n) e internacionalización (i18n).

  • i18next  : internacionalización (i18n) con JavaScript de forma fácil.
  • políglota  : pequeña biblioteca de ayuda i18n.
  • babelfish  : i18n con API amigable para humanos y soporte de plurales integrado.
  • ttag  : moderna biblioteca de localización de javascript i18n basada en plantillas etiquetadas de ES6 y el viejo gettext de GNU.

Flujo de control

  • async  : utilidades asíncronas para el nodo y el navegador.
  • q  – Una herramienta para hacer y componer promesas asincrónicas en JavaScript.
  • step  : una biblioteca de flujo de control asíncrono que facilita el paso a través de la lógica.
  • contra  : control de flujo asíncrono con un sabor funcional.
  • Bluebird  : biblioteca prometedora con todas las funciones que se centra en características innovadoras y rendimiento.
  • when  : una implementación sólida y rápida de Promises/A+ y when(), además de otras ventajas asíncronas.
  • ObjectEventTarget  : proporcione un prototipo que agregue compatibilidad con los detectores de eventos (con el mismo comportamiento de EventTarget de DOMElements disponible en los navegadores).
  • esporádico  : abstracciones de concurrencia componibles (como secuencias, corrutinas y canales similares a Go) además de promesas, para motores de navegador y nodos.

Enrutamiento

  • director  : un enrutador de URL diminuto e isomorfo para JavaScript.
  • page.js  : microenrutador del lado del cliente inspirado en el enrutador Express (~1200 bytes).
  • pathjs  : enrutamiento simple y liviano para navegadores web.
  • encrucijada  – Rutas de JavaScript.
  • davis.js : enrutamiento de JavaScript  degradable RESTful usando pushState.
  • navaid  : ¡una ayuda de navegación (también conocida como enrutador) para el navegador en 850 bytes ~!

Seguridad

  • DOMPurify  : un desinfectante XSS súper rápido, súper tolerante y solo DOM para HTML, MathML y ​​SVG.
  • js-xss  : desinfecte HTML no confiable (para evitar XSS) con una configuración especificada por una lista blanca.
  • xss-filters  : filtros XSS seguros de Yahoo.
  • sanitize-html  : sanitize-html proporciona un desinfectante HTML simple con una API clara.

Log

  • log  – Console.log con estilo.
  • Conzole  : un panel de depuración integrado en JavaScript que envuelve los métodos y la funcionalidad de los objetos de consola nativos de JavaScript en un panel que se muestra dentro de la página.
  • console.log-wrapper  : inicie sesión en la consola en cualquier navegador con claridad.
  • loglevel  : registro mínimo y ligero para JavaScript, que agrega métodos confiables de nivel de registro para envolver cualquier método de console.log disponible.
  • minilog  : registro ligero del lado del servidor y del cliente con backends Stream-API.
  • storyboard : biblioteca de registro universal + extensión de Chrome; le permite ver todas las tareas del cliente y del servidor desencadenadas por una acción del usuario en un solo lugar.

RegExp

  • RegEx101  : probador y depurador de expresiones regulares en línea para JavaScript. También es compatible con Python, PHP y PCRE.
  • RegExr  : herramienta basada en HTML/JS para crear, probar y aprender sobre expresiones regulares.

Comando de voz

  • annyang  : una biblioteca de JavaScript para agregar comandos de voz a su sitio mediante el reconocimiento de voz.
  • voix.js  : una biblioteca de JavaScript para agregar comandos de voz a sus sitios, aplicaciones o juegos.

API

  • axios  : cliente HTTP basado en Promise para el navegador y node.js.
  • bottleneck  : un potente limitador de velocidad que facilita la regulación.
  • oauth-signature-js  : generador de firmas JavaScript OAuth 1.0a para el nodo y el navegador.
  • amygdala  : cliente HTTP RESTful para aplicaciones web basadas en JavaScript.
  • jquery.rest  : un complemento de jQuery para facilitar el consumo de las API RESTful.
  • Rails Ranger  : un cliente REST obstinado para las API de Ruby on Rails.
  • wretch  : un pequeño envoltorio construido alrededor de fetch con una sintaxis intuitiva.
  • Bearer.sh  : cliente de API universal que admite OAuth / API Key / Basic / etc.
  • FarFetch  : moderno envoltorio de la API Fetch para simplificar, con carga de archivos concisa.
  • Optic  : Optic documenta y prueba automáticamente sus API.
  • SWR  : biblioteca React Hooks para la obtención remota de datos.
  • React Query  : ganchos para obtener, almacenar en caché y actualizar datos asincrónicos en React.

Streaming

  • Tailor  : servicio de diseño de transmisión para microservicios front-end, inspirado en BigPipe de Facebook.

Detección de visión

  • tracking.js  : un enfoque moderno para Computer Vision en la web.
  • ocrad.js  – OCR en JavaScript a través de Emscripten.

Aprendizaje automático

  • ConvNetJS  : aprendizaje profundo en JavaScript. Entrena Redes Neuronales Convolucionales (u ordinarias) en tu navegador.
  • DN2A  – Arquitectura de Redes Neuronales Digitales.
  • Brain.js  – Redes neuronales en JavaScript.
  • Mind.js  : una biblioteca de redes neuronales flexible.
  • Synaptic.js  : biblioteca de redes neuronales sin arquitectura para node.js y el navegador.
  • TensorFlow.js  : una biblioteca de JavaScript para entrenar e implementar modelos ML en el navegador y en Node.js.
  • ml5.js  : aprendizaje automático amigable para la web.
  • Synapses  : biblioteca ligera de redes neuronales multiplataforma.

Detección de navegador

  • bowser  : un detector de navegador.

Sistema operativo

  • os.js  : una plataforma de escritorio web de código abierto con un administrador de ventanas, API de aplicaciones, kit de herramientas GUI, abstracciones de sistemas de archivos y mucho más.

Benchmark

  • benchmark.js  : una biblioteca de evaluación comparativa. Como se usa en jsPerf.com.
  • matcha  : un enfoque simplista y basado en la cafeína para la evaluación comparativa.

Resaltado de código

  • Highlight.js  : resaltador de sintaxis de JavaScript.
  • PrismJS  : resaltado de sintaxis ligero, robusto y elegante.

Estado de carga

Bibliotecas para indicar el estado de carga.

  • Mprogress.js  : cree barras lineales de progreso de Google Material Design.
  • NProgress  : barras de progreso delgadas para aplicaciones Ajax'y.
  • Spin.js  : un indicador de actividad giratoria.
  • progress.js  : cree y administre la barra de progreso para cada objeto en la página.
  • Progressbar.js: barras de progreso  hermosas y receptivas con rutas SVG animadas.
  • pace  : agregue automáticamente una barra de progreso a su sitio.
  • topbar : indicador de progreso pequeño y hermoso en todo el sitio.
  • nanobar  – Barras de progreso muy ligeras. Sin jQuery.
  • PageLoadingEffects  : formas modernas de revelar contenido nuevo mediante animaciones SVG.
  • SpinKit  : una colección de indicadores de carga animados con CSS.
  • Ladda  : botones con indicadores de carga incorporados.
  • css-loaders  : una colección de spinners de carga animados con CSS

Además de las bibliotecas, hay  Collection on Codepen y generadores como  Ajaxload ,  Preloaders  y  CSSLoad.

Validación

  • Parsley.js  : valide sus formularios, interfaz, sin escribir una sola línea de JavaScript.
  • jquery-validation  – Complemento de validación de jQuery.
  • validator.js  : validación y desinfección de cadenas.
  • validar.js  : biblioteca ligera de validación de formularios de JavaScript inspirada en CodeIgniter.
  • validatr  : validación de formulario HTML5 entre navegadores.
  • FormValidation  : el mejor complemento de jQuery para validar campos de formulario. Anteriormente BootstrapValidator.
  • is.js  : compruebe tipos, expresiones regulares, presencia, tiempo y más.
  • FieldVal  : biblioteca de validación multipropósito. Admite la validación de sincronización y asíncrona.
  • Funval  : validación de datos mediante interfaces de funciones (compatible con TypeScript).

Atajos de Teclado

  • ratonera  : biblioteca simple para manejar atajos de teclado en JavaScript.
  • keymaster  : una microbiblioteca simple para definir y enviar atajos de teclado.
  • Keypress : una utilidad de captura de entrada de teclado en la que cualquier tecla puede ser una tecla modificadora.
  • KeyboardJS  : una biblioteca de JavaScript para vincular combinaciones de teclado sin el dolor de los códigos de teclas y los conflictos de combinación de teclas.
  • jquery.hotkeys  : jQuery Hotkeys le permite observar eventos de teclado en cualquier parte de su código y admite casi cualquier combinación de teclas.
  • jwerty  – Impresionante manejo de eventos de teclado.

Tours Y Guias

  • intro.js  : una mejor manera de introducir nuevas funciones y una guía de usuario paso a paso para su sitio web y proyecto.
  • shepherd : guíe a sus usuarios a través de un recorrido por su aplicación.
  • bootstrap-tour  : recorridos rápidos y fáciles por productos con Twitter Bootstrap Popovers.
  • tourist : recorridos simples y flexibles para su aplicación.
  • chardin.js  : instrucciones superpuestas simples para sus aplicaciones.
  • pageguide  : una guía interactiva para los elementos de la página web utilizando jQuery y CSS3.
  • hopscotch : un marco para facilitar a los desarrolladores agregar recorridos de productos a sus páginas.
  • Joyride  : complemento de gira de características de jQuery.
  • focusable  : establezca un foco de atención en el elemento DOM agregando una capa superpuesta al resto de la página.
  • driver.js  : potente pero ligero motor de JavaScript vainilla para impulsar la atención del usuario en toda la página

Notificaciones

  • iziToast  : complemento de notificación elegante, receptivo, flexible y liviano sin dependencias.
  • messenger  : alertas y mensajes de estilo Growl para su aplicación.
  • noty  : complemento de notificación de jQuery.
  • pnotify  : notificaciones de JavaScript para Bootstrap, jQuery UI y el borrador de notificaciones web.
  • toastr  : notificaciones simples de brindis de JavaScript.
  • humane-js  : un sistema de notificación de navegador simple y moderno.
  • smoke.js  : sistema de alerta con estilo independiente del marco para JavaScript.
  • notie  : notificaciones y entradas simples sin dependencias.
  • notifire  : infraestructura de notificación de código abierto para productos.

Controles deslizantes

  • Swiper  : marco y control deslizante táctil móvil con transiciones aceleradas por hardware.
  • slick  : el último carrusel que necesitarás.
  • slidesJs  : es un complemento de presentación de diapositivas receptivo para JQuery (1.7.1+) con características como transiciones táctiles y CSS3
  • FlexSlider  : un impresionante complemento deslizante de jQuery totalmente sensible.
  • sly  : biblioteca de JavaScript para desplazamiento unidireccional con soporte de navegación basada en elementos.
  • vegas  : un complemento de jQuery para agregar hermosos fondos de pantalla completa a sus páginas web. Incluso permite presentaciones de diapositivas.
  • Sequence   : marco de animación CSS para crear controles deslizantes receptivos, presentaciones, pancartas y otras aplicaciones basadas en pasos.
  • reveal.js  : un marco para crear fácilmente hermosas presentaciones usando HTML.
  • impress.js  : es un marco de presentación basado en el poder de las transformaciones y transiciones de CSS3 en los navegadores modernos e inspirado en la idea detrás de prezi.com.
  • bespoke.js  – Micro-Framework de presentación DIY
  • Strut  – Strut – Un editor de presentaciones de Impress.js y Bespoke.js
  • PhotoSwipe  : galería de imágenes de JavaScript para dispositivos móviles y de escritorio, modular, independiente del marco.
  • jcSlider  : un complemento jQuery de control deslizante receptivo con animaciones CSS.
  • basic-jquery-slider  : fácil de usar, fácil de personalizar.
  • jQuery.adaptive-slider  : un complemento de jQuery para un control deslizante con figcaption y navegación de colores adaptables.
  • slider  : agregue algunos efectos de diapositivas.
  • Flickity  : galerías táctiles, receptivas y móviles.
  • Glide.js  : control deslizante jQuery sensible y táctil. Es simple, ligero y rápido.
  • Embla Carousel  : un carrusel extensible de bajo nivel para la web, escrito en TypeScript.

Controles deslizantes de rango

  • Ion.RangeSlider  : control deslizante de rango potente y fácilmente personalizable con muchas opciones y compatibilidad con máscaras.
  • jQRangeSlider  : un selector deslizante de JavaScript que admite fechas.
  • noUiSlider  : un control deslizante de rango liviano y altamente personalizable sin inflar.
  • rangeslider.js  : elemento de control deslizante de rango de entrada HTML5 polyfill.

Widgets de formulario

Input

  • typeahead.js  : una biblioteca de autocompletado rápida y con todas las funciones.
  • tag-it  : un complemento de jQuery UI para manejar campos de etiquetas múltiples, así como sugerencias de etiquetas/completado automático.
  • At.js  : agregue GitHub como menciones autocompletadas a su aplicación.
  • Placeholders.js  : un polyfill de JavaScript para el atributo de marcador de posición de HTML5.
  • fancyInput  : hace que escribir en campos de entrada sea divertido con efectos CSS3.
  • jQuery-Tags-Input  : convierte mágicamente una entrada de texto simple en una lista de etiquetas genial con este complemento de jQuery.
  • vanilla-masker  : una entrada de máscara JavaScript pura.
  • Ion.CheckRadio  : complemento de jQuery para diseñar casillas de verificación y botones de opción. Con soporte para la piel.
  • awesomplete  : autocompletado ultraligero, usable y hermoso con cero dependencias. –  http://leaverou.github.io/awesomplete

Calendario

  • pickadate.js  : el selector de entrada de fecha y hora jQuery apto para dispositivos móviles, con capacidad de respuesta y ligero.
  • bootstrap-datepicker  : un selector de fechas para @twitter bootstrap bifurcado de Stefan Petre (de eyecon.ro), mejorado por @eternicode.
  • Pikaday  : un selector de fecha de JavaScript refrescante: ligero, sin dependencias, CSS modular.
  • fullcalendar  : calendario de eventos de arrastrar y soltar de tamaño completo (complemento jQuery).
  • Roma  : un selector de fecha (y hora) personalizable. Interfaz de usuario opcional y libre de dependencias.
  • Selector  de rango de fechas: crea un menú desplegable desde el cual un usuario puede seleccionar un rango de fechas.
  • Duet Date Picker  : versión de código abierto del selector de fechas accesible de Duet Design System, reclamo de accesibilidad WCAG 2.1
  • tui.calendar  : un calendario de programación de JavaScript con todas las funciones. Ahora su servicio acaba de recibir el calendario personalizable.

Seleccione

  • selectize.js  : Selectize es el híbrido de un cuadro de texto y un  <select> cuadro. Está basado en jQuery y tiene autocompletado y navegación con teclado de sensación nativa; útil para el etiquetado, listas de contactos, etc.
  • select2  : un reemplazo basado en jQuery para los cuadros de selección. Admite búsquedas, conjuntos de datos remotos y desplazamiento infinito de resultados.
  • chosen  : una biblioteca para hacer que los cuadros de selección largos y difíciles de manejar sean más amigables.

Subida de Archivos

  • jQuery-File-Upload  : widget de carga de archivos con selección de múltiples archivos, soporte para arrastrar y soltar, barra de progreso, validación y vista previa de imágenes, audio y video para jQuery.
  • dropzone  : Dropzone es una biblioteca de arrastrar y soltar fácil de usar. Admite vistas previas de imágenes y muestra bonitas barras de progreso.
  • flow.js  : una biblioteca de JavaScript que proporciona múltiples cargas de archivos simultáneas, estables, tolerantes a fallas y reanudables/reiniciables a través de la API de archivos HTML5.
  • fine-uploader  : complemento de carga de archivos múltiples con barra de progreso, arrastrar y soltar, carga directa a S3.
  • FileAPI  : un conjunto de herramientas de JavaScript para trabajar con archivos. Carga múltiple, arrastrar y soltar y carga de archivos fragmentados. Imágenes: recorte, cambio de tamaño y orientación automática por EXIF.
  • plupload  : una API de JavaScript para manejar la carga de archivos que admite funciones como la selección de archivos múltiples, el filtrado de tipos de archivos, la fragmentación de solicitudes, el escalado de imágenes del lado del cliente y utiliza diferentes tiempos de ejecución para lograr esto, como HTML 5, Silverlight y Flash.
  • filepond  : una biblioteca de JavaScript que puede cargar cualquier cosa que le arroje, optimiza las imágenes para cargas más rápidas y ofrece una experiencia de usuario excelente, accesible y suave como la seda.

Otro

  • form  : complemento de formulario jQuery.
  • Garlic.js  : persista automáticamente el texto de sus formularios y seleccione los valores de los campos localmente, hasta que se envíe el formulario.
  • Countable  : una función de JavaScript para agregar conteo de párrafos, palabras y caracteres en vivo a un elemento HTML.
  • card  : mejore el formulario de su tarjeta de crédito en una línea de código.
  • stretchy  : ajuste automático del tamaño del elemento de formulario, como debería ser.
  • analytics   : una biblioteca de análisis ampliable y liviana diseñada para trabajar con cualquier proveedor de análisis de terceros para realizar un seguimiento de las visitas a la página, eventos personalizados e identificar a los usuarios.
  • dat.GUI  : un controlador de interfaz gráfica de usuario ligero para cambiar variables en JavaScript .

Consejos

  • tipsy  : complemento de información sobre herramientas al estilo de Facebook para jQuery.
  • opentip  : una información sobre herramientas de JavaScript de código abierto basada en el marco prototipo.
  • qTip2  : información sobre herramientas bastante potente.
  • tooltipster  : un complemento de información sobre herramientas de jQuery.
  • simptip  : una simple información sobre herramientas de CSS hecha con Sass.
  • toolbar : un complemento jQuery de barra de herramientas de estilo de información sobre herramientas
  • hint.css  : una biblioteca de información sobre herramientas en CSS para sus encantadores sitios web.

Modales y ventanas emergentes

  • Magnific-Popup  : secuencia de comandos de caja de luz ligera y receptiva centrada en el rendimiento.
  • jquery-popbox  : elemento de interfaz de usuario jQuery PopBox.
  • jquery.avgrund.js  : un complemento jQuery con un nuevo concepto modal para ventanas emergentes.
  • vex  : una biblioteca de diálogo moderna que es altamente configurable y fácil de diseñar.
  • bootstrap-modal  : amplía la clase Bootstrap Modal predeterminada. Responsivo, apilable, ajax y más.
  • css-modal  : un modal construido a partir de CSS puro.
  • jquery-popup-overlay  : complemento de jQuery para ventanas modales receptivas y accesibles e información sobre herramientas.
  • SweetAlert  : un reemplazo increíble para la alerta de JavaScript.
  • SweetAlert2  : un excelente reemplazo para la alerta de JavaScript.
  • baguetteBox.js  : script de lightbox simple y fácil de usar escrito en JavaScript puro.
  • colorbox  : un complemento ligero y personalizable de lightbox para jQuery.
  • fancyBox  : una herramienta que ofrece una manera agradable y elegante de agregar funciones de zoom para imágenes, contenido html y multimedia en sus páginas web.
  • swipebox  : una caja de luz jQuery táctil
  • jBox  : jBox es un complemento de jQuery potente y flexible, que se ocupa de todas sus ventanas emergentes, información sobre herramientas, avisos y más.
  • lightGallery  : un complemento de galería de caja de luz personalizable, modular y receptivo para jQuery.
  • keukenhof  : biblioteca TypeScript liviana, sin dependencias y con accesibilidad para crear ventanas modales.
  • screenfull.js  : la API de pantalla completa de JavaScript, que le permite llevar la página o cualquier elemento a pantalla completa. Suaviza las diferencias de implementación del navegador para que usted no tenga que hacerlo.

Desplazarse

  • scrollMonitor  : una API simple y rápida para monitorear elementos a medida que se desplaza.
  • headroom  : dé a sus páginas algo de headroom. Oculte su encabezado hasta que lo necesite.
  • onepage-scroll  : cree un sitio web de desplazamiento de una página similar a Apple (sitio web de iPhone 5S) con el complemento One Page Scroll.
  • iscroll  : iScroll es un scroller de JavaScript multiplataforma de alto rendimiento, tamaño reducido y libre de dependencias.
  • skrollr  : biblioteca de desplazamiento de paralaje independiente para dispositivos móviles (Android + iOS) y escritorio. Sin jQuery.
  • parallax  : motor de paralaje que reacciona a la orientación de un dispositivo inteligente.
  • stellar.js  : desplazamiento de paralaje simplificado.
  • plax  : paralaje potenciado por jQuery.
  • jparallax  : complemento de jQuery para crear un efecto de paralaje interactivo.
  • fullPage  : un complemento simple y fácil de usar para crear sitios web de desplazamiento a pantalla completa (también conocidos como sitios web de una sola página).
  • ScrollMenu  : una nueva interfaz para reemplazar la vieja y aburrida barra de desplazamiento.
  • Clusterize.js  : pequeño complemento JS de vainilla para mostrar grandes conjuntos de datos fácilmente.
  • simpleParallax  : biblioteca de JavaScript simple y pequeña para agregar animaciones de paralaje en cualquier imagen
  • rellax  : biblioteca de paralaje javascript suave, súper liviana y suave como la mantequilla.
  • asscroll  : una configuración híbrida de desplazamiento suave que combina las ganancias de rendimiento del desplazamiento virtual con la confiabilidad del desplazamiento nativo.
  • stroll : una colección de efectos de desplazamiento de la lista CSS se une a dom a través de javascript.
  • locomotive-scroll   : detecta los elementos en la ventana gráfica y el desplazamiento suave con paralaje.
  • elevator.js  : finalmente, un botón de "volver arriba" que se comporta como un ascensor real.

Menú

  • jQuery-menu-aim  : complemento de jQuery para activar eventos cuando el cursor del usuario apunta a determinados elementos del menú desplegable. Por hacer mega menús desplegables receptivos como los de Amazon.
  • jQuery contextMenu  : administrador de contextMenu.
  • Slideout  : un menú de navegación deslizable sensible al tacto para aplicaciones web móviles.
  • Slide and swipe  : un menú deslizante que funciona con la biblioteca touchSwipe.
  • mmenu  : el mejor complemento de jQuery para menús dentro y fuera del lienzo similares a aplicaciones con submenús deslizantes para su sitio web y aplicación web.

Tabla/Cuadrícula

  • jTable  : un complemento de jQuery para crear tablas CRUD basadas en AJAX.
  • DataTables  : (complemento de jQuery) Es una herramienta muy flexible, basada en los cimientos de la mejora progresiva, y agregará controles de interacción avanzados a cualquier tabla HTML.
  • Tabulator : (complemento jQuery) Una biblioteca extremadamente flexible que crea tablas con una variedad de funciones interactivas desde cualquier fuente de datos JSON o tabla HTML existente.
  • Bootstrap Table  : una extensión del popular marco Bootstrap para crear tablas que se ajusten al estilo de su sitio sin necesidad de marcado adicional.
  • floatThead  : (complemento de jQuery) bloquea el encabezado de cualquier tabla mientras se desplaza por el cuerpo. Funciona en cualquier tabla y no requiere html o css personalizados.
  • Masonry  : una biblioteca de diseño de cuadrícula en cascada.
  • Packery  : una biblioteca de diseño de cuadrícula que utiliza un algoritmo de empaquetado en contenedores. Utilizable para diseños arrastrables.
  • Isotope  : una biblioteca de diseño de cuadrícula que se puede filtrar y clasificar. Puede implementar mampostería, empaquetado y otros diseños.
  • flexboxgrid  : cuadrícula basada en CSS3 flexbox.
  • Jspreadsheet  : Jspreadsheet es un complemento ligero de javascript de vainilla para crear increíbles tablas interactivas basadas en la web y hojas de cálculo compatibles con otro software de hoja de cálculo.

Frameworks

  • Semantic UI  : kit de interfaz de usuario con muchos temas y elementos.
  • w2ui  : un conjunto de complementos de jQuery para el desarrollo frontal de aplicaciones web basadas en datos.
  • fluidity   : el marco css totalmente receptivo más pequeño del mundo.
  • Ink  : un marco HTML5/CSS3 utilizado en SAPO para el diseño y creación de prototipos de sitios web rápidos y eficientes.
  • DataFormsJS  : un marco JavaScript mínimo y componentes independientes para el desarrollo rápido de sitios y SPA.
  • EHTML  : marco HTML que le permite no escribir código JavaScript.

Boilerplates

  • html5-boilerplate  : una plantilla de front-end profesional para crear aplicaciones o sitios web rápidos, robustos y adaptables.
  • mobile-boilerplate  : una plantilla de front-end que lo ayuda a crear aplicaciones web móviles modernas y rápidas.
  • webplate  : un impresionante marco frontal que le permite concentrarse en la creación de su sitio o aplicación sin dejar de ser realmente fácil de usar.
  • Cerberus  : algunos patrones simples pero sólidos para correos electrónicos HTML receptivos. Incluso en Outlook.
  • full-page-intro-and-navigation: una página de introducción con una imagen de fondo de ancho completo, un menú animado en negrita y un efecto borroso similar al de iOS detrás de la navegación.
  • Fluid-Squares  : una cuadrícula fluida de unidades cuadradas.
  • Mobile-First-RWD  : un ejemplo de un diseño web receptivo móvil primero.
  • this-is-responsive  – Esto es receptivo.
  • npm run-scripts  Automatización de tareas con NPM run-scripts.

Imágenes

  • Drift   : agregue fácilmente la funcionalidad de "zoom al pasar el mouse" a las imágenes de su sitio. JavaScript ligero y sin dependencia.
  • Magnificent.js  : haga zoom de manera receptiva, imágenes y más, con jQuery.
  • Panolens.js  : Panolens.js es un visor panorámico basado en WebGL y basado en eventos. Ligero y flexible

Gesto

  • hammer.js  : una biblioteca de JavaScript para gestos multitáctiles.
  • touchemulator  : emula la entrada táctil en tu escritorio.
  • Dragula  : arrastra y suelta tan simple que duele.

Mapas

  • Leaflet  : biblioteca de JavaScript para mapas interactivos compatibles con dispositivos móviles.
  • Cesium  : motor de mapa y globo virtual WebGL de código abierto.
  • gmaps  : la forma más fácil de usar Google Maps.
  • polymaps  : una biblioteca de JavaScript gratuita para crear mapas dinámicos e interactivos en los navegadores web modernos.
  • kartograph.js  : renderizador JavaScript de código abierto para mapas SVG de Kartograph.
  • mapbox.js  : API de JavaScript de Mapbox, un complemento de folleto.
  • jqvmap  : biblioteca de mapas vectoriales de jQuery.
  • OpenLayers3  : una biblioteca repleta de funciones y de alto rendimiento para todas sus necesidades de creación de mapas.
  • H3js  : sistema de indexación geoespacial jerárquico hexagonal adaptado a javascript por Uber para la visualización geoespacial.

Audio/Video

  • prettyembed.js  : incrustaciones más bonitas para sus videos de YouTube, con buenas opciones como imágenes de vista previa de alta resolución, personalización avanzada de opciones de incrustación y compatibilidad opcional con FitVids.
  • html5media  – Habilita
  • Play-em JS  : Play'em es un componente de JavaScript que administra una cola de pistas de música/video y reproduce una secuencia de canciones mediante la incorporación de varios reproductores en un DIV HTML, incluidos Youtube, Soundcloud y Vimeo.
  • polyplayer  : domina los reproductores de YouTube, Soundcloud y Vimeo con una sola API.
  • flowplayer  : el reproductor de video HTML5 para la web  https://flowplayer.org/
  • elemento multimedia  – HTML5 o
  • SoundJS  : una biblioteca para facilitar el trabajo con audio en la web. Proporciona una API consistente para reproducir audio en diferentes navegadores.
  • video.js  – Video.js – HTML5 de código abierto y reproductor de video Flash.
  • FitVids.js  : un complemento jQuery liviano y fácil de usar para incrustaciones de video de ancho fluido.
  • Ion.Sound  – Sonidos simples en cualquier página web.
  • photobooth-js  : un widget que permite a los usuarios tomar fotografías de su avatar en su sitio.
  • clappr  : un reproductor multimedia extensible para la web  http://clappr.io
  • Exifr  : la biblioteca de lectura EXIF ​​más rápida y versátil. https://mutiny.cz/exifr/
  • ts-audio  : una biblioteca agnóstica y fácil de usar para trabajar con la  AudioContext API.
  • AmplitudeJS  : biblioteca de audio web HTML5 de código abierto. Diseña tu reproductor de audio web, como quieras. No se requieren dependencias.
  • ractive-player  : una biblioteca para hacer videos interactivos en React.js.
  • ffmpeg.js  : FFmpeg optimizado para uso en el navegador: tamaño mínimo para una carga más rápida, asm.js, ajustes de rendimiento, etc.
  • flv.js  : un reproductor de video Flash HTML5 (FLV) escrito en JavaScript puro sin Flash.
  • hls.js  : una biblioteca de JavaScript que implementa un cliente HTTP Live Streaming. Se basa en video HTML5 y extensiones de MediaSource para la reproducción.

Tipografía

  • FlowType.JS  : tipografía web en su máxima expresión: tamaño de fuente y altura de línea según el ancho del elemento.
  • BigText  : complemento de jQuery, calcula el tamaño de fuente y el espacio entre palabras necesario para hacer coincidir una línea de texto con un ancho específico.
  • circletype  : un complemento de jQuery que le permite escribir curvas en la web.
  • slabText  : un complemento de jQuery para producir titulares grandes, en negrita y receptivos.
  • simple-text-rotator  : agregue un texto giratorio súper simple a su sitio web con poco o ningún marcado.
  • novacancy.js  : complemento de jQuery con efecto dorado de neón de texto.
  • jquery-responsive-text  : ¡haga que el tamaño de su texto sea receptivo!
  • FitText.js  : un complemento jQuery para inflar el tipo web.
  • Lettering.js  : un inyector de JavaScript ligero y fácil de usar  <span> para tipografía web radical.

Animaciones

  • velocity  – Animación JavaScript acelerada.
  • jquery.transit  : transformaciones y transiciones CSS3 supersuaves para jQuery.
  • bounce.js  : crea deliciosas animaciones basadas en CSS3 en muy poco tiempo.
  • GreenSock-JS  : animaciones HTML5 de alto rendimiento que funcionan en todos los principales navegadores.
  • TransitionEnd  : TransitionEnd es una biblioteca agnóstica y multinavegador para trabajar con eventos en transición.
  • Dynamic.js  : biblioteca de JavaScript para crear animaciones CSS basadas en la física.
  • the-cube  : The Cube es un experimento con transiciones CSS3.
  • Effeckt.css  : una biblioteca de transiciones y animaciones performantes.
  • animate.css  : una biblioteca multinavegador de animaciones CSS. Tan fácil de usar como algo fácil.
  • textillate  : un complemento simple para animaciones de texto CSS3.
  • move.js  : marco de animación de JavaScript respaldado por CSS3.
  • animable  – Una propiedad, dos valores, infinitas posibilidades.
  • shuffle-images  : la forma más sencilla de mezclar imágenes de forma creativa.
  • smoothState.js  : transiciones de página discretas con jQuery.
  • Anime.js  : un motor de animación de JavaScript.
  • Mo.js  : cinturón de herramientas de gráficos en movimiento para la web.
  • partículas.js  : una biblioteca ligera de JavaScript para crear partículas.
  • tsParticles  : una versión nueva y mejorada de partículas.js con correcciones de errores y muchas funciones nuevas.
  • particles-bg   : un componente de fondo de animación de partículas de React ligero.
  • barbajs  : lo ayuda a crear transiciones fluidas y suaves entre las páginas de su sitio web.
  • tipicaljs  : escritura animada en ~ 400 bytes de JavaScript

Procesamiento de imágenes

  • lena.js  : una biblioteca para el procesamiento de imágenes con filtros y funciones útiles.
  • pica  : cambio de tamaño de imagen de alta calidad (con filtro Lanczos rápido, implementado en JS puro).
  • cropper  : un complemento simple de recorte de imágenes de jQuery.

ES6

  • es6features  : descripción general de las funciones de ECMAScript 6.
  • es6-features  – ECMAScript 6: descripción general y comparación de funciones.
  • es6-cheatsheet  – ES2015 [ES6] hoja de trucos que contiene consejos, trucos, mejores prácticas y fragmentos de código.
  • Tabla de compatibilidad de ECMAScript 6  : tablas de compatibilidad para todas las características de ECMAScript 6 en una variedad de entornos.
  • Babel (anteriormente 6to5)  : convierte el código ES6+ en ES5 estándar sin tiempo de ejecución.
  • Compilador Traceur  : características de ES6 > ES5. Incluye clases, generadores, promesas, patrones de desestructuración, parámetros predeterminados y más.

Generadores

  • Gatsby.js  : generador de sitios estáticos basado en React.
  • Gridsome  : generador de sitios estáticos con tecnología Vue.
  • Docusaurus  : generador de sitios estáticos basado en React de Facebook, ideal para sitios web centrados en el contenido.

SDK

Búsqueda de texto completo

  • lunr  : biblioteca para usar en el navegador e indexa documentos JSON y proporciona una interfaz de búsqueda simple para recuperar documentos que coincidan mejor con consultas de texto.
  • flexsearch  : es una biblioteca de búsqueda de texto completo de próxima generación para Browser y Node.js.
  • Elasticlunr  : esta biblioteca se basa en lunr.js, pero es más flexible y personalizada.

Varios

  • echo  : imágenes de carga diferida con atributos data-*.
  • picturefill  : un polyfill de imagen sensible para <imagen>, srcset, tamaños.
  • platform.js  : una biblioteca de detección de plataforma que funciona en casi todas las plataformas de JavaScript.
  • json3  : una implementación moderna de JSON compatible con casi todas las plataformas de JavaScript.
  • Logical Or Not   : un juego sobre las especificidades de JavaScript.
  • BitSet.js  : una implementación de vector de bits de JavaScript.
  • spoiler-alert  – ¡ALERTA DE SPOILER! Un pequeño complemento feliz de jquery para ocultar spoilers en su sitio.
  • jquery.vibrate.js  – Envolturas API de vibración
  • list.js  : agrega búsqueda, clasificación, filtros y flexibilidad a tablas, listas y varios elementos HTML. Construido para ser invisible y trabajar en HTML existente. http://www.listjs.com
  • mixitup  - MixItUp - Un complemento de filtro y clasificación.
  • grid  : biblioteca de arrastrar y soltar para listas bidimensionales, redimensionables y receptivas.
  • jquery-match-height  : un complemento receptivo de alturas iguales para jQuery.
  • SurveyJS  : SurveyJS es una biblioteca de formularios y encuestas de JavaScript. https://surveyjs.io/
  • Array Explorer  y  Object Explorer  : recursos para ayudar a determinar qué método de JavaScript nativo sería el mejor para usar en un momento dado.
  • Clipboard.js  – “Copiar al portapapeles” sin Flash ni uso de Frameworks.
  • ky  : cliente HTTP pequeño y elegante basado en la API Fetch del navegador.
  • Fcal  – Evaluador de expresiones matemáticas.
  • emoji-button  : componente selector de emoji de JavaScript Vanilla.
  • iooxa  – Componentes para escritura científica interactiva, documentos reactivos y explicaciones explorables.
  • Idilio  : cree explicaciones explorables y ensayos narrativos interactivos. Se puede  incrustar en HTML .
  • javascript-algorithms  : algoritmos y estructuras de datos implementados en JavaScript con explicaciones y enlaces a lecturas adicionales.
  • FingerprintJS  : crea un identificador de visitante a partir de una huella digital del navegador que permanece igual en modo de incógnito y cuando se eliminan los datos del navegador.
  • Peg.js  : un generador de analizador simple para JavaScript que produce analizadores rápidos con excelente informe de errores. Se puede utilizar desde su navegador, desde la línea de comandos o mediante la API de JavaScript.
  • lune  – Biblioteca para calcular con precisión las fases de la luna.
  • jsemu  : una lista de emuladores escritos en el lenguaje de programación JavaScript.

podcasts

  • JavaScript Air  : el podcast de transmisión de video en vivo sobre JavaScript y la plataforma web.
  • Web of Tomorrow  : podcast sobre JavaScript para principiantes.
  • JavaScript Jabber  : un podcast semanal sobre JavaScript, que incluye Node.js, Front-End Technologies, Careers, Teams y más.

Vale la pena leer

  • You Don't Know JS  : posiblemente el mejor libro escrito en JavaScript moderno, completamente legible en línea de forma gratuita, o se puede comprar para apoyar al autor.
  • braziljs/js-the-right-way  : una referencia rápida y fácil de leer para las mejores prácticas de JS, los estándares de codificación aceptados y los enlaces en la Web.
  • JSbooks  : directorio de libros electrónicos JavaScript gratuitos.
  • Superhero.js  : una colección de recursos sobre cómo crear, probar y mantener una gran base de código JavaScript.
  • SJSJ  : la jerga de JavaScript simplificada es un intento impulsado por la comunidad de explicar la gran cantidad de palabras de moda que componen el ecosistema de JavaScript actual en unas pocas palabras simples.
  • Cómo escribir una biblioteca de JavaScript de código abierto  : una guía completa a través de un conjunto de pasos para publicar una biblioteca de código abierto de JavaScript.
  • Tutoriales de JavaScript  : aprenda Javascript en línea a partir de una amplia gama de tutoriales en línea clasificados por usuarios.
  • JavaScript funcional y ligero  : FP pragmático y equilibrado en JavaScript.
  • Clean Code JavaScript  : conceptos de Clean Code adaptados para JavaScript.
  • Libro de cocina para Service Worker  : una colección de ejemplos prácticos y funcionales del uso de Service Workers en sitios web modernos.

Otras listas impresionantes

Compartir:

0 comentarios

Deja una respuesta

Marcador de posición del avatar

Tu dirección de correo electrónico no será publicada.

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.