Get everything for $99, lifetime

Components

Rubber Band Select

Pro

Drag on the background to select

Installation

ProRequires a Planes Pro license.
npx shadcn add @useplanes/rubber-band-select

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 · 161 Pro components · lifetime updates.

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

<RubberBandSelect
  items={[
    { id: "a", label: "Q3-report.pdf", icon: <FileText /> },
    { id: "b", label: "logo.svg", icon: <Image /> },
  ]}
  onSelectionChange={(ids) => setSelected(ids)}
/>

Use cases

  • File managers

    Desktop-grade multi-select for web file browsers.

  • Photo libraries

    Sweep up a batch of shots for an album or export.

  • Dashboard bulk actions

    Select rows or cards for tagging and archiving.

  • Design canvases

    Marquee selection that feels elastic instead of clinical.