ProcessWithAnimatedScrollPath

A vertical step process component with an animated gradient line that follows scroll.

  • 1.

    Discovery

    We analyze your business needs and identify automation opportunities.

  • 2.

    Strategy

    We design a custom automation roadmap tailored to your goals.

  • 3.

    Implementation

    Our team builds and integrates the automation solutions.

  • 4.

    Optimization

    Continuous monitoring and refinement for maximum efficiency.

Installation

bunx --bun shadcn@latest add undefined/r/ProcessWithAnimatedScrollPath.json

Usage

import { ProcessWithAnimatedScrollPath } from "@/components/ProcessWithAnimatedScrollPath"

const steps = [
  { title: "Step 1", description: "Description 1" },
  { title: "Step 2", description: "Description 2" }
]

<ProcessWithAnimatedScrollPath steps={steps} />

API Reference

PropTypeDefaultDescription
stepsStep[]-Array of steps with title, description, and optional icon.