Get everything for $99, lifetime

Components

Dot Monogram

Pro

Installation

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

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

<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.