For the complete documentation index, see llms.txt. Markdown variants are available by appending .md to any URL or sending an Accept: text/markdown header. An agent skill is available at /.well-known/agent-skills/site-skill.md.
0
Sponsor

Fragment Reveal

Steps through children one by one using fragment animations.

Revealed first

Revealed second

Revealed third

Installation

$ pnpm dlx shadcn@latest add @slidecn/fragment-reveal

Usage

import FragmentReveal from "@/components/slides/fragment-reveal";
 
function MyPresentation() {
  return (
    <Deck>
      <FragmentReveal animation="fade-in" stagger>
        <p>Revealed first</p>
        <p>Revealed second</p>
        <p>Revealed third</p>
      </FragmentReveal>
    </Deck>
  );
}

API Reference

FragmentReveal

PropTypeDefaultDescription
childrenReactNode[]requiredElements to reveal
animationFragmentAnimation"fade-in"Fragment animation
staggerbooleanfalseStagger indices