Animate On Mount

Wrapper that plays a CSS transition on mount (no scroll trigger). Lighter alternative to the GSAP-based AnimateOnScroll for simple mount reveals.

@sigil-ui/componentsReact

Preview

import { AnimateOnMount } from "@sigil-ui/components";

<AnimateOnMount>
  <Badge>I animated in on mount</Badge>
</AnimateOnMount>

Prop	Type	Default	Description
`preset`	`PresetName`	`fadeUp`	Animation preset.
`delay`	`number`	`0`	Delay in ms.
`duration`	`number`	`400`	Duration in ms.

CSS Variable	Purpose
`--s-ease-default`	Ease default

ProximityGlow

Pointer-proximity glow border using CSS mask-composite and conic-gradient angle tracking.

AnimateOnScroll

Reveal content as it enters the viewport.