DocsComponents
Smooth Image Load
Eliminate layout shifts and jarring image pops. A hook that gracefully fades and sharpens images as they load.
Installation
npm install smoothkitUsage
typescript
API Reference
| Property | Type | Default | Description |
|---|---|---|---|
| fadeInDuration | number | 600 | Duration of the fade-in effect in ms. |
| blur | boolean | false | Whether to apply a blur effect while loading. |
| blurAmount | number | 10 | Amount of blur in pixels (if blur is true). |