# All 268 components

The 268 THM Componentes components, organized into 14 categories by purpose. Filter by what you are looking for, using the technical name or your own words.

## Backgrounds and atmospheres

- [Azougue](https://vibecode.thmtecnologia.com/en/components/azougue/): A mirror-like drop of metal that pulses slowly, changes shape and stretches toward the cursor.
- [Boreal](https://vibecode.thmtecnologia.com/en/components/boreal/): A night sky with green and cyan curtains of light rippling over stars and a mountain range.
- [Correnteza](https://vibecode.thmtecnologia.com/en/components/correnteza/): Thousands of fine lines run along curving currents, like silk threads in the wind, over a light background.
- [Gude](https://vibecode.thmtecnologia.com/en/components/gude/): A glass ball with an indigo and cyan ink swirl inside, slowly turning over a light floor.
- [Limalha](https://vibecode.thmtecnologia.com/en/components/limalha/): Hundreds of thousands of fine grains run in filaments, like ink spreading on paper, and swirl around the cursor.
- [Lusco-fusco](https://vibecode.thmtecnologia.com/en/components/lusco-fusco/): Patches of indigo, cyan and lavender that blend and drift slowly, with a light film grain on top.
- [Nanquim](https://vibecode.thmtecnologia.com/en/components/nanquim/): Colorful ink that flows and swirls behind your content, pushed by every mouse movement.
- [Onça](https://vibecode.thmtecnologia.com/en/components/onca/): Indigo spots and branches grow on their own like coral or animal skin, and the cursor plants new seeds.
- [Orvalho](https://vibecode.thmtecnologia.com/en/components/orvalho/): Glossy indigo drops that join and split like liquid, with one of them following the cursor.
- [Piracema](https://vibecode.thmtecnologia.com/en/components/piracema/): Hundreds of thin arrows fly together like a flock of birds and scatter when the cursor comes close.
- [Tarrafa](https://vibecode.thmtecnologia.com/en/components/tarrafa/): Light patterns dancing like the bottom of a sunlit swimming pool, with faintly colored edges.
- [Abismo](https://vibecode.thmtecnologia.com/en/components/abismo/): Thin rings and lines form a tunnel that narrows to a point, with a column of colored light in the middle.
- [Alvoroço](https://vibecode.thmtecnologia.com/en/components/alvoroco/): Thousands of bright, colorful particles swirl as a swarm around a point that follows the mouse.
- [Amarelinha](https://vibecode.thmtecnologia.com/en/components/amarelinha/): A grid of thin lines where each square lights up as the mouse passes and fades slowly, leaving a trail.
- [Arenito](https://vibecode.thmtecnologia.com/en/components/arenito/): An abstract sculpture of thin layers floats and twists in a bright sky, lit by a sun.
- [Arranha-céu](https://vibecode.thmtecnologia.com/en/components/arranha-ceu/): A grid of tiny squares that light up and dim at random, at a slow pace, like an idle LED panel.
- [Canelado](https://vibecode.thmtecnologia.com/en/components/canelado/): Thin, subtle stripes, diagonal, horizontal or vertical, that add texture to the background of an area.
- [Chispa](https://vibecode.thmtecnologia.com/en/components/chispa/): Tiny points of light that twinkle and drift slowly upward, like glitter in the air, behind a headline or whole section.
- [Clarão](https://vibecode.thmtecnologia.com/en/components/clarao/): Dark storm clouds lit from inside by blue, gold and white lightning that comes and goes.
- [Cosmonauta](https://vibecode.thmtecnologia.com/en/components/cosmonauta/): Stars that rush out from the center of the screen toward the edges with glowing trails, like a ship speeding up.
- [Disparada](https://vibecode.thmtecnologia.com/en/components/disparada/): A card at the center of a 3D grid tunnel, with colored light streaks racing along the walls toward the edges.
- [Entardecer](https://vibecode.thmtecnologia.com/en/components/entardecer/): Hundreds of 3D bubbles drift slowly up and down over a sky that shifts from blue to orange.
- [Firmamento](https://vibecode.thmtecnologia.com/en/components/firmamento/): A night sky with stars in three sizes drifting slowly upward and shifting gently when the mouse moves.
- [Flâmula](https://vibecode.thmtecnologia.com/en/components/flamula/): Five colored ribbons stacked in layers, with soft shadows, slowly waving from one side of the screen to the other.
- [Fronteira](https://vibecode.thmtecnologia.com/en/components/fronteira/): A science fiction portal with a core of light, rings, floating crystals and stardust, turning in deep space.
- [Gongo](https://vibecode.thmtecnologia.com/en/components/gongo/): Concentric rings that pulse from the inside out behind a logo, icon or button, like ripples on a pond.
- [Granizo](https://vibecode.thmtecnologia.com/en/components/granizo/): Squares that slowly fall through a grid and pile up at the bottom as in a block puzzle game, then vanish on click.
- [Madrepérola](https://vibecode.thmtecnologia.com/en/components/madreperola/): A liquid surface in pastel pink, lilac and mint that keeps flowing and folding, like a hologram.
- [Maré](https://vibecode.thmtecnologia.com/en/components/mare/): Five thick, blurred neon light waves rolling nonstop across the middle of a dark background.
- [Micélio](https://vibecode.thmtecnologia.com/en/components/micelio/): Thin threads of blue light branch out of bright nodes on a black backdrop, like neurons glowing in the dark.
- [Névoa](https://vibecode.thmtecnologia.com/en/components/nevoa/): A CSS-only animated background with blue and violet light bands drifting slowly, like the northern lights.
- [Paina](https://vibecode.thmtecnologia.com/en/components/paina/): Snowflakes falling gently across the page background, drifting slightly sideways, for winter and holiday campaigns.
- [Ribalta](https://vibecode.thmtecnologia.com/en/components/ribalta/): A cyan line of light switches on at the top of a dark section and spreads a glow over the headline below.
- [Réstia](https://vibecode.thmtecnologia.com/en/components/restia/): Tiny dots that float slowly across the background and drift gently toward the mouse, like dust in the air.
- [Treliça](https://vibecode.thmtecnologia.com/en/components/trelica/): A fine grid or dotted backdrop that fades at the edges and can slowly slide in one direction.
- [Vaga-lume](https://vibecode.thmtecnologia.com/en/components/vaga-lume/): Hundreds of neon dots in blue, violet and magenta flowing along curving currents over a dark background.
- [Veludo](https://vibecode.thmtecnologia.com/en/components/veludo/): Dark satin fabric with diagonal folds that ripple slowly, with a cool sheen and a fine woven texture.
- [Voragem](https://vibecode.thmtecnologia.com/en/components/voragem/): A ring of orange and blue light spins around a dark center, like a black hole pulling in cosmic dust.

## Text and typography

- [Cifra](https://vibecode.thmtecnologia.com/en/components/cifra/): A headline that starts as scrambled letters, numbers and symbols and settles letter by letter into the phrase.
- [Cordel](https://vibecode.thmtecnologia.com/en/components/cordel/): A repeating phrase runs endlessly over a 3D knot that turns slowly and tilts with the mouse.
- [Miçanga](https://vibecode.thmtecnologia.com/en/components/micanga/): A word drawn with thousands of tiny colored dots that scatter when the mouse passes and drift back into place.
- [Parafina](https://vibecode.thmtecnologia.com/en/components/parafina/): Words take turns in the headline, melting into one another like merging drops before turning crisp again.
- [Rubrica](https://vibecode.thmtecnologia.com/en/components/rubrica/): A calligraphic signature that appears stroke by stroke, as if an invisible pen were writing on the screen.
- [Vaivém](https://vibecode.thmtecnologia.com/en/components/vaivem/): A headline where each letter grows thinner or bolder in a continuous wave and turns heavy near the mouse.
- [Vitral](https://vibecode.thmtecnologia.com/en/components/vitral/): A headline that breaks into hundreds of glass-like shards on click or hover and puts itself back together.
- [Algarismo](https://vibecode.thmtecnologia.com/en/components/algarismo/): A number that starts at zero and runs up to its final value when it appears on screen, like a scoreboard.
- [Anagrama](https://vibecode.thmtecnologia.com/en/components/anagrama/): An uppercase word that scrambles its letters on hover and settles back in under a second.
- [Arlequim](https://vibecode.thmtecnologia.com/en/components/arlequim/): A headline word where every letter gets a bright color and the colors reshuffle every five seconds.
- [Arpejo](https://vibecode.thmtecnologia.com/en/components/arpejo/): On hover, the letters turn bolder one at a time, in a wave that runs through the word.
- [Avesso](https://vibecode.thmtecnologia.com/en/components/avesso/): Two phrases in the same spot: a vertical line follows the mouse and shows the other phrase on one side.
- [Bobina](https://vibecode.thmtecnologia.com/en/components/bobina/): Each line of text rolls vertically and gives way to an identical copy, in step with the scroll.
- [Buril](https://vibecode.thmtecnologia.com/en/components/buril/): A word with a shadow made of thin diagonal stripes that slide slowly behind the letters.
- [Cambalhota](https://vibecode.thmtecnologia.com/en/components/cambalhota/): On hover, each letter slides vertically and gives way to a copy, in a wave that runs across the word.
- [Charada](https://vibecode.thmtecnologia.com/en/components/charada/): A sentence that starts as random symbols and resolves letter by letter, from left to right.
- [Chumbo](https://vibecode.thmtecnologia.com/en/components/chumbo/): Letters near the mouse turn bolder while distant ones stay thin, in a patch of bold that follows the cursor.
- [Ditado](https://vibecode.thmtecnologia.com/en/components/ditado/): Words come out of a blur and appear one after another, as if the text were being generated live.
- [Entrelinha](https://vibecode.thmtecnologia.com/en/components/entrelinha/): Each line of the paragraph slides up from behind an invisible edge and appears in sequence, easing to a stop.
- [Estêncil](https://vibecode.thmtecnologia.com/en/components/estencil/): A large headline with a video playing inside it, as if each letter were a window onto the scene.
- [Filete](https://vibecode.thmtecnologia.com/en/components/filete/): A thin line appears under the word on hover, growing from the center or sweeping from one side to the other.
- [Florada](https://vibecode.thmtecnologia.com/en/components/florada/): Headlines and paragraphs that appear one after another, rising slightly out of a blur until they turn sharp.
- [Gaita](https://vibecode.thmtecnologia.com/en/components/gaita/): Variable font text where letters thicken and thin out one after another, as if the word were breathing.
- [Grafite](https://vibecode.thmtecnologia.com/en/components/grafite/): A giant outlined word appears when the mouse passes over it and takes on your chosen colors near the cursor.
- [Gralha](https://vibecode.thmtecnologia.com/en/components/gralha/): Slices of the headline show up shifted sideways with red and cyan trails, like a screen on the fritz.
- [Iluminura](https://vibecode.thmtecnologia.com/en/components/iluminura/): The sentence stays pinned on screen and each word goes from faded gray to full color as you scroll.
- [Levante](https://vibecode.thmtecnologia.com/en/components/levante/): A headline that enters the page with each letter rising from below, one after another, like a wave.
- [Luneta](https://vibecode.thmtecnologia.com/en/components/luneta/): A sentence with blurred words, where a camera-style frame brings one word into focus at a time.
- [Lustro](https://vibecode.thmtecnologia.com/en/components/lustro/): Soft gray text with a band of shine that sweeps across the letters every few seconds.
- [Onomatopeia](https://vibecode.thmtecnologia.com/en/components/onomatopeia/): White letters with a thick black outline and an offset yellow shadow, wobbling slightly like a cartoon title.
- [Parêntese](https://vibecode.thmtecnologia.com/en/components/parentese/): A sentence in two parts that slide apart to make room for a small photo or video in between.
- [Pincelada](https://vibecode.thmtecnologia.com/en/components/pincelada/): A band of color fills the background of a word from left to right, like a highlighter pen.
- [Pirueta](https://vibecode.thmtecnologia.com/en/components/pirueta/): On hover, each letter turns like a small cube, one after another, in a 3D wave.
- [Quilate](https://vibecode.thmtecnologia.com/en/components/quilate/): Small violet and pink stars blink and spin over the word, popping in and out without stopping.
- [Roseta](https://vibecode.thmtecnologia.com/en/components/roseta/): A short phrase wraps around a circle and keeps turning, like a stamped badge next to a button.
- [Sinônimo](https://vibecode.thmtecnologia.com/en/components/sinonimo/): One word in the middle of the headline changes by itself every few seconds, the new one arriving letter by letter.
- [Tapume](https://vibecode.thmtecnologia.com/en/components/tapume/): A solid block of color covers the headline and pulls away to the side, letting the text rise gently into view.
- [Tecla](https://vibecode.thmtecnologia.com/en/components/tecla/): A word inside a raised box that changes by itself, while the box stretches or shrinks to fit the next one.
- [Telegrama](https://vibecode.thmtecnologia.com/en/components/telegrama/): Letters appear one by one with a blinking cursor, then disappear to make way for the next word in the list.
- [Tinteiro](https://vibecode.thmtecnologia.com/en/components/tinteiro/): One word melts and turns into the next, with the letters merging like drops of ink.
- [Ênfase](https://vibecode.thmtecnologia.com/en/components/enfase/): A band of color grows behind a passage of text, like a highlighter pen moving across the line.

## Special effects

- [Pavio](https://vibecode.thmtecnologia.com/en/components/pavio/): A card with a beam of light circling its border and a soft glow that follows the mouse inside.
- [Anáglifo](https://vibecode.thmtecnologia.com/en/components/anaglifo/): As the mouse moves over the page, red and blue peel away from the content, like a 3D image seen without the glasses.
- [Boia](https://vibecode.thmtecnologia.com/en/components/boia/): Any image or icon starts drifting slowly, rising, sinking and tilting a little, nonstop.
- [Bólido](https://vibecode.thmtecnologia.com/en/components/bolido/): Small streaks with tails cross the card diagonally, like shooting stars, each one at its own pace.
- [Caleidoscópio](https://vibecode.thmtecnologia.com/en/components/caleidoscopio/): A canvas that runs visual effects written in GLSL, such as star fields and vortexes, and reacts to the mouse.
- [Crisol](https://vibecode.thmtecnologia.com/en/components/crisol/): Your real HTML runs through a graphics card effect, like ripples on water, and stays clickable.
- [Escotilha](https://vibecode.thmtecnologia.com/en/components/escotilha/): A glass panel that bends whatever passes behind it, with refracting edges that split the colors.
- [Fliperama](https://vibecode.thmtecnologia.com/en/components/fliperama/): Turns a photo into a pattern of dots in a few colors, like an old video game or a retro print.
- [Fogo-fátuo](https://vibecode.thmtecnologia.com/en/components/fogo-fatuo/): A colored glow slowly drifts along the border of a card or input, lighting up one stretch and then another.
- [Folia](https://vibecode.thmtecnologia.com/en/components/folia/): A burst of colorful paper bits shoots up and falls across the screen when someone completes a purchase or a goal.
- [Garimpo](https://vibecode.thmtecnologia.com/en/components/garimpo/): A card covered by a colorful layer that people scratch off with the mouse or a finger to find the prize.
- [Geada](https://vibecode.thmtecnologia.com/en/components/geada/): The image or content gets blurrier bit by bit toward the edge, like glass that grows more frosted.
- [Girassol](https://vibecode.thmtecnologia.com/en/components/girassol/): When the mouse gets close to a card, an arc of colored light turns on along its border and rotates to face the cursor.
- [Labareda](https://vibecode.thmtecnologia.com/en/components/labareda/): Flames rise from the bottom of the page, heat makes the content ripple and orange sparks fly upward.
- [Medalha](https://vibecode.thmtecnologia.com/en/components/medalha/): Your logo turns into a mirror-polished metal piece, with reflections slowly flowing across its surface.
- [Ponto-cruz](https://vibecode.thmtecnologia.com/en/components/ponto-cruz/): The real page content is redrawn live as ASCII art, with characters that mimic light and shadow.
- [Pupila](https://vibecode.thmtecnologia.com/en/components/pupila/): A circle follows the mouse and, over the headline, grows to reveal a second hidden message.
- [Relicário](https://vibecode.thmtecnologia.com/en/components/relicario/): A badge with a small yellow folder icon: hover it and the folder opens as up to three photos fan out.
- [Remanso](https://vibecode.thmtecnologia.com/en/components/remanso/): Your page content looks like it sits under a thin layer of water and ripples wherever the mouse goes.
- [Rodopio](https://vibecode.thmtecnologia.com/en/components/rodopio/): A thin border with blue and pink light spinning around a field or button, like a neon sign.
- [Satélite](https://vibecode.thmtecnologia.com/en/components/satelite/): A small beam of colored light circles the border of a card or section, like a comet tracing the frame.
- [Taquara](https://vibecode.thmtecnologia.com/en/components/taquara/): Spin the mouse wheel over it and the content bends like a sheet of paper, then settles back flat.
- [Teleférico](https://vibecode.thmtecnologia.com/en/components/teleferico/): Thin lines connect icons and cards while a colored pulse of light runs along them, showing data on the move.
- [Varal](https://vibecode.thmtecnologia.com/en/components/varal/): Your page content folds and sways slowly, like a light piece of cloth in a breeze.

## Interaction and physics

- [Balangandã](https://vibecode.thmtecnologia.com/en/components/balanganda/): Thin strings hung from a rail at the top, ending in cards or shapes that sway in a breeze and can be pulled.
- [Enguia](https://vibecode.thmtecnologia.com/en/components/enguia/): A colorful ribbon, thick at the head and thin at the tip, that chases the mouse like a snake.
- [Estilingue](https://vibecode.thmtecnologia.com/en/components/estilingue/): A range control whose track stretches like a rubber band when you pull past the end, then wobbles back.
- [Furta-cor](https://vibecode.thmtecnologia.com/en/components/furta-cor/): A card with artwork that tilts in 3D under the mouse and shimmers with a rainbow sheen, like a rare trading card.
- [Tombo](https://vibecode.thmtecnologia.com/en/components/tombo/): Pill-shaped tags with service names drop onto the screen, bump into each other and pile up; drag and throw them.
- [Truco](https://vibecode.thmtecnologia.com/en/components/truco/): A pile of photo cards where you drag the top one aside and it springs back to the bottom of the stack.
- [Água-viva](https://vibecode.thmtecnologia.com/en/components/agua-viva/): A gradient blob whose outline changes slowly, as if breathing, and stretches toward the mouse.
- [Diorama](https://vibecode.thmtecnologia.com/en/components/diorama/): Scattered photos and shapes that shift at different speeds as the mouse moves, creating depth.

## 3D and space

- [Alameda](https://vibecode.thmtecnologia.com/en/components/alameda/): An endless corridor with framed pictures on both walls that you travel with the mouse wheel, a drag or the arrow keys.
- [Batuta](https://vibecode.thmtecnologia.com/en/components/batuta/): Thousands of tiny dots that fly apart and regroup as a sphere, a ring, a cube and a word you choose.
- [Caligrama](https://vibecode.thmtecnologia.com/en/components/caligrama/): A 3D shape spinning on screen, drawn live with terminal letters and symbols instead of pixels.
- [Calmaria](https://vibecode.thmtecnologia.com/en/components/calmaria/): A calm sea at sunset, with moving waves, a golden reflection of the sun and a bobbing buoy.
- [Coreto](https://vibecode.thmtecnologia.com/en/components/coreto/): Photos arranged in a ring, like a cylinder, that you spin by dragging, with inertia and a floor reflection.
- [Estandarte](https://vibecode.thmtecnologia.com/en/components/estandarte/): Your image becomes a fabric flag that ripples in the wind and can be pulled with the mouse or a finger.
- [Meridiano](https://vibecode.thmtecnologia.com/en/components/meridiano/): A dotted globe that spins on its own, with arcs of light linking 12 real cities around the world.
- [Pipoca](https://vibecode.thmtecnologia.com/en/components/pipoca/): A pile of matte balls and cubes that huddle in the center and part when the mouse passes through.
- [Provador](https://vibecode.thmtecnologia.com/en/components/provador/): A 3D bottle that turns with your finger or mouse, changes color and finish and updates the price instantly.
- [Quimera](https://vibecode.thmtecnologia.com/en/components/quimera/): A glossy liquid 3D shape that ripples, merges with a ring and two capsules and turns with your mouse.
- [Arcada](https://vibecode.thmtecnologia.com/en/components/arcada/): Photos in a row along a curve that glide when you drag or scroll and ripple slightly as they move.
- [Asfalto](https://vibecode.thmtecnologia.com/en/components/asfalto/): A night highway with streaks of headlights rushing past, speeding up while you hold the click.
- [Ciclorama](https://vibecode.thmtecnologia.com/en/components/ciclorama/): Tall image panels arranged in a ring that keeps turning around you and can be dragged by hand.
- [Colmeia](https://vibecode.thmtecnologia.com/en/components/colmeia/): A blue globe with countries made of hexagons and colorful arcs crossing the planet, GitHub style.
- [Códice](https://vibecode.thmtecnologia.com/en/components/codice/): A CSS-only 3D book with a gradient cover that turns sideways on hover and reveals the white page edges.
- [Ouriço](https://vibecode.thmtecnologia.com/en/components/ourico/): A ball of round icons spinning in 3D that follows the mouse and brings the clicked icon to the front.
- [Pangeia](https://vibecode.thmtecnologia.com/en/components/pangeia/): A light dotted globe with orange markers on major cities, turning slowly and easy to drag.
- [Planetário](https://vibecode.thmtecnologia.com/en/components/planetario/): Icons or small elements circling around a center point, like planets around the sun.
- [Porta-retrato](https://vibecode.thmtecnologia.com/en/components/porta-retrato/): A cube that turns as you drag it, showing a photo or a video on each face.
- [Tabuleiro](https://vibecode.thmtecnologia.com/en/components/tabuleiro/): A wall of image cards you can drag in any direction without ever reaching the edge.

## Images and media

- [Arquibancada](https://vibecode.thmtecnologia.com/en/components/arquibancada/): The image is made of thousands of colored dots that move away from the cursor and drift back.
- [Brasa](https://vibecode.thmtecnologia.com/en/components/brasa/): The photo crumbles into dust from the bottom up, with an orange edge that glows like burning paper.
- [Chuvisco](https://vibecode.thmtecnologia.com/en/components/chuvisco/): The image shakes, breaks into strips and splits its colors like a faulty TV signal.
- [Claquete](https://vibecode.thmtecnologia.com/en/components/claquete/): A photo sequence that changes images with ripples, pixels, a swirl, a burn, a glitch or a circle.
- [Cortiça](https://vibecode.thmtecnologia.com/en/components/cortica/): Photos of different heights fitted into columns, with category filters that rearrange everything with animation.
- [Deriva](https://vibecode.thmtecnologia.com/en/components/deriva/): An endless wall of photo cards you drag in any direction and open in detail with a single click.
- [Fatia](https://vibecode.thmtecnologia.com/en/components/fatia/): A waveform with two handles to pick a section, play it back, add fades and download it as WAV.
- [Garoa](https://vibecode.thmtecnologia.com/en/components/garoa/): The photo sits under a sheet of water that ripples with the mouse, with clicks and with raindrops.
- [Lambe-lambe](https://vibecode.thmtecnologia.com/en/components/lambe-lambe/): The photo turns into printed dots, like a newspaper or comic book, and a loupe shows the original.
- [Matinê](https://vibecode.thmtecnologia.com/en/components/matine/): A player with a progress bar, hover thumbnails, chapters, captions, playback speed and fullscreen.
- [Mergulho](https://vibecode.thmtecnologia.com/en/components/mergulho/): On hover, the photo warps like liquid and turns into a second image.
- [Miragem](https://vibecode.thmtecnologia.com/en/components/miragem/): A rounded slab of glass glides over the photo and bends the image at its edges, like a real lens.
- [Pandeiro](https://vibecode.thmtecnologia.com/en/components/pandeiro/): A disc ringed by bars that dance with the sound, or flowing wave lines, playing ambient audio or listening to the mic.
- [Película](https://vibecode.thmtecnologia.com/en/components/pelicula/): An editing timeline with clips you drag, trim and split, plus a preview that shows the result instantly.
- [Penumbra](https://vibecode.thmtecnologia.com/en/components/penumbra/): A warm light follows the mouse over the photo and brings out relief, shine and shadows, like a flashlight.
- [Sarau](https://vibecode.thmtecnologia.com/en/components/sarau/): A podcast player with chapters on the bar and a transcript that highlights and scrolls to the line being played.
- [Sonda](https://vibecode.thmtecnologia.com/en/components/sonda/): The photo starts as a grid of dots and a wave of cyan light sweeps across it, revealing the image.
- [Tirinha](https://vibecode.thmtecnologia.com/en/components/tirinha/): Vertical cards in a phone-sized frame that advance on their own, with progress bars at the top and tap to skip.
- [Ampulheta](https://vibecode.thmtecnologia.com/en/components/ampulheta/): Your logo or portrait assembles from tiny dots that fly into place, scatter from the mouse and come back.
- [Azulejo](https://vibecode.thmtecnologia.com/en/components/azulejo/): Photos cut into diamonds that interlock like a mosaic and open into full squares on hover.
- [Estojo](https://vibecode.thmtecnologia.com/en/components/estojo/): An iPhone drawn in SVG, with the island at the top and your app screenshot filling the screen.
- [Fotograma](https://vibecode.thmtecnologia.com/en/components/fotograma/): One large photo at a time that slides out of frame as the next one grows from the center.
- [Guirlanda](https://vibecode.thmtecnologia.com/en/components/guirlanda/): Photos, logos or icons arranged in a ring that keep turning around the center and can pause on hover.
- [Monóculo](https://vibecode.thmtecnologia.com/en/components/monoculo/): A round magnifying glass follows the mouse over a photo and shows the details enlarged, right in place.
- [Persiana](https://vibecode.thmtecnologia.com/en/components/persiana/): Photos side by side in vertical strips; the one under the mouse widens and the others narrow.
- [Postigo](https://vibecode.thmtecnologia.com/en/components/postigo/): A Safari window drawn in SVG, with an address bar and your site screenshot filling the page.
- [Retoque](https://vibecode.thmtecnologia.com/en/components/retoque/): Two stacked images or screens and a line in the middle you move with the mouse or a finger to compare.

## Cards and surfaces

- [Anilina](https://vibecode.thmtecnologia.com/en/components/anilina/): A full color picker that shows what the screen can display, checks contrast and builds a tonal palette.
- [Baralho](https://vibecode.thmtecnologia.com/en/components/baralho/): Notifications that pop up in a corner, stacked like cards, and go away on their own or with a sideways swipe.
- [Canivete](https://vibecode.thmtecnologia.com/en/components/canivete/): The menu that opens on right-click, with submenus, shortcuts and toggle options, styled like your app.
- [Cicerone](https://vibecode.thmtecnologia.com/en/components/cicerone/): A first-run tour that dims the screen, highlights one element at a time and explains what it does.
- [Mezanino](https://vibecode.thmtecnologia.com/en/components/mezanino/): A panel that slides up from the bottom of the screen, stops at three heights and follows your finger.
- [Biruta](https://vibecode.thmtecnologia.com/en/components/biruta/): A photo card that reveals text on hover and nudges the image according to the side the cursor came from.
- [Camafeu](https://vibecode.thmtecnologia.com/en/components/camafeu/): A card that tilts with the mouse and lifts its image, title and buttons into layers of depth.
- [Cartomante](https://vibecode.thmtecnologia.com/en/components/cartomante/): A fan of tall photos behind a large headline: each photo reveals itself on hover and the headline turns see-through.
- [Convite](https://vibecode.thmtecnologia.com/en/components/convite/): A card that lifts, tilts in 3D and catches a glint of light that follows the cursor, over a deep shadow.
- [Escaninho](https://vibecode.thmtecnologia.com/en/components/escaninho/): A section split into blocks of different sizes, like a Japanese lunch box, to present features or services.
- [Luar](https://vibecode.thmtecnologia.com/en/components/luar/): A card with a soft circular glow that follows the cursor and fades when the mouse leaves.
- [Paetê](https://vibecode.thmtecnologia.com/en/components/paete/): A dark card that catches a light glare and a hologram shimmer that follow the mouse, with a slight tilt.
- [Prateleira](https://vibecode.thmtecnologia.com/en/components/prateleira/): A row of tall photo cards that scrolls sideways and opens each card in a panel over the page.
- [Resma](https://vibecode.thmtecnologia.com/en/components/resma/): Large cards that stick to the top of the screen and pile up on each other as the page scrolls.
- [Valete](https://vibecode.thmtecnologia.com/en/components/valete/): A card that turns 180 degrees on hover to show its back side, flipping sideways or top to bottom.

## Buttons and cursors

- [Adiante](https://vibecode.thmtecnologia.com/en/components/adiante/): A pill button with a dot that grows to fill it on hover, while the text slides away and returns with an arrow.
- [Alinhavo](https://vibecode.thmtecnologia.com/en/components/alinhavo/): Photos that pop up one after another behind the cursor and quickly fade, like a trail of images.
- [Aquarela](https://vibecode.thmtecnologia.com/en/components/aquarela/): A trail of bright, colorful ink that flows and fades behind the mouse, drawn over the whole page.
- [Arrebol](https://vibecode.thmtecnologia.com/en/components/arrebol/): A dark button with rainbow colors running along its bottom edge and a blurred colorful glow underneath.
- [Cata-vento](https://vibecode.thmtecnologia.com/en/components/cata-vento/): A button with a thin rainbow border that keeps spinning around the text, softened by a slight blur.
- [Lampejo](https://vibecode.thmtecnologia.com/en/components/lampejo/): A black pill button with a beam of light running along its edge and an inner glow that grows on hover.
- [Novelo](https://vibecode.thmtecnologia.com/en/components/novelo/): A bundle of thin colored lines chases the cursor across the screen, rippling like loose threads in the wind.
- [Pipa](https://vibecode.thmtecnologia.com/en/components/pipa/): Wide orange, green, yellow and cyan ribbons chase the cursor inside an area, swinging as if they hang on springs.
- [Planador](https://vibecode.thmtecnologia.com/en/components/planador/): Replaces the system arrow with your own cursor that glides behind the mouse and turns toward the movement.
- [Respingo](https://vibecode.thmtecnologia.com/en/components/respingo/): A button that releases a circle of color from the exact click point, growing and fading in under a second.

## Forms and input

- [Cadeado](https://vibecode.thmtecnologia.com/en/components/cadeado/): Boxes for the code that arrives by SMS, with paste support, auto-advance, animated states and a resend button.
- [Despachante](https://vibecode.thmtecnologia.com/en/components/despachante/): A multi-step sign-up form that formats and checks Brazilian CPF, CNPJ, phone, CEP and password as people type.
- [Folhinha](https://vibecode.thmtecnologia.com/en/components/folhinha/): A two-month calendar to pick a start and end date, with quick shortcuts, typed input and highlighted holidays.
- [Prancheta](https://vibecode.thmtecnologia.com/en/components/prancheta/): An in-page photo editor to crop, rotate, adjust brightness and color, apply filters and export the image.
- [Tabelião](https://vibecode.thmtecnologia.com/en/components/tabeliao/): An area to sign with a finger, stylus or mouse, with a baseline, the signer's name, the date and export.
- [Apagador](https://vibecode.thmtecnologia.com/en/components/apagador/): A pill-shaped field with hints that slide up and rotate; on submit, the typed text crumbles into dust.
- [Coruja](https://vibecode.thmtecnologia.com/en/components/coruja/): A dark search field wrapped in blue and magenta light rings that rotate when you hover and click.
- [Guache](https://vibecode.thmtecnologia.com/en/components/guache/): A button that opens a panel to pick a color from a shade area, type HEX, RGB or HSL and check the contrast.
- [Malote](https://vibecode.thmtecnologia.com/en/components/malote/): An area to drag files into or click to choose, with a card that lifts up and a list of the selected files.
- [Pingado](https://vibecode.thmtecnologia.com/en/components/pingado/): A bar that splits into two colored parts with each side's percentage, like coffee and milk in a cup.
- [Tocha](https://vibecode.thmtecnologia.com/en/components/tocha/): A text field whose border lights up in blue right where the cursor passes, like a small flashlight on the frame.

## Data and visualization

- [Alambique](https://vibecode.thmtecnologia.com/en/components/alambique/): A table that summarizes your records; drag fields between rows, columns and values to change the view.
- [Aqueduto](https://vibecode.thmtecnologia.com/en/components/aqueduto/): Curved bands that show where each part of a total goes, with small dots running in proportion to the volume.
- [Caderneta](https://vibecode.thmtecnologia.com/en/components/caderneta/): A whole year in small squares, one per day, getting darker on the days with more activity.
- [Catraca](https://vibecode.thmtecnologia.com/en/components/catraca/): Big numbers that roll like the drums of a car odometer and settle with a slight bounce.
- [Loteamento](https://vibecode.thmtecnologia.com/en/components/loteamento/): A panel of colored rectangles, each sized by its share; click one to zoom into the next level.
- [Manômetro](https://vibecode.thmtecnologia.com/en/components/manometro/): Arc gauges with green, amber and red bands, a needle that swings into place and a counting number.
- [Pindorama](https://vibecode.thmtecnologia.com/en/components/pindorama/): Brazil's 27 federative units as hexagons placed like the real map, darker where the number is higher.
- [Pregão](https://vibecode.thmtecnologia.com/en/components/pregao/): A stock market chart with green and red candles, volume below, mouse wheel zoom and drag to move through time.
- [Páreo](https://vibecode.thmtecnologia.com/en/components/pareo/): Horizontal bars that move forward period by period and swap places in the ranking as time goes by.
- [Sismógrafo](https://vibecode.thmtecnologia.com/en/components/sismografo/): A smooth area chart that keeps receiving new points and slides its time axis along.
- [Ponte aérea](https://vibecode.thmtecnologia.com/en/components/ponte-aerea/): A world map made of tiny dots, with arcs drawing themselves between cities marked by blue points.
- [Transferidor](https://vibecode.thmtecnologia.com/en/components/transferidor/): A ring that fills with animation up to the goal percentage, with the number in the middle.

## Apps and productivity

- [Alfinete](https://vibecode.thmtecnologia.com/en/components/alfinete/): Numbered pins you drop on an image or screen to comment, reply and mark as resolved.
- [Ateliê](https://vibecode.thmtecnologia.com/en/components/atelie/): A code editor with language colors, line numbers, search and collapsible blocks, right inside your page.
- [Balancete](https://vibecode.thmtecnologia.com/en/components/balancete/): A table that scrolls through thousands of rows smoothly, with filters, sorting, editing and spreadsheet copy and paste.
- [Biombo](https://vibecode.thmtecnologia.com/en/components/biombo/): A screen split into areas you widen, shrink or collapse by dragging the lines between them, like a code editor.
- [Caldeira](https://vibecode.thmtecnologia.com/en/components/caldeira/): A dark terminal window where people type commands, see colored output and watch a demo deploy fill its progress bars.
- [Canteiro](https://vibecode.thmtecnologia.com/en/components/canteiro/): A bar schedule you drag to change dates, with arrows between tasks and the critical path in red.
- [Comitiva](https://vibecode.thmtecnologia.com/en/components/comitiva/): Colored arrows with each teammate's name moving across the document, with their text selections and cursor messages.
- [Constelação](https://vibecode.thmtecnologia.com/en/components/constelacao/): Thousands of colored dots linked by threads that arrange themselves into clusters, with search and zoom to any node.
- [Engenhoca](https://vibecode.thmtecnologia.com/en/components/engenhoca/): An infinite board where you wire boxes together to build automations and watch the flow run with pulses of light.
- [Errata](https://vibecode.thmtecnologia.com/en/components/errata/): Shows what changed between two versions of code or text, in red and green, so you can accept or reject each part.
- [Esteira](https://vibecode.thmtecnologia.com/en/components/esteira/): A board of columns with cards you drag between stages, with per-column limits, due dates and priorities.
- [Expediente](https://vibecode.thmtecnologia.com/en/components/expediente/): A weekly appointment calendar where you create, move and stretch time slots by dragging, with a color per provider.
- [Ipê](https://vibecode.thmtecnologia.com/en/components/ipe/): A central idea in the middle and colored curved branches you create with Tab and Enter, drag and collapse.
- [Lauda](https://vibecode.thmtecnologia.com/en/components/lauda/): A text editor where every line is a block: type a slash to add headings, lists and to-dos, and drag to reorder.
- [Linhagem](https://vibecode.thmtecnologia.com/en/components/linhagem/): An org chart that lays itself out as a tree, with teams that open and close and search that traces the path to anyone.
- [Mutirão](https://vibecode.thmtecnologia.com/en/components/mutirao/): An endless whiteboard to stick notes, draw shapes, connect arrows and sketch by hand, like a live workshop wall.
- [Palimpsesto](https://vibecode.thmtecnologia.com/en/components/palimpsesto/): A timeline of a document's versions, with a slider to go back in time, side-by-side comparison and a restore button.
- [Ábaco](https://vibecode.thmtecnologia.com/en/components/abaco/): A spreadsheet inside your app, with cells, a formula bar and totals that recalculate on their own.
- [Gaveteiro](https://vibecode.thmtecnologia.com/en/components/gaveteiro/): A list of folders and files that opens and closes with a click, like the explorer in a code editor.
- [Trampolim](https://vibecode.thmtecnologia.com/en/components/trampolim/): A card with the days as buttons: pick a day and the card stretches with a spring and shows its events.

## AI interfaces

- [Aval](https://vibecode.thmtecnologia.com/en/components/aval/): A card where people review what the AI is about to do and hold a button to approve it, or reject or edit it first.
- [Bastidores](https://vibecode.thmtecnologia.com/en/components/bastidores/): A panel that shows, step by step, what the AI is thinking, which tools it called and how long each step took.
- [Degustação](https://vibecode.thmtecnologia.com/en/components/degustacao/): Two AI models answer the same question side by side, unnamed, and you vote before finding out which is which.
- [Mote](https://vibecode.thmtecnologia.com/en/components/mote/): An AI app message box that grows with the text, takes files, records audio and opens commands when you type a slash.
- [Pingue-pongue](https://vibecode.thmtecnologia.com/en/components/pingue-pongue/): An AI assistant conversation where answers stream in, and people can regenerate, edit their question and rate replies.
- [Prosa](https://vibecode.thmtecnologia.com/en/components/prosa/): An assistant reply that shows up bit by bit, word by word, coming out of a soft blur like in an AI chat.
- [Quebra-cabeça](https://vibecode.thmtecnologia.com/en/components/quebra-cabeca/): A panel the AI builds on screen by itself, piece by piece, with metrics, charts, lists, forms and buttons.
- [Sopro](https://vibecode.thmtecnologia.com/en/components/sopro/): A glowing sphere that breathes while idle and pulses with the voice when the assistant listens or speaks.

## Commerce and conversion

- [Balcão](https://vibecode.thmtecnologia.com/en/components/balcao/): A three-step payment screen with a Pix QR code, card installments and boleto, with the order summary alongside.
- [Mostruário](https://vibecode.thmtecnologia.com/en/components/mostruario/): A main photo with a magnifier that enlarges details on hover, thumbnails below and a fullscreen view with zoom.
- [Pódio](https://vibecode.thmtecnologia.com/en/components/podio/): Plan cards side by side with a monthly and yearly switch, a featured plan and a full feature comparison.
- [Sacola](https://vibecode.thmtecnologia.com/en/components/sacola/): A cart that slides in from the side of the store, with coupons, shipping by postal code and a free shipping bar.
- [Veredito](https://vibecode.thmtecnologia.com/en/components/veredito/): A customer reviews block with a star average, bars per rating, filters, sorting and a review form.
- [Causo](https://vibecode.thmtecnologia.com/en/components/causo/): Customer photos stacked at slight angles, with the testimonial quote appearing word by word beside them.
- [Crônica](https://vibecode.thmtecnologia.com/en/components/cronica/): A testimonial in large type that appears word by word, with a giant number in the background that follows the mouse.
- [Freguesia](https://vibecode.thmtecnologia.com/en/components/freguesia/): A strip of your client logos gliding slowly in a single color, below a short title.
- [Ladrilho](https://vibecode.thmtecnologia.com/en/components/ladrilho/): A logo grid tilted in 3D where the logo under the mouse pops forward and glows green.
- [Pêndulo](https://vibecode.thmtecnologia.com/en/components/pendulo/): One testimonial at a time, with a round photo swinging in an arc on each change and the quote sliding into place.
- [Virada](https://vibecode.thmtecnologia.com/en/components/virada/): A card that changes logo every few seconds, folding in half like an old airport departure board.

## Navigation and scroll

- [Atol](https://vibecode.thmtecnologia.com/en/components/atol/): A black pill at the top of the screen that grows and reshapes to show music, a call, an alert or a timer.
- [Baliza](https://vibecode.thmtecnologia.com/en/components/baliza/): Tooltips and menus pinned to the button that opens them, switching sides on their own when they hit an edge.
- [Balsa](https://vibecode.thmtecnologia.com/en/components/balsa/): Scroll down and panels with photos and large headlines slide sideways, with a progress bar along the bottom.
- [Bonde](https://vibecode.thmtecnologia.com/en/components/bonde/): A header menu where a single panel slides and resizes as you move from one item to the next.
- [Bússola](https://vibecode.thmtecnologia.com/en/components/bussola/): A floating icon bar where icons grow as the cursor comes close and get pulled toward it like magnets.
- [Cadência](https://vibecode.thmtecnologia.com/en/components/cadencia/): A large block of text where each word comes out of a blur and turns sharp as you scroll, at reading pace.
- [Maquete](https://vibecode.thmtecnologia.com/en/components/maquete/): A product drawn in real time that spins, splits into parts and snaps back together as you scroll.
- [Roteiro](https://vibecode.thmtecnologia.com/en/components/roteiro/): A pinned image beside the text that swaps, zooms or crops as each part of the story comes into focus.
- [Translado](https://vibecode.thmtecnologia.com/en/components/translado/): Click a gallery card and its photo and title grow smoothly until they become the detail page.
- [Trevo](https://vibecode.thmtecnologia.com/en/components/trevo/): A search box that opens with Ctrl K or ⌘K to find pages and run actions without leaving the keyboard.
- [Almanaque](https://vibecode.thmtecnologia.com/en/components/almanaque/): A vertical line with pinned milestones that a colored beam fills in as the page scrolls.
- [Arquipélago](https://vibecode.thmtecnologia.com/en/components/arquipelago/): A row of tabs stuck together like liquid, where the chosen tab breaks away like a droplet.
- [Cavalete](https://vibecode.thmtecnologia.com/en/components/cavalete/): A product screen that starts tilted back and turns to face you as the page scrolls, with the headline rising.
- [Comboio](https://vibecode.thmtecnologia.com/en/components/comboio/): A row of logos, testimonials or tags that slides in a seamless loop, horizontally or vertically.
- [Crachá](https://vibecode.thmtecnologia.com/en/components/cracha/): A row of overlapping round photos; on hover, a tag with name and role pops up and tilts with the cursor.
- [Embarque](https://vibecode.thmtecnologia.com/en/components/embarque/): A waiting screen that lists the steps of a process and checks each one off as it moves along.
- [Farol](https://vibecode.thmtecnologia.com/en/components/farol/): A thin line beside the text gains a colorful beam that travels down as people read and scroll.
- [Fichário](https://vibecode.thmtecnologia.com/en/components/fichario/): Tabs where a rounded highlight slides to the chosen option, with the content in a stack of cards.
- [Légua](https://vibecode.thmtecnologia.com/en/components/legua/): A floating pill at the top of the screen shows how much of the page has been read and opens into a menu on click.
- [Montanha-russa](https://vibecode.thmtecnologia.com/en/components/montanha-russa/): Photos, logos or words gliding nonstop along a curved path, which people can also drag.
- [Passarela](https://vibecode.thmtecnologia.com/en/components/passarela/): A translucent icon bar where each icon grows as the mouse gets closer, like on a Mac.
- [Postal](https://vibecode.thmtecnologia.com/en/components/postal/): A window that tilts up from the page in 3D with a slight bounce, over a dimmed and blurred backdrop.
- [Recado](https://vibecode.thmtecnologia.com/en/components/recado/): Notices that pop in one at a time at the top of the list and push the older ones down, like a live feed.