Parallax Strips
Depth strips that scroll at different speeds creating a parallax illusion.
Component Showcase
Choose Installation Method
Select how you want to add this component to your project
Run command in your project root
$ npx @melonui-dev/cli add parallax-strips
How to import and use
app/page.tsx
import { ParallaxStrips } from "@/components/parallax-strips";
export default function Page() {
return (
<main className="flex min-h-screen items-center justify-center bg-[#050505] p-8">
<ParallaxStrips />
</main>
);
}AI Automation Agent Prompt
Feed this prompt to Claude, ChatGPT, or Gemini to quickly write custom integrations, layouts, or configure props for this component on your system.
I want to integrate the MelonUI "Parallax Strips" component into my project.
To add it, run the command: `npx @melonui-dev/cli add parallax-strips`
Please import and merge this component into my project, and write the code showing how to customize its parameters and content.