Botão com Ondas

Sobre

A cada clique uma onda sai do ponto exato onde o cursor tocou o botão e se dissolve. Funciona com mouse e toque.

Detalhes

Categoria

Botões

Tipo

Componente

Framework

React

Tecnologias

React, CSS

Publicado em

27 de outubro de 2026

Base

Adaptado de Ripple Button · Magic UI (licença MIT)

Dependências e requisitos

• react>=18

  Biblioteca de interface.

• Projeto React 18+. Não depende de Tailwind.

Arquivos incluídos

• components/integra/botao-ondas.tsxtsx

Como usar

import BotaoOndas from "@/components/integra/botao-ondas";

<BotaoOndas>Clique aqui</BotaoOndas>