Librerías de código abierto para aplicaciones React

Listas de datos y carga de archivos, resueltas una sola vez.

Dos kits en TypeScript para las partes de un producto que cada equipo vuelve a construir: una vista de lista configurable con búsqueda, filtros, paginación y exportación, y un contrato de carga de archivos que el navegador y el servidor validan en conjunto.

Instala con tu gestor de paquetes

listkit

npm install listkit

uploaderkit

npm install uploaderkit

Los kits

Cada paquete se publica en npm bajo licencia MIT, incluye su propia capa de Tailwind v4 y está documentado en inglés y en español.

listkit

v5.0.1 · Licencia MIT

Vistas de lista estandarizadas y responsivas para React.

Tabla / tarjetas, búsqueda, filtros avanzados, paginación, ordenamiento, SSR y theming — listo para usar.

uploaderkit

v2.0.0 · Licencia MIT

Subida de archivos para React y Node, desde un solo contrato.

Scopes que ambos lados validan, un uploader headless con progreso / abort / compresión, y un servicio de almacenamiento en servidor con providers intercambiables.

Lo que tienen en común

Una definición, ambos lados

Una lista es un único objeto de configuración; un scope de carga es una única declaración. El cliente y el servidor leen la misma fuente, así que nada se desalinea seis meses después.

Con estilos por defecto, headless cuando lo necesitas

Usa los componentes incluidos con un tema de Tailwind v4, o baja a los hooks y primitivas y aporta tu propio sistema de diseño.

Pensados para el App Router

El renderizado en servidor, los route handlers y los adaptadores para Next.js son de primera clase, no un añadido. Express está soportado donde interviene un servidor.

Cada texto es reemplazable

Ambos kits incluyen conjuntos de etiquetas en inglés y español y aceptan sobrescribir cualquier texto visible para el usuario.

Cómo funciona este sitio

  1. 01

    El README es la fuente de verdad

    Cada página de documentación se genera en tiempo de compilación a partir del README publicado del paquete, en ambos idiomas. npm, GitHub y este sitio no pueden contradecirse.

  2. 02

    Los playgrounds ejecutan el paquete publicado

    Cada demo importa la versión exacta disponible en npm, igual que lo haría tu aplicación. Lo que ves es lo que instalas.

  3. 03

    Las versiones provienen de GitHub

    Cada versión, con sus notas, directamente de los releases del repositorio. Nada se transcribe a mano.

Preguntas frecuentes

Las preguntas que surgen con más frecuencia sobre estos paquetes.