Pular para o conteúdo
A

Border Beam

EfeitosCLI

Feixe de luz percorrendo a borda em loop.

Também no template SaaS Pro. Ver templates Pro →

Instalação

bash
pnpm add aura-ui-effects aura-ui-tailwind

Depois, importe o CSS uma vez no seu arquivo global (Tailwind v4):

css
/* app/globals.css */
@import "aura-ui-tailwind";
@import "aura-ui-effects/tailwind.css";

Uso

tsx
import { BorderBeam } from "aura-ui-effects/border-beam";

API

Exportações

BorderBeam

Tipos

BorderBeamColorBorderBeamProps

Código-fonte

É exatamente o arquivo que o CLI copia para o seu projeto — edite à vontade.