Varun Chaudhary

Services Stack

Component 123

About

Scroll-stacked services section: sticky full-height panels whose cards shrink and fade as the next one slides over, a cross-fading photo background with film grain, and a looping line drawing per service that acts out each capability while the matching chip lights up.

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Services Stack to your project and fits it to your theme.

Code

How Services Stack is used: the demo's code. The component's own source comes with a free account.

Usage.tsx

import { ServicesStack } from "@/components/ui/services-stack";

export default function DemoOne() {
  return (
    <div className="w-full bg-[#0b0f4a]">
      <ServicesStack />
    </div>
  );
}

Dependencies

More by Varun Chaudhary

View all
  • Social Preview

    Social Preview

  • Ferrofluid

    Ferrofluid