# Micélio Fios finos de luz azul se ramificam a partir de nós brilhantes sobre fundo preto, como neurônios acesos no escuro. > Micélio é um fundo em shader do THM Componentes que desenha fios de luz ramificados como neurônios sobre fundo preto. As formas mudam devagar, se deformam perto do cursor ou do dedo e trocam de tom conforme a página rola. Usa WebGL e serve para heros de produto de IA, healthtechs e consultorias de tecnologia. - Categoria: Fundos e atmosferas - Origem: Adaptado de código aberto sob licença MIT, com prompt pronto da THM - Peso no carregamento: Pesado: WebGL ou simulação; um por página, carregado sob demanda - Tecnologia: Vue 3, TypeScript, Tailwind CSS v4, WebGL, OGL - Interação: Mouse, Toque, Rolagem - URL: https://vibecode.thmtecnologia.com/componentes/micelio/ ## Como ele é Parece uma rede de neurônios vista ao microscópio, acesa no escuro. Sobre um fundo preto, fios finos de luz azul se ramificam a partir de nós mais brilhantes e mudam de forma devagar, como algo vivo. O brilho é mais forte no centro e some perto das bordas. Quando o mouse ou o dedo se move pela página, os fios perto do ponteiro se deformam e se reorganizam com suavidade. Ao rolar a página, o tom muda aos poucos, do azul para o ciano com as cores padrão. O canvas ocupa toda a área do elemento pai e não bloqueia cliques no conteúdo por cima. ## Você pode estar procurando isto se pediu algo assim - “fundo com fios de luz azul tipo neurônios para site de IA” - “aquele fundo escuro com linhas brilhantes que mudam de forma” - “efeito de rede neural no topo da página do meu produto” - “fundo com cara de tecnologia que reage quando passo o mouse” - “algo orgânico e brilhante atrás do título de uma healthtech” - “fundo animado futurista que muda de cor quando rolo a página” - “luz azul se ramificando no escuro, meio bioluminescente” ## Também chamado de neurônios de luz, rede neural animada, fundo de neurônios, shader background, neural network effect, fundo bioluminescente, glowing veins ## Quando usar - Hero de produto de IA, de dados ou de automação - Página de healthtech, neurociência ou biotecnologia - Site de consultoria de tecnologia que quer um visual escuro e vivo - Seção curta de abertura com título grande e pouco texto ## Quando evitar - Páginas que já usam outro efeito em WebGL - Layouts claros, porque o fundo do efeito é preto - Público que acessa principalmente por celulares antigos ## Como pedir para a sua IA ```text Crie um fundo em shader WebGL com fios de luz que lembram uma rede neural no hero da página: tons da minha marca, reação suave ao mouse e ao toque, pausa quando sair da tela, versão estática para movimento reduzido e imagem de reserva sem WebGL. ``` Com o THM Componentes, você cola o prompt completo do catálogo junto com o código deste componente, e a IA reproduz este efeito exato em vez de improvisar. ## Perguntas sobre Micélio ### Micélio reage ao mouse e ao celular? Sim. Micélio escuta o movimento do ponteiro, o arrasto do dedo e os toques em toda a janela, e os fios perto do ponteiro se deformam com suavidade. Ao rolar a página, o tom da cor também muda. O canvas não captura cliques, então botões e links por cima continuam funcionando. ### Dá para trocar a cor de Micélio? Dá. Micélio tem a prop hue, em graus de 0 a 360, além de saturation e chroma, que controla a luminosidade. O matiz padrão é 200, um tom de azul. A cor ainda varia um pouco com a rolagem da página, e o prompt do THM Componentes orienta a IA a partir das cores do seu projeto. ### Micélio deixa o site lento? Pode pesar em aparelhos fracos: Micélio é um shader WebGL classificado como Pesado no THM Componentes, calculado em todos os pixels a cada quadro, e não pausa por conta própria fora da tela. O prompt pede no máximo um efeito WebGL pesado por página, pausa fora da viewport e teste de LCP e INP no celular. ## Componentes relacionados - [Correnteza](https://vibecode.thmtecnologia.com/componentes/correnteza/): Milhares de linhas finas correm em correntes curvas, como fios de seda ao vento, sobre um fundo claro. - [Onça](https://vibecode.thmtecnologia.com/componentes/onca/): Manchas e ramos índigo crescem sozinhos como coral ou pele de animal, e o cursor planta novos focos. - [Veludo](https://vibecode.thmtecnologia.com/componentes/veludo/): Tecido de cetim escuro com dobras diagonais que ondulam devagar, com brilho frio e textura de trama fina. - [Vaga-lume](https://vibecode.thmtecnologia.com/componentes/vaga-lume/): Centenas de pontinhos neon em azul, violeta e magenta fluindo em correntes curvas sobre um fundo escuro. - [Clarão](https://vibecode.thmtecnologia.com/componentes/clarao/): Nuvens escuras de tempestade iluminadas por dentro por raios azuis, dourados e brancos que vêm e vão. --- THM Componentes: O THM Componentes é um catálogo de 268 componentes de interface para Vue 3 e Nuxt, 115 deles exclusivos, com demonstração ao vivo e um prompt pronto para Claude Code, Cursor e outros assistentes. Você escolhe o efeito, copia o prompt e a sua IA aplica no projeto. Acesso vitalício por R$ 497.