Parallax Scrolling

Heroes 5.3K

About

Here is Parallax Scrolling component

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

Code

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

Usage.tsx

// src/demos/default.tsx
import { ParallaxComponent } from '@/components/ui/parallax-scrolling';

export default function ParallaxDemo() {
  return (
    <>
      <ParallaxComponent />
      <div className="osmo-credits">
        <p className="osmo-credits__p">Resource by <a target="_blank" href="https://www.osmo.supply/" className="osmo-credits__p-a">Osmo</a>
        </p>
      </div>
    </>
  );
}