Sticky Card
Smooth sticky card scrolling effect with Lenis and Framer Motion.
Installation
Usage
import { StickyCard } from "viora-ui";import { StickyCard } from "viora-ui";
export default function StickyCardDemo() {
return (
<div className="flex min-h-[350px] w-full items-center justify-center p-6">
<StickyCard />
</div>
);
}API Reference
StickyCard
| Prop | Type | Default | Description |
|---|---|---|---|
| i | number | - | Configuration for i. |
| title | string | - | Configuration for title. |
| src | string | - | Configuration for src. |
| progress | any | - | Configuration for progress. |
| range | [number, number] | - | Configuration for range. |
| targetScale | number | - | Configuration for targetScale. |
Built by Otis
Last updated: 10/12/2026
