DocsComponents
Smooth Reveal
Animate elements as they enter the viewport. Supports fade, slide, and scale effects with zero layout shift.
Hey! Have you tried the new update?
Yeah! The animations are incredibly smooth now.
It feels native. Minimal layout shifts too.
Installation
npm install smoothkitUsage
typescript
API Reference
| Property | Type | Default | Description |
|---|---|---|---|
| animation | string | 'fade-up' | Type of animation (fade-up, fade-in, scale, slide-left, etc). |
| duration | number | 600 | Animation duration in milliseconds. |
| delay | number | 0 | Delay before animation starts in ms. |
| threshold | number | 0.1 | Viewport intersection threshold (0-1). |