A catalog for vibe coding · Vue 3 and Nuxt
A professional look for the app you build with AI
THM Componentes is a catalog of 268 UI components for Vue 3 and Nuxt, 115 of them exclusive, each with a live demo and a ready prompt for Claude Code, Cursor and other AI assistants. Pick the effect, copy the prompt and your AI applies it to your project. Lifetime access for R$ 497 (about US$ 99).
Built in Brazil: the catalog interface, its prompts and the sample texts are in Brazilian Portuguese. AI coding assistants apply the prompts the same way, and you can ask yours to translate any sample text.
Figures as of October 23, 2026.
Why it exists
AI writes the code. The finish is still on you.
Claude Code, Cursor and other assistants assemble working screens in minutes, but almost always with the same look: default buttons, flat backgrounds, no purposeful motion. That is what makes an AI-built app look AI-built.
THM Componentes covers the part the AI cannot guess: each component is already designed, animated and tested, with a prompt that tells your AI exactly what to create and where to put it. In the exclusives, the full source code goes along, so the AI reproduces the component instead of improvising.
For when you do not know the effect's name
Describe what you picture. This site maps it to the technical name.
Every component page lists the phrases people use when they do not know what the effect is called. The visual dictionary gathers them all, from “a background that moves when I hover” to “text that scrambles before it appears”.
- “a background that moves like ink when I move the mouse”Fluid
- “text that scrambles and then forms the word”Decode Text
- “a card that tilts and shines on hover”Holo Card
- “a Trello-style board to drag tasks around”Kanban
- “that orb that moves while the AI is talking”Voice Orb
- “a spinning globe with lines connecting cities”Globe Connections
- “a macOS-style dock where icons grow on hover”Magnetic Dock
- “Instagram-style stories on my site”Stories
A sample
Twelve of the 268, captured from the catalog
Real captures of each component's demo. In the catalog they all run live, with a panel to adjust colors, speed and text.
THM exclusiveFluidColorful ink that flows and swirls behind your content, pushed by every mouse movement.
THM exclusiveLiquid GlassA rounded slab of glass glides over the photo and bends the image at its edges, like a real lens.
THM exclusiveHolo CardA card with artwork that tilts in 3D under the mouse and shimmers with a rainbow sheen, like a rare trading card.
THM exclusiveKanbanA board of columns with cards you drag between stages, with per-column limits, due dates and priorities.
THM exclusiveVoice OrbA glowing sphere that breathes while idle and pulses with the voice when the assistant listens or speaks.
THM exclusiveGlobe ConnectionsA dotted globe that spins on its own, with arcs of light linking 12 real cities around the world.
THM exclusiveCheckout BRA three-step payment screen with a Pix QR code, card installments and boleto, with the order summary alongside.
THM exclusiveSpreadsheetA spreadsheet inside your app, with cells, a formula bar and totals that recalculate on their own.
THM exclusiveAuroraA night sky with green and cyan curtains of light rippling over stars and a mountain range.
THM exclusiveDecode TextA headline that starts as scrambled letters, numbers and symbols and settles letter by letter into the phrase.
THM exclusiveDynamic IslandA black pill at the top of the screen that grows and reshapes to show music, a call, an alert or a timer.
THM exclusiveParticle MorphThousands of tiny dots that fly apart and regroup as a sphere, a ring, a cube and a word you choose.By purpose
14 categories, organized by what you need to solve
From the hero background to checkout, through text, data, forms and AI interfaces.
How it works
From the catalog to your project in three steps
- Pick from the catalogWatch the demo running and tune colors, speed and text in the panel until it fits your project.
- Copy the promptOne click copies the full prompt, with everything the AI needs to reproduce the component.
- Paste it into your AIClaude Code, Cursor or the tool you use: the component arrives complete, typed and ready to adjust.
An honest comparison
Where THM Componentes fits
Free libraries are great starting points. THM Componentes is for people who want results ready for the AI to apply, including complete app components.
| THM Componentes | Free libraries | Subscription kits | |
|---|---|---|---|
| Price | R$ 497 once | Free | Monthly or yearly |
| Ready prompt for Claude Code and Cursor | Yes, in all of them | Rare | Rare |
| Full source code inside the prompt | Yes, in the 115 exclusives | No | No |
| App components (spreadsheet, kanban, checkout) | Yes | Rare | Sometimes |
| Brazilian payments (Pix and boleto checkout) | Yes | Rare | Rare |
| Live demo with a tweak panel | Yes | Sometimes | Sometimes |
| Commercial use | Unlimited | Depends on the license | Depends on the plan |
Pricing
One payment, access forever
R$ 497 (about US$ 99 in October 2026) in a single payment through Stripe, with no subscription. Stripe may show the amount converted to your local currency at checkout. Components added after your purchase are included too.
R$ 497 about US$ 99
7-day unconditional money-back guarantee: email thales@thmtecnologia.com and the full amount is refunded.
- 268 Vue and Nuxt components with live demos
- A ready prompt for Claude Code and Cursor in every one
- Full source code inside the prompt for the 115 exclusives
- Updates and new components at no extra cost
- Unlimited commercial use, in your projects and your clients'
- Access in up to 3 browsers at the same time
Frequently asked questions
What people ask before buying
What is THM Componentes?
THM Componentes is a paid catalog of 268 UI components for Vue 3 and Nuxt, 115 of them exclusive, created by THM Tecnologia Inteligente (Santa Catarina, Brazil). Each component has a live demo, a tweak panel and a ready prompt for AI coding assistants such as Claude Code and Cursor. Access is lifetime, for a single payment of R$ 497.
How many components does THM Componentes have?
As of October 23, 2026, THM Componentes has 268 components for Vue 3 and Nuxt, 115 of them exclusive, in 14 categories by purpose: backgrounds, text, special effects, interaction and physics, 3D, images and media, cards, buttons and cursors, forms, data, apps, AI interfaces, commerce and navigation.
Is THM Componentes good for vibe coding?
Yes. THM Componentes was made for people who build software by describing the result to an AI. AI writes code fast but tends to deliver generic interfaces; the catalog provides studio-finish components that the AI applies precisely from the prompt.
How does THM Componentes work with Claude Code?
Every THM Componentes component has a ready prompt: you copy it in the catalog and paste it into Claude Code, Cursor or another assistant that edits your project. In the 115 exclusives, the prompt already carries the full source code, so the AI reproduces the component instead of making it up.
Do I need to know how to code to use THM Componentes?
You do not need to master Vue. Each THM Componentes prompt tells the AI exactly what to create and where to put it. It helps to know how to run the project locally and to review the changes the AI proposes.
Does THM Componentes work with Cursor, Windsurf or other AI tools?
Yes. The THM Componentes prompt is plain text and, in the exclusives, the source code goes along, so any assistant that edits your project can apply it. The prompts were written and tested with Claude Code in mind.
Does THM Componentes work with React, Next.js, Lovable or Bolt?
THM Componentes officially supports Vue 3 and Nuxt. Because the exclusive prompts carry the full code, an AI can convert them to React in most cases, but it may take adjustments. If React is non-negotiable, consider that before buying; the 7-day guarantee applies either way.
How much does THM Componentes cost?
In October 2026, THM Componentes costs R$ 497 (Brazilian reais), about US$ 99 at that month's exchange rate, as a single payment through Stripe with lifetime access. There is no subscription, and components added after your purchase are included. Stripe may show the price in your local currency at checkout.
Who makes it
Made in Brazil by THM Tecnologia Inteligente
THM Componentes is a product of THM Tecnologia Inteligente (T ANDRADES MACHADO DESENVOLVIMENTO DE SOFTWARE LTDA, Brazilian company registration 67.108.614/0001-62), based in Tubarão, Santa Catarina, created by Thales Andrades Machado, a developer, designer and security consultant.