Skip to content

Widgets de Formulario

Entrada de Datos

Bibliotecas para crear widgets de entrada

  • typeahead.js - Biblioteca de autocompletado rápida y completa.
  • tag-it - Plugin jQuery UI para manejar campos de múltiples etiquetas y sugerencias/autocompletado.
  • At.js - Agrega autocompletado de menciones similar a GitHub a tu aplicación.
  • Placeholders.js - Polyfill JavaScript para el atributo HTML5 placeholder.
  • fancyInput - Hace que la escritura en campos de entrada sea más atractiva con efectos CSS3.
  • jQuery-Tags-Input - Convierte mágicamente un campo de texto simple en una lista de etiquetas con este plugin jQuery.
  • vanilla-masker - Máscara de entrada en JavaScript puro.
  • Ion.CheckRadio - Plugin jQuery para estilizar casillas de verificación y botones de radio con soporte para temas visuales.
  • awesomplete - Autocompletado ultraligero, usable y hermoso sin dependencias.
  • cleave.js - Formatea el contenido del texto de entrada mientras escribes.
  • vanilla-text-mask - Máscara de entrada para React, Angular, Ember, Vue y JavaScript plano.
  • input-mask - Inputmask: biblioteca JavaScript que crea máscaras de entrada.
  • searchbox - Búsqueda visual instantánea.

Calendario

Widgets para entrada de fechas/horas

  • pickadate.js - Selector de fecha y hora jQuery móvil-compatible, responsivo y ligero.
  • bootstrap-datepicker - Datepicker para Twitter Bootstrap (@twbs fork).
  • Pikaday - Datepicker JavaScript renovador: ligero, sin dependencias, CSS modular.
  • fullcalendar - Calendario de eventos de tamaño completo con arrastrar y soltar.
  • rome - Selector de fecha (y hora) personalizable. Sin dependencias, interfaz opcional.
  • Date Range Picker - Componente JavaScript para seleccionar rangos de fechas y horas.
  • Duet Date Picker - Datepicker accesible del sistema de diseño Duet (versión open source).
  • tui.calendar - Calendario JavaScript con todo lo que necesitas.
  • vanilla-calendar - Componente versátil de selector de fecha/hora con soporte TypeScript, compatible con cualquier framework/biblioteca JavaScript. Incluye soporte para múltiples idiomas, temas, modo oscuro y funciones adicionales.

Selector

  • selectize.js - Híbrido entre caja de texto y <select>. Basado en jQuery, con navegación por teclado y autocompletado. Útil para etiquetas y listas de contactos.
  • select2 - Reemplazo jQuery para cajas de selección. Soporta búsqueda, conjuntos de datos remotos y scroll infinito.
  • chosen - Facilita el manejo de cajas de selección largas y complejas.

Subida de Archivos

  • jQuery-File-Upload - Widget de subida con selección múltiple, arrastrar y soltar, barra de progreso, validación y vistas previas para imágenes/audio/video (jQuery).
  • dropzone - Biblioteca fácil de usar para arrastrar y soltar. Soporta vistas previas de imágenes y barras de progreso.
  • flow.js - Subida múltiple estable, tolerante a fallos y reanudable mediante HTML5 File API.
  • fine-uploader - Subida múltiple con barra de progreso, arrastrar y soltar, y carga directa a S3.
  • FileAPI - Herramientas JavaScript para trabajar con archivos: subida múltiple, arrastrar y soltar, subida en fragmentos. Procesamiento de imágenes: recorte, redimensionado y orientación automática por EXIF.
  • plupload - API JavaScript para subida de archivos con soporte para múltiples formatos de archivo, escalado de imágenes y uso de HTML5/Silverlight/Flash.
  • filepond - Biblioteca flexible y divertida para subida de archivos.
  • uppy - El próximo subidor de archivos open source para navegadores web.

Otros

  • form - Plugin jQuery para formularios.
  • Garlic.js - Persiste automáticamente los valores de campos de texto y select localmente hasta el envío del formulario.
  • Countable - Función JavaScript para contar párrafos, palabras y caracteres en tiempo real en elementos HTML.
  • card - Mejora tu formulario de tarjeta de crédito con una línea de código.
  • stretchy - Ajuste automático del tamaño de elementos de formulario, como debe ser.
  • analytics - Biblioteca analítica ligera y extensible para rastrear vistas, eventos personalizados e identificación de usuarios.
  • dat.GUI - Controlador ligero de interfaz gráfica para modificar variables en JavaScript.