# THM Componentes

> O THM Componentes é um catálogo pago de 268 componentes de interface para Vue 3 e Nuxt, 115 deles exclusivos, criado pela THM Tecnologia Inteligente (Santa Catarina, Brasil). Cada componente tem demonstração ao vivo, painel de ajustes e um prompt pronto para assistentes de programação como Claude Code e Cursor. O acesso é vitalício, por R$ 497 em pagamento único.

Atualizado em 22 de outubro de 2026. Página oficial: https://comp.thmtecnologia.com/

## Fatos
- 268 componentes Vue e Nuxt: Em outubro de 2026, o THM Componentes reúne 268 componentes para Vue 3 e Nuxt, 115 deles exclusivos, em 13 categorias.
- Prompt pronto para Claude Code e Cursor: Cada componente do THM Componentes tem um prompt pronto para a IA aplicar no seu projeto; nos exclusivos, o código-fonte completo vai junto.
- Acesso vitalício por R$ 497: O THM Componentes custa R$ 497 em pagamento único (preço de outubro de 2026), cerca de R$ 1,85 por componente, sem mensalidade.
- Uso comercial ilimitado: O THM Componentes pode ser usado em projetos seus e de clientes, sem limite de projetos; só não é permitido revender o catálogo.
- 7 dias de garantia: O THM Componentes tem 7 dias de garantia incondicional, com reembolso integral conforme o Código de Defesa do Consumidor.
- Vue 3, Nuxt, TypeScript e Tailwind v4: Os componentes do THM Componentes usam Vue 3, Nuxt, TypeScript e Tailwind CSS v4, com textos e dados de exemplo em português.
- Garantia: 7 dias, reembolso integral pelo e-mail thales@thmtecnologia.com.
- Entrega: código de acesso individual exibido logo após o pagamento (Stripe).
- Feito por: THM Tecnologia Inteligente (T ANDRADES MACHADO DESENVOLVIMENTO DE SOFTWARE LTDA, CNPJ 67.108.614/0001-62), Pedro Gomes de Carvalho, 709 · Oficinas, Tubarão/SC, CEP 88702-060, fundada em 2026 por Thales Andrades Machado. Site da empresa: https://thmtecnologia.com
- Contato: thales@thmtecnologia.com · WhatsApp +55 48 99636-1183 · suporte em https://thmtecnologia.com/suporte/

## Comparativo
| Critério | THM Componentes | Bibliotecas gratuitas | Kits por assinatura |
| --- | --- | --- | --- |
| Preço | R$ 497 uma vez | Grátis | Mensal ou anual |
| Prompt pronto para Claude Code e Cursor | Sim, em todos | Raro | Raro |
| Código-fonte completo dentro do prompt | Sim, nos 115 exclusivos | Não | Não |
| Componentes de aplicação (planilha, kanban, checkout com Pix) | Sim | Raro | Às vezes |
| Textos e dados de exemplo em pt-BR | Sim | Raro | Raro |
| Demo ao vivo com painel de ajustes | Sim | Às vezes | Às vezes |
| Uso comercial | Ilimitado | Depende da licença | Depende do plano |

## Como usar com o Claude Code
1. Escolha no catálogo: Veja a demo rodando e ajuste cores, velocidade e textos no painel até ficar com a cara do seu projeto.
2. Copie o prompt: Um clique copia o prompt completo, com tudo que a IA precisa para reproduzir o componente.
3. Cole na sua IA: Claude Code, Cursor ou a ferramenta que você usa: o componente chega inteiro, tipado e pronto para ajustar.

## Perguntas frequentes
### O que é o THM Componentes?
O THM Componentes é um catálogo pago de 268 componentes de interface para Vue 3 e Nuxt, 115 deles exclusivos, criado pela THM Tecnologia Inteligente (Santa Catarina, Brasil). Cada componente tem demonstração ao vivo, painel de ajustes e um prompt pronto para assistentes de programação como Claude Code e Cursor. O acesso é vitalício, por R$ 497 em pagamento único.

### O THM Componentes serve para vibe coding?
Sim. O THM Componentes foi feito para quem cria software descrevendo o resultado para uma IA. A IA escreve código rápido, mas costuma entregar interfaces genéricas; o catálogo fornece componentes com acabamento de estúdio que ela aplica com precisão a partir do prompt.

### Preciso saber programar para usar o THM Componentes?
Não é preciso dominar Vue. O prompt de cada componente diz à IA exatamente o que criar e onde colocar. Ajuda saber rodar o projeto localmente e revisar as mudanças que a IA propõe.

### O THM Componentes funciona com Cursor, Windsurf ou outras IAs?
Sim. O prompt é texto e, nos exclusivos, o código-fonte vai junto, então qualquer assistente que edita o seu projeto consegue aplicá-lo. Os prompts foram escritos e testados pensando no Claude Code.

### O THM Componentes funciona com React, Next.js, Lovable ou Bolt?
O suporte oficial do THM Componentes é Vue 3 e Nuxt. Como o prompt dos exclusivos traz o código completo, a IA consegue converter para React na maioria dos casos, mas pode exigir ajustes. Se React é inegociável, considere isso antes de comprar; a garantia de 7 dias vale do mesmo jeito.

### Qual a diferença entre o THM Componentes e uma biblioteca de componentes gratuita?
Bibliotecas gratuitas são ótimos pontos de partida, mas raramente trazem prompt pronto para IA, textos em português ou componentes de aplicação completos, como planilha com fórmulas, kanban e checkout com Pix. O THM Componentes reúne isso num só catálogo, com demonstração ao vivo e acesso vitalício.

### Como recebo o acesso ao THM Componentes depois de pagar?
O pagamento é processado pela Stripe e, logo em seguida, a página de confirmação mostra o seu código individual de acesso. É só clicar em Entrar e informar o código. O link da confirmação continua válido caso você precise rever o código.

### Posso usar o THM Componentes em mais de um computador?
Sim. O código de acesso do THM Componentes é pessoal e funciona em até 3 navegadores ao mesmo tempo, por exemplo o computador do trabalho, o notebook e o celular. Se você entrar em um quarto navegador, o mais antigo é desconectado automaticamente.

### O acesso ao THM Componentes expira? Tem mensalidade?
Não e não. O THM Componentes é um pagamento único por acesso vitalício, incluindo atualizações e os componentes novos que entrarem no catálogo.

### Os componentes do THM Componentes são acessíveis?
Os 115 componentes exclusivos são escritos com navegação por teclado, rótulos para leitores de tela e respeito ao prefers-reduced-motion, que desliga animações para quem pede menos movimento.

### Quantos componentes tem o THM Componentes?
Em 22 de outubro de 2026, o THM Componentes tem 268 componentes para Vue 3 e Nuxt, 115 deles exclusivos, organizados em 13 categorias: efeitos visuais em WebGL, componentes de aplicação como planilha com fórmulas e kanban, interfaces de IA, comércio, mídia e dados.

### Como o THM Componentes funciona com o Claude Code?
Cada componente do THM Componentes tem um prompt pronto: você copia no catálogo e cola no Claude Code, no Cursor ou em outro assistente que edita o seu projeto. Nos 115 exclusivos, o prompt já traz o código-fonte completo, então a IA reproduz o componente em vez de inventá-lo.

### Quanto custa o THM Componentes?
Em outubro de 2026, o THM Componentes custa R$ 497, em pagamento único pela Stripe, com acesso vitalício. Não há mensalidade, e os componentes adicionados depois da compra também ficam liberados. No catálogo atual, isso dá cerca de R$ 1,85 por componente.

### Posso usar o THM Componentes em projetos de clientes?
Sim. A licença do THM Componentes cobre uso comercial em projetos seus e de clientes, sem limite de projetos. A única restrição é não revender nem redistribuir o catálogo em si, como coleção de componentes.

### O THM Componentes tem garantia?
Sim. O THM Componentes tem 7 dias de garantia incondicional, conforme o Código de Defesa do Consumidor: se não gostar, basta pedir o reembolso pelo e-mail thales@thmtecnologia.com e o valor integral é devolvido.

### Com quais tecnologias o THM Componentes funciona?
Os componentes do THM Componentes são escritos para Vue 3, Nuxt, TypeScript e Tailwind CSS v4, e funcionam em projetos Nuxt 3 e 4 ou Vue com Vite. Os textos e dados de exemplo estão em português do Brasil.

## Páginas
- [THM Componentes](https://comp.thmtecnologia.com/): visão geral, demonstrações ao vivo, preço e perguntas frequentes
- [Comprar acesso vitalício](https://comp.thmtecnologia.com/comprar): checkout seguro pela Stripe, R$ 497 em pagamento único
- [Entrar](https://comp.thmtecnologia.com/entrar): área de membros, exige o código de acesso recebido após a compra

## Empresa
- [THM Tecnologia Inteligente](https://thmtecnologia.com)
- [Suporte](https://thmtecnologia.com/suporte/)
- [Termos de uso](https://thmtecnologia.com/termos/)
- [Privacidade](https://thmtecnologia.com/privacidade/)