# Imagem e mídia

Galerias, sliders, comparador de antes e depois, lupa, transições entre fotos, efeitos de vidro, partículas e glitch sobre imagens, players de vídeo, áudio e podcast, stories e molduras de celular e navegador para apresentar telas. Componentes para mostrar fotos, produtos e conteúdo visual com acabamento profissional.

Pedidos que levam a esta categoria:

- “foto que vira partículas quando passo o mouse”
- “comparar antes e depois arrastando no meio”
- “stories igual ao Instagram no meu site”
- “mostrar o print do app dentro de um iPhone”

- [Arquibancada](https://vibecode.thmtecnologia.com/componentes/arquibancada/): A imagem é formada por milhares de pontinhos coloridos que se afastam do cursor e voltam ao lugar.
- [Brasa](https://vibecode.thmtecnologia.com/componentes/brasa/): A foto se desfaz em poeira de baixo para cima, com uma borda laranja que brilha como papel queimando.
- [Chuvisco](https://vibecode.thmtecnologia.com/componentes/chuvisco/): A imagem treme, se parte em faixas e separa as cores como um sinal de TV com defeito.
- [Claquete](https://vibecode.thmtecnologia.com/componentes/claquete/): Sequência de fotos que troca de imagem com ondas, pixels, redemoinho, queima, glitch ou círculo.
- [Cortiça](https://vibecode.thmtecnologia.com/componentes/cortica/): Fotos de alturas diferentes encaixadas em colunas, com filtros por categoria que reorganizam tudo com animação.
- [Deriva](https://vibecode.thmtecnologia.com/componentes/deriva/): Um mural sem fim de cartões com fotos que você arrasta em qualquer direção e abre em detalhe com um clique.
- [Fatia](https://vibecode.thmtecnologia.com/componentes/fatia/): Uma forma de onda com duas alças para escolher o trecho, ouvir o recorte, aplicar fades e baixar em WAV.
- [Garoa](https://vibecode.thmtecnologia.com/componentes/garoa/): A foto fica debaixo de uma lâmina d'água que ondula com o mouse, com os cliques e com gotas de chuva.
- [Lambe-lambe](https://vibecode.thmtecnologia.com/componentes/lambe-lambe/): A foto vira pontinhos de impressão, como jornal ou gibi, e uma lupa mostra a imagem original.
- [Matinê](https://vibecode.thmtecnologia.com/componentes/matine/): Player com barra de progresso, miniatura ao passar o mouse, capítulos, legendas, velocidade e tela cheia.
- [Mergulho](https://vibecode.thmtecnologia.com/componentes/mergulho/): Ao passar o mouse, a foto se deforma como líquido e se transforma em uma segunda imagem.
- [Miragem](https://vibecode.thmtecnologia.com/componentes/miragem/): Uma placa de vidro arredondada desliza sobre a foto e curva a imagem nas bordas, como uma lente de verdade.
- [Pandeiro](https://vibecode.thmtecnologia.com/componentes/pandeiro/): Um disco cercado de barras que dançam com o som, ou linhas em ondas, tocando um som ambiente ou ouvindo o microfone.
- [Película](https://vibecode.thmtecnologia.com/componentes/pelicula/): Linha do tempo de edição com clipes que você arrasta, apara e divide, e um preview que mostra o resultado na hora.
- [Penumbra](https://vibecode.thmtecnologia.com/componentes/penumbra/): Uma luz quente acompanha o mouse sobre a foto e revela relevo, brilho e sombras, como uma lanterna.
- [Sarau](https://vibecode.thmtecnologia.com/componentes/sarau/): Player de podcast com capítulos na barra e uma transcrição que destaca e rola a frase que está tocando.
- [Sonda](https://vibecode.thmtecnologia.com/componentes/sonda/): A foto começa como uma grade de pontos e uma onda de luz ciano passa por ela, revelando a imagem.
- [Tirinha](https://vibecode.thmtecnologia.com/componentes/tirinha/): Cartões verticais em tela de celular que passam sozinhos, com barrinhas de progresso no topo e toque para avançar.
- [Ampulheta](https://vibecode.thmtecnologia.com/componentes/ampulheta/): Seu logo ou retrato se monta com pontinhos que voam até o lugar, fogem do mouse e depois voltam.
- [Azulejo](https://vibecode.thmtecnologia.com/componentes/azulejo/): Fotos recortadas em losango que se encaixam como um mosaico e viram quadrado inteiro ao passar o mouse.
- [Estojo](https://vibecode.thmtecnologia.com/componentes/estojo/): Um iPhone desenhado em SVG, com a ilha no topo e o print do seu app ocupando a tela.
- [Fotograma](https://vibecode.thmtecnologia.com/componentes/fotograma/): Uma foto grande por vez, que sai deslizando e dá lugar à próxima, crescendo a partir do centro.
- [Guirlanda](https://vibecode.thmtecnologia.com/componentes/guirlanda/): Fotos, logos ou ícones dispostos em roda que giram sem parar em volta do centro e podem pausar com o mouse.
- [Monóculo](https://vibecode.thmtecnologia.com/componentes/monoculo/): Um círculo de aumento segue o mouse sobre a foto e mostra os detalhes ampliados, sem sair do lugar.
- [Persiana](https://vibecode.thmtecnologia.com/componentes/persiana/): Fotos lado a lado em faixas verticais; a que está sob o mouse se alarga e as outras se estreitam.
- [Postigo](https://vibecode.thmtecnologia.com/componentes/postigo/): Uma janela do Safari desenhada em SVG, com barra de endereço e o print do seu site ocupando a página.
- [Retoque](https://vibecode.thmtecnologia.com/componentes/retoque/): Duas imagens ou telas sobrepostas e uma linha no meio que você move com o mouse ou o dedo para comparar.