Slide In On Scroll

Layout

Slide/fade entrance linked to native CSS scroll-driven animation (animation-timeline: view()), not one-shot — adapted from cuicui.day. Absorbed by Scroll Reveal.

Slide In On Scroll — ligado ao progresso real do scroll (animation-timeline: view())

Role pra cima dentro deste quadro ↑

Desliza ao entrar no viewport

Instalação via CLI

$ npx kikitocn add slide-in-on-scroll

Interno:

@/lib/utils

Exemplo de uso

Slide In On ScrollExample.tsx

import { SlideInOnScroll } from "@/components/ui/cn/slide-in-on-scroll/SlideInOnScroll";

export function SlideInOnScrollExample() {
  return (
    <SlideInOnScroll>
      Slide In On Scroll
    </SlideInOnScroll>
  );
}

Props

Prop	Tipo	Padrão	Descrição
`children*`	`ReactNode`	—	Conteúdo a animar
`className`	`string`	—	Classes CSS extras

Voltar para Layout

Carregando…