Get everything for $99, lifetime

Components

Dotted Sphere

Pro

Installation

ProRequires a Planes Pro license.
npx shadcn add @useplanes/dotted-sphere

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 { DottedSphere } from "@/components/ui/DottedSphere";

<DottedSphere
  size={440}
  dotCount={2600}
  behavior="float"
  repelStrength={1.8}
  pulseStrength={2.6}
/>

Use cases

  • Interactive hero

    A dark landing centerpiece that comes alive as visitors sweep their cursor through the dot cloud.

  • Network / global reach

    Suggest a worldwide platform, data mesh, or connectivity story without a literal map.

  • AI / compute motif

    Pair with copy about models or processing — the drifting, reactive field reads as “something is alive.”

  • Idle / empty state

    An ambient cloud for empty states that feels responsive without demanding attention.