Docs
Workflow Animation
Workflow Animation
You can see the workflow with scrolling
Loading...
Installation
Install the following dependencies:
npm install framer-motionCopy and paste the cn util code into your project.
import { ClassValue, clsx } from "clsx"
import { twMerge } from "tailwind-merge"
export function cn(...inputs: ClassValue[]) {
return twMerge(clsx(inputs))
}
Install the shadcn/ui dependencies:
You need to install shadcn components, like this:
npx shadcn@latest add cardCopy and paste the dot code into your project.
API Reference
Props
| Prop | Type | Description |
|---|---|---|
| title | string | Workflow header. |
| describtion | string | Workflow description. |
| pathLengths | MotionValue | framer-motion MotionValue |