DocsComponents
Smooth Hover
Create a premium "magnetic" feel for cards and buttons. Smoothly lifts elements with scale, translation, and shadow.
Minimalist
Less is more. A clean, high-contrast card that pops.
Installation
npm install smoothkitUsage
typescript
API Reference
| Property | Type | Default | Description |
|---|---|---|---|
| scale | number | 1.05 | Scale factor applied to the element on hover. |
| translateY | number | -5 | Vertical translation in pixels applied on hover. |
| shadow | string | medium | Box-shadow string or preset applied on hover. |
| duration | number | 300 | Transition duration in milliseconds. |