Componentes Vue e Nuxt para vibe codingSeu app feito com IA não precisa parecer feito com IA.
268 componentes prontos, 115 deles exclusivos, cada um com demo ao vivo e prompt pronto para o Claude Code. Você cola, a IA entrega o componente completo no seu projeto — e o seu cliente para de ver o mesmo site de sempre.
- Pagamento único
- Código de acesso na hora
- 7 dias de garantia
- Claude Code
- Cursor
- Windsurf
- Vue 3
- Nuxt 4
- Tailwind v4
atualizações para sempre tudo que entrar no catálogo depois da sua compra já é seu
Em resumo
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.
Atualizado em · por THM Tecnologia Inteligente
- Componentes
- 268 (115 exclusivos, 13 categorias)
- Tecnologias
- Vue 3, Nuxt, TypeScript e Tailwind CSS v4
- Funciona com
- Claude Code, Cursor, Windsurf e outros assistentes que editam o projeto
- Preço
- R$ 497, pagamento único, acesso vitalício
- Licença
- Uso comercial ilimitado; sem revenda do catálogo
- Garantia
- 7 dias, reembolso integral
- Entrega
- Código de acesso individual logo após o pagamento
- Idioma
- Português do Brasil
- Atualizado
- 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.
Por que todo site feito com IA parece igual
A IA escreve código rápido. Interface memorável, nem tanto.
Gradiente roxo, cartão arredondado e a mesma fonte em tudo: é o que sai quando se pede “faz uma landing bonita”. Arraste a divisória e compare com um componente do catálogo.
Demonstrações ao vivo
Nada aqui é vídeo. É o componente rodando.
Os quadros abaixo são os próprios componentes do catálogo, embutidos nesta página. Mova o cursor, arraste, digite: é exatamente isso que chega ao seu projeto.
Isso é uma amostra de 12 entre 268. O resto está a um código de acesso.
Quero os 268 componentesComo usar com Claude Code e Cursor
Do catálogo ao seu projeto em três passos
Vibe coding é criar software descrevendo o resultado para uma IA, em vez de escrever cada linha — o termo foi cunhado por Andrej Karpathy em fevereiro de 2025. A IA acerta a lógica, mas costuma errar o acabamento. Cada componente do catálogo carrega um prompt escrito para ela, com o código junto.
- Escolha no catálogo
Veja a demo rodando e ajuste cores, velocidade e textos no painel até ficar com a cara do seu projeto.
- Copie o prompt
Um clique copia o prompt completo, com tudo que a IA precisa para reproduzir o componente.
- Cole na sua IA
Claude Code, Cursor ou a ferramenta que você usa: o componente chega inteiro, tipado e pronto para ajustar.
Faça a conta
Quanto tempo você deixa de queimar
Ajuste com os seus números. A premissa é conservadora: 3 horas para pedir, corrigir e polir com IA um componente desse nível, do zero.
Você economiza por ano
R$ 12.960
108 horas que voltam para vender, entregar ou descansar.
O acesso se paga no 2º componente que você usar.
Começar a economizar · R$ 497Comparativo
THM Componentes ou biblioteca gratuita?
Bibliotecas gratuitas são ótimos pontos de partida. A diferença está no que a IA consegue fazer com elas e no que já vem pronto para o mercado brasileiro.
| 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 |
Para quem é
Feito para quem vibe-coda com padrão de estúdio
Sinceridade economiza reembolso. Veja se o catálogo é para você antes de comprar.
É para você se
- Você faz vibe coding com Claude Code, Cursor ou outra IA e quer que o resultado pareça feito por um estúdio.
- Entrega landing pages, MVPs e painéis para clientes e quer cobrar pelo acabamento, não pelas horas.
- Trabalha com Vue 3 ou Nuxt, ou topa usar uma stack que a IA domina muito bem.
- Prefere ter o código no seu repositório a depender de biblioteca fechada ou assinatura mensal.
Talvez não seja se
- Você quer um construtor visual sem tocar em código nenhum.
- Seu projeto é exclusivamente React e você não quer adaptar componentes (dá, mas o suporte oficial é Vue).
- Você procura um tema pronto de site inteiro, e não peças para compor o seu.
O que você leva
Uma compra. Tudo dentro.
Sem plano básico que esconde o que importa, sem upgrade depois. O acesso vitalício inclui o catálogo inteiro e tudo que ainda vamos construir.
- Os 268 componentes, para sempre
Busca, categorias, favoritos e grupos. Você entra com o seu código individual, sem conta nem senha para decorar.
- Todo componente novo incluso
O catálogo continua crescendo. Tudo que entrar depois da sua compra já é seu, sem pagar de novo.
- Demo ao vivo e painel de ajustes
Cada componente roda de verdade na página, com controles para testar antes de levar para o projeto.
- Prompt pronto com código-fonte
Nos 115 exclusivos, o prompt já carrega o arquivo completo: a IA não inventa, reproduz.
- Vue 3 + TypeScript, em português
Nos exclusivos: tipados, comentados em português, com teclado, leitor de tela e prefers-reduced-motion tratados.
- Uso comercial ilimitado
Em produtos seus e de clientes, quantos quiser. Só não pode revender o catálogo em si.
Quanto custa o THM Componentes
Uma vez. Para sempre.
Acesso vitalício
R$497
pagamento único · R$ 1,85 por componente
- 268 componentes hoje, todos os futuros inclusos
- 115 exclusivos com código-fonte no prompt
- Demos ao vivo e painel de ajustes
- Uso comercial em projetos ilimitados
- Código de acesso individual na hora
Pagamento seguro processado pela Stripe.
Entrou, testou e não era o que esperava? Peça o reembolso e devolvemos o valor integral. O risco é nosso.
Quem faz
Quem está por trás do THM Componentes
O THM Componentes é feito pela THM Tecnologia Inteligente, empresa de desenvolvimento de software de Santa Catarina, Brasil, fundada em 2026 por Thales Andrades Machado, desenvolvedor, designer e consultor de segurança. Os 115 componentes exclusivos foram escritos do zero, com funções centrais testadas antes do teste visual e regras de acessibilidade e desempenho aplicadas a todos.
Dúvidas antes da compra, suporte e pedidos de reembolso: thales@thmtecnologia.com, WhatsApp +55 48 99636-1183 ou a central de suporte.
Perguntas frequentes
Perguntas sobre o THM Componentes
Outra dúvida? Chame no WhatsApp ou escreva para thales@thmtecnologia.com: respondemos antes da compra.
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.
Resposta revisada em
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.
Resposta revisada em
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.
Resposta revisada em
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.
Resposta revisada em
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.
Resposta revisada em
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.
Resposta revisada em
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.
Resposta revisada em
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.
Resposta revisada em
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.
Resposta revisada em
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.
Resposta revisada em
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.
Resposta revisada em
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.
Resposta revisada em
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.
Resposta revisada em
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.
Resposta revisada em
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.
Resposta revisada em
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.
Resposta revisada em
Pare de entregar a interface que todo mundo entrega.
268 componentes, prompt pronto, acesso para sempre. Por R$ 1,85 cada.
Garantir acesso vitalício · R$ 4977 dias de garantia · pagamento único · fundo: THM Aurora, nº 112