Reveal

Scroll-into-view entrances — fade, blur, scale, flip, slide — with optional per-child stagger.

intersection-observer2 files · 94 locdeps: clsx, tailwind-merge

fade-up

blur

scale

flip

slide-left

slide-right

Scrollthispreviewoutandback—wordsstaggerin.

Installation

With the shadcn CLI, pointing at this platform’s registry:

npx shadcn@latest add https://opusui.131199999.xyz/r/reveal.json

Or offline, straight from your opus55 checkout (copies every file it needs):

node ../tailwind_component/opus55/scripts/add.mjs reveal

import { Reveal } from "@/components/opus/effects/reveal";

<Reveal effect="blur" stagger={80}>
  <h2>…</h2><p>…</p>
</Reveal>

Prop	Type	Default	Description
effect	"fade" \| "fade-up" \| "fade-down" \| "slide-left" \| "slide-right" \| "scale" \| "blur" \| "flip"	"fade-up"	Entrance style.
delay / stagger / duration	number	0 / 0 / 700	Timing (ms).
repeat	boolean	false	Hide again when leaving the viewport.
threshold	number	0.15	IntersectionObserver threshold.