Repolode
Enviar
MengTo

MengTo/threeui

Catálogo de código abierto, sin inicio de sesión, de componentes de interfaz interactivos para Three.js/WebGL, con renderizadores en vivo y código fuente completo.

Ver en GitHubSitio web
Estrellas
6,692
Forks
626
Issues abiertos
8
Último commit
hace 2 meses

¿Qué es?

ThreeUI Community es la edición de código abierto del catálogo de componentes ThreeUI. Ofrece una cuadrícula navegable de componentes de interfaz basados en WebGL y Three.js, cada uno con un renderizador interactivo en vivo, controles ajustables, un selector de variantes y pestañas con el código fuente. La estructura de la aplicación, la navegación, la búsqueda, los temas y el diseño adaptable coinciden con los del proyecto principal de ThreeUI.

La edición Community elimina los componentes Pro y Beta, junto con sus implementaciones, y no requiere cuenta ni autenticación. El catálogo incluye 50 componentes principales con 111 rutas y 141 registros de variantes gratuitas. El paquete de React @designcodeio/threeui está publicado en npm, así que se pueden importar componentes individuales a una aplicación de React con estilos compartidos; algunos componentes que abarcan documentos completos cargan recursos en tiempo de ejecución desde un directorio público.

El repositorio se puede ejecutar localmente con npm install y npm run dev, y npm run build realiza comprobaciones de tipos y genera una compilación de producción. El código fuente Pro se distribuye por separado mediante una CLI que requiere una membresía de pago.

Funciones clave

  • 01Renderizadores interactivos en vivo para cada componente WebGL/Three.js.
  • 02Controles ajustables y un selector de variantes para cada componente gratuito.
  • 03Pestañas con el código fuente que muestran la implementación de cada componente.
  • 04Paquete de React publicado, @designcodeio/threeui, para importar componentes.
  • 05No requiere inicio de sesión, cuenta ni pago.

Casos de uso

  • Explorar efectos de interfaz con Three.js y WebGL para inspirarse antes de crear un proyecto.
  • Copiar o importar componentes de interfaz 3D listos para usar en una aplicación de React.
  • Aprender cómo se estructuran los componentes de interfaz basados en shaders y Three.js leyendo su código fuente.

Temas

#threejs#webgl#react#ui-components#shaders

Preguntas frecuentes

¿Qué es threeui?
Catálogo de código abierto, sin inicio de sesión, de componentes de interfaz interactivos para Three.js/WebGL, con renderizadores en vivo y código fuente completo. ThreeUI Community es la edición de código abierto del catálogo de componentes ThreeUI. Ofrece una cuadrícula navegable de componentes de interfaz basados en WebGL y Three.js, cada uno con un renderizador interactivo en vivo, controles ajustables, un selector de variantes y pestañas con el código fuente. La estructura de la aplicación, la navegación, la búsqueda, los temas y el diseño adaptable coinciden con los del proyecto principal de ThreeUI.
¿threeui es gratuito? ¿Qué licencia tiene?
threeui es open source bajo la licencia MIT. Revisa los términos de la licencia antes de usarlo en productos comerciales.
¿threeui sigue mantenido?
Actualizado en los últimos 6 meses. El último commit de threeui fue el 3 sept 2026.
¿Para qué puedo usar threeui?
Explorar efectos de interfaz con Three.js y WebGL para inspirarse antes de crear un proyecto. Copiar o importar componentes de interfaz 3D listos para usar en una aplicación de React. Aprender cómo se estructuran los componentes de interfaz basados en shaders y Three.js leyendo su código fuente.
¿Dónde consigo threeui?
El código fuente y las instrucciones de instalación están en GitHub: https://github.com/MengTo/threeui

Resumen generado por IA a partir del README del proyecto. Las estadísticas de GitHub se actualizan a diario.

Proyectos relacionados