Carga y vista previa de CSV
Selector por arrastre, validación y vista previa de filas para React.
Descargar gratisFormularios y campos para React
Campos de texto, interruptores, casillas, deslizadores, códigos OTP, contraseñas con requisitos y carga de archivos. Cada pieza trae su estilo propio y se puede controlar desde fuera con props y eventos.
Los campos usan etiquetas, atributos aria y navegación con teclado donde corresponde, que es donde más fallan los formularios hechos a prisa.
Para qué sirven
- Registro, inicio de sesión y verificación en dos pasos
- Filtros y controles de configuración
- Cargas de archivos con vista previa antes de enviar
25 componentes de formularios
Campo de línea con etiqueta flotante
Solo una línea: la etiqueta sube al escribir y una barra se abre desde el centro.
Descargar gratisCampo neumórfico
Canal hundido en la superficie, con icono y botón para mostrar la contraseña.
Descargar gratisInterruptor y casilla animados
Interruptor con rebote elástico y casilla cuya marca se dibuja.
Descargar gratisCampo de código OTP
Una casilla por dígito con avance automático, borrado y pegado del código.
Descargar gratisZona para soltar archivos
Arrastra o elige archivos, valida tipo y tamaño y quita de la lista.
Descargar gratisControl segmentado
Opciones en una barra con una pastilla que se desliza con rebote.
Descargar gratisCampo de búsqueda con limpieza
Búsqueda con etiqueta visible, botón para limpiar y envío por Enter o botón; expone onSearch para conectarla a datos.
Descargar gratisSelector de etiquetas
Selección múltiple en chips con estados pulsados, contador y callback; todas las opciones funcionan con teclado.
Descargar gratisContraseña con requisitos
Campo con mostrar/ocultar y lista de requisitos verificables; la barra refleja cumplimiento, sin prometer seguridad estimada.
Descargar gratisControl de cantidad
Stepper numérico con entrada directa, límites mínimo y máximo y botones que se desactivan al llegar al límite.
Descargar gratisInterruptor skeuomórfico de palanca
Palanca metálica en ranura hundida con luz piloto que se enciende y rotulado grabado en la placa.
Descargar gratisInterruptor claymorfismo
Pastilla de plastilina con bola que se estira al presionar y cambia a verde menta al activarse.
Descargar gratisInterruptor liquid glass
Interruptor al estilo iOS 26: pastilla de vidrio que se ensancha mientras se mantiene presionada.
Descargar gratisCampo de texto Material Design 3
Campos filled y outlined con etiqueta flotante, texto de ayuda, contador y estado de error, según la guía de Material 3.
Descargar gratisCampo de vidrio esmerilado
Campo translúcido con desenfoque del fondo, borde de luz e icono; sube su brillo al enfocar. Glassmorfismo.
Descargar gratisDeslizador neumorfismo
Canal hundido con relleno azul y perilla en relieve que se hunde al arrastrar; input range nativo.
Descargar gratisDeslizador de rango de dos tiradores
Rango mínimo-máximo con dos tiradores nativos superpuestos; los tiradores no se cruzan y se manejan con teclado.
Descargar gratisSelector de opciones en tarjetas
Radio group presentado como tarjetas de papel con sello al elegir; flechas del teclado mueven la selección.
Descargar gratisCasillas con check dibujado
Casillas cuyo trazo se dibuja al marcar y tachan el texto; variantes de trazo, relleno y círculo sobre un input nativo.
Descargar gratisSelector de fecha claymorfismo
Calendario con navegación por mes y teclado completo (flechas, Inicio, Fin, RePág, AvPág), fechas con formato local.
Descargar gratisSelector de color
Muestras con flechas, tono continuo y campo hexadecimal validado; en el estilo limpio de una herramienta de diseño.
Descargar gratisÁrea de texto con anillo contador
Textarea que crece con el contenido y muestra caracteres restantes con un anillo que pasa a ámbar y a rojo.
Descargar gratisSelect neobrutalista
Listbox accesible con apertura por teclado, salto por letra, Inicio y Fin; sombra dura y bordes gruesos.
Descargar gratisFormulario de tarjeta con vista previa
Tarjeta skeuomórfica con chip y relieve que se llena en vivo y gira al capturar el CVC; formato automático de número y fecha.
Descargar gratis