Planes

Components

Physics

Dot Monogram

ProUnlock all 54 Pro — $99 once

Text or an image rendered as drifting dots that scatter from your cursor; tap to send a shockwave rippling through the glyph.

All components

Installation

ProRequires a Planes Pro license.
npx shadcn add @useplanes/dot-monogram

Unlock with Planes Pro

$99 once · 54 Pro components · lifetime updates.

I have a licenseGet Pro
<DotMonogram text="Aa" size={440} inkColor="#ff6a00" />

Use cases

  • Logo hero moment

    Render your monogram or wordmark as living dots visitors can play with.

  • 404 and empty states

    A tactile glyph makes dead ends feel intentional.

  • Brand marks from images

    Point src at a logo file — ink detection and speck cleanup handle the rest.

  • Section dividers

    A single drifting character adds texture without pulling focus.