Monorepositorio de Microsoft con componentes React, Web Components y utilidades para crear aplicaciones web con el sistema de diseño Fluent UI.
palantir/blueprint
Kit de herramientas de interfaz de usuario basado en React para crear interfaces web complejas y con muchos datos, como aplicaciones de escritorio.
- Estrellas
- 22,157
- Forks
- 2,371
- Issues abiertos
- 966
- Último commit
- hace 4 días
¿Qué es?
Blueprint es un kit de componentes de React para la web, pensado para interfaces complejas y con muchos datos, como las de aplicaciones de escritorio que se ejecutan en navegadores modernos. No es un kit pensado primero para móviles.
El repositorio es un monorepo que se publica como varios paquetes npm. El paquete principal ofrece estilos y componentes, y cuenta con paquetes complementarios para campos de fecha y hora, iconos (disponibles como SVG y como fuente de iconos), selección de elementos de listas y un componente de tabla interactiva y escalable, similar a una hoja de cálculo. Un paquete de colores expone las variables de color del sistema de diseño.
El proyecto también incluye documentación y aplicaciones de demostración, además de herramientas de compilación compartidas, como plugins de ESLint y stylelint que hacen cumplir las convenciones de uso de Blueprint, y scripts de compilación para Sass y Webpack.
Funciones clave
- 01Estilos y componentes de React principales para crear interfaces web
- 02Componente de tabla interactiva y escalable, similar a una hoja de cálculo
- 03Componentes para introducir fechas y horas en un paquete independiente
- 04Iconos disponibles como SVG y como fuente de iconos
- 05Plugins de lint que hacen cumplir las buenas prácticas de uso de Blueprint
Casos de uso
- Crear herramientas internas o paneles con muchos datos en el navegador
- Desarrollar aplicaciones web con aspecto de escritorio y formularios y tablas densos
- Añadir a una aplicación de React un sistema de diseño coherente con temas claros y oscuros
Inicio rápido
- 1
Usa la versión de Node indicada en .nvmrc
nvm use - 2
Activa pnpm mediante corepack
corepack enable - 3
Instala todas las dependencias del monorepo
pnpm install - 4
Inicia la aplicación de demostración para verificar la configuración
pnpm dev:demo
Antes de usarlo
- Está diseñado para aplicaciones de escritorio; no es un kit de herramientas pensado principalmente para móviles.
- Para el desarrollo se requieren Node.js v24.11+ y pnpm v10.x, y la configuración en Windows necesita herramientas de compilación adicionales.
En colecciones
Temas
Preguntas frecuentes
- ¿Qué es blueprint?
- Kit de herramientas de interfaz de usuario basado en React para crear interfaces web complejas y con muchos datos, como aplicaciones de escritorio. Blueprint es un kit de componentes de React para la web, pensado para interfaces complejas y con muchos datos, como las de aplicaciones de escritorio que se ejecutan en navegadores modernos. No es un kit pensado primero para móviles.
- ¿blueprint es gratuito? ¿Qué licencia tiene?
- blueprint es open source bajo la licencia Apache-2.0. Revisa los términos de la licencia antes de usarlo en productos comerciales.
- ¿blueprint sigue mantenido?
- Mantenimiento activo. El último commit de blueprint fue el 21 oct 2026.
- ¿Para qué puedo usar blueprint?
- Crear herramientas internas o paneles con muchos datos en el navegador Desarrollar aplicaciones web con aspecto de escritorio y formularios y tablas densos Añadir a una aplicación de React un sistema de diseño coherente con temas claros y oscuros
- ¿Cómo se instala blueprint?
- Usa la versión de Node indicada en .nvmrc: nvm use Activa pnpm mediante corepack: corepack enable Instala todas las dependencias del monorepo: pnpm install Inicia la aplicación de demostración para verificar la configuración: pnpm dev:demo
- ¿Dónde consigo blueprint?
- El código fuente y las instrucciones de instalación están en GitHub: https://github.com/palantir/blueprint
Resumen generado por IA a partir del README del proyecto. Las estadísticas de GitHub se actualizan a diario.
Proyectos relacionados
Biblioteca de componentes React sin estilos, con primitivas de UI accesibles para crear sistemas de diseño personalizados.
Una biblioteca gratuita y de código abierto que añade componentes de UI listos para usar como nombres de clases sobre Tailwind CSS.
Colección gratuita y de código abierto de componentes de interfaz para Tailwind CSS que puedes copiar y pegar en tus proyectos, sin instalar ningún paquete.
Biblioteca de componentes de UI para React y lenguaje de diseño de nivel empresarial para crear aplicaciones web.
Biblioteca de componentes de UI para React basada en React Aria y Tailwind CSS v4, antes conocida como NextUI.