ThreeUI, la librería de componentes 3D para React, supera las 5.000 estrellas
La edición comunitaria de ThreeUI, de MengTo, ofrece componentes interactivos para escenas WebGL y suma ya más de 5.300 estrellas en GitHub.
MengTo, el autor detrás de Designcode, ha publicado la versión comunitaria de ThreeUI, una librería de componentes de interfaz pensada para entornos 3D construidos con React y Three.js. El repositorio en GitHub se creó hace 17 días y ya acumula 5.321 estrellas, lo que supone una media de 307 estrellas diarias.
ThreeUI Community es una edición open source, sin necesidad de inicio de sesión, que incluye el mismo shell de aplicación, layout, navegación, grid de búsqueda, temas, comportamiento responsive, páginas de componentes, renderizadores en vivo, controles, selector de variantes y pestañas de código que la versión principal. La diferencia con el producto completo es que se eliminan los componentes Pro y Beta; todos los componentes Community conservan sus variantes y controles gratuitos.
El catálogo público contiene 50 componentes parent, 111 rutas y 141 registros de variantes libres, más 23 componentes singleton, totalizando 164 resultados de búsqueda. Todo el código fuente de implementación y los assets necesarios están disponibles en el repositorio. Los componentes están escritos principalmente para HTML, pero el proyecto se apoya en React, shaders, Three.js y WebGL para crear interfaces tridimensionales interactivas.
La forma de usarlo es sencilla. Se instala el paquete npm @designcodeio/threeui y se importan los componentes directamente. Para los que necesiten integrar componentes que renderizan documentos HTML completos, se deben copiar los archivos de runtime desde node_modules/@designcodeio/threeui/lib-dist/assets/ al directorio público de la aplicación, o sobreescribir las props sourceUrl o assetBaseUrl. El código fuente de ThreeUI Pro no se publica en npm; solo los miembros activos acceden a él mediante una CLI con autenticación OAuth y sesión refrescable.
El proyecto se financia mediante patrocinios, como se detalla en el propio README: hay planes desde 500 dólares al mes para un banner en el repositorio y hasta 3.000 dólares para integraciones personalizadas. El tráfico de la web se estima en unas 90.000 visitas diarias, aunque los autores advierten de que no garantizan resultados.
Lo más relevante para el desarrollador es que hay pocas opciones cuando se necesitan componentes de interfaz dentro de una escena 3D. ThreeUI llega a cubrir ese hueco con una colección unificada y funciona como una pieza más del ecosistema de React. La adopción meteórica en menos de tres semanas indica que hay apetito por este tipo de librerías, aunque queda por ver si el ritmo se mantiene y si el modelo de patrocinio es sostenible.
