Carregando…

Balloon Background

Backgrounds

Floating balloons with string physics that pop into particles when the cursor gets close.

Balões sobem e estouram em partículas perto do cursor

Mova o mouse pelos balões 🎈

Instalação via CLI

$ npx kikitocn add balloon-background

Interno:

@/lib/utils

Exemplo de uso

Balloon BackgroundExample.tsx

import { BalloonBackground } from "@/components/ui/cn/balloon-background/BalloonBackground";

export function BalloonBackgroundExample() {
  return (
    <BalloonBackground>
      Balloon Background
    </BalloonBackground>
  );
}

Props

Prop	Tipo	Padrão	Descrição
`children`	`React.ReactNode`	—	Conteúdo sobreposto ao fundo
`balloonCount`	`number`	`30`	Quantos balões flutuam ao mesmo tempo
`colors`	`BalloonColorSet[]`	—	Paleta de cores { base, light, dark } sorteada por balão
`width`	`string \| number`	`'100%'`	Largura do container
`height`	`string \| number`	`480`	Altura do container
`className`	`string`	—	Classes CSS extras
`style`	`CSSProperties`	—	Estilos inline extras

Voltar para Backgrounds

Carregando…