$99 launch price

Components

Scroll Settle Gallery

Pro

Scroll

Installation

ProRequires a Planes Pro license.
npx shadcn add @useplanes/scroll-settle-gallery

Works once the @useplanes registry is set up in your project (one-time). After that, copy and run commands directly.

Unlock with Planes Pro

$99 once · 142 Pro components · lifetime updates.

I have a licenseGet Pro
import { ScrollSettleGallery } from "@/components/ui/ScrollSettleGallery";

<ScrollSettleGallery
  items={[
    { src: "/work/1.jpg", alt: "Studio interior", aspect: 4 / 5 },
    { src: "/work/2.jpg", alt: "Lamp detail", aspect: 1 },
  ]}
  columns={3}
  travel={0.7}
  tilt={6}
/>

Use cases

  • Portfolio and case studies

    A work grid that builds itself as visitors scroll through it.

  • Product showcases

    Screens and product shots arriving from both sides under a launch headline.

  • Moodboards

    Collections of references that feel assembled, not dumped.