Container Scroll Animation

Display

A 3D 'monitor' that tips from rotateX(20deg) to flat as you scroll, with the title rising — adapted from Aceternity UI.

Container Scroll — o monitor se endireita conforme rola

Role aqui dentro

Kikito CN

Instalação via CLI

$ npx kikitocn add container-scroll

Interno:

@/lib/utilsmotion

Exemplo de uso

Container Scroll AnimationExample.tsx

import { ContainerScrollAnimation } from "@/components/ui/cn/container-scroll/ContainerScrollAnimation";

export function ContainerScrollAnimationExample() {
  return (
    <ContainerScrollAnimation>
      Container Scroll Animation
    </ContainerScrollAnimation>
  );
}

Props

Prop	Tipo	Padrão	Descrição
`titleComponent*`	`React.ReactNode`	—	Título acima do monitor (sobe no scroll)
`children*`	`React.ReactNode`	—	Conteúdo dentro da tela

Voltar para Display

Carregando…