Sticky Content Wrapper

Split-screen sticky scroll: content on one side steps through headings, copy and a CTA while the paired image scales and swaps on the other. Theme-aware, snap-aware, mobile stack fallback, prop-driven.

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

"use client";

import StickyContentWrapper from "@/components/ui/sticky-content-wrapper";

// Paints the theme background out of the box. Pass `items` for your own content.
export default function StickyContentWrapperDemo() {
  return <StickyContentWrapper />;
}