Repolode
Enviar
MengTo

MengTo/threeui

Catálogo open source, sem login, de componentes de UI interativos em Three.js/WebGL, com renderizadores ao vivo e código-fonte completo.

Ver no GitHubSite
Estrelas
6,692
Forks
626
Issues abertas
8
Último commit
há 2 meses

O que é?

ThreeUI Community é a edição open source do catálogo de componentes ThreeUI. Ela oferece uma grade navegável de componentes de UI baseados em WebGL e Three.js, cada um com um renderizador interativo ao vivo, controles ajustáveis, seletor de variantes e abas com o código-fonte. O shell da aplicação, a navegação, a busca, os temas e o layout responsivo são iguais aos do projeto principal ThreeUI.

A edição Community não inclui os componentes Pro e Beta nem suas implementações, e não exige conta ou autenticação. O catálogo conta com 50 componentes principais, 111 rotas e 141 variantes gratuitas. O pacote React @designcodeio/threeui está publicado no npm, então é possível importar componentes individuais para um app React com estilos compartilhados; alguns componentes de documento completo carregam assets em tempo de execução de um diretório público.

O repositório pode ser executado localmente com npm install e npm run dev, e npm run build executa verificações de tipos e gera um build de produção. O código-fonte Pro é distribuído separadamente por meio de uma CLI que exige uma assinatura paga.

Recursos principais

  • 01Renderizadores interativos ao vivo para cada componente WebGL/Three.js.
  • 02Controles ajustáveis e um seletor de variantes para cada componente gratuito.
  • 03Abas com o código-fonte que mostram a implementação de cada componente.
  • 04Pacote React @designcodeio/threeui publicado para importar componentes.
  • 05Não exige login, conta ou checkout.

Casos de uso

  • Explorar efeitos de UI em Three.js e WebGL em busca de inspiração antes de criar um projeto.
  • Copiar ou importar componentes de UI 3D prontos para uma aplicação React.
  • Aprender como componentes de interface baseados em shaders e Three.js são estruturados consultando o código-fonte.

Tópicos

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

Perguntas frequentes

O que é threeui?
Catálogo open source, sem login, de componentes de UI interativos em Three.js/WebGL, com renderizadores ao vivo e código-fonte completo. ThreeUI Community é a edição open source do catálogo de componentes ThreeUI. Ela oferece uma grade navegável de componentes de UI baseados em WebGL e Three.js, cada um com um renderizador interativo ao vivo, controles ajustáveis, seletor de variantes e abas com o código-fonte. O shell da aplicação, a navegação, a busca, os temas e o layout responsivo são iguais aos do projeto principal ThreeUI.
threeui é gratuito? Qual é a licença?
threeui é open source sob a licença MIT. Confira os termos da licença antes de usá-lo em produtos comerciais.
threeui ainda é mantido?
Atualizado nos últimos 6 meses. O último commit de threeui foi em 3 de set. de 2026.
Para que posso usar threeui?
Explorar efeitos de UI em Three.js e WebGL em busca de inspiração antes de criar um projeto. Copiar ou importar componentes de UI 3D prontos para uma aplicação React. Aprender como componentes de interface baseados em shaders e Three.js são estruturados consultando o código-fonte.
Onde consigo threeui?
O código-fonte e as instruções de instalação estão no GitHub: https://github.com/MengTo/threeui

Resumo gerado por IA a partir do README do projeto. As estatísticas do GitHub são atualizadas diariamente.

Projetos relacionados