Ascii Background | Leguan UI

Procedural ASCII art backgrounds with eight math-driven patterns.

Preview

Product

radial

wave

diagonal

field

Radial

<AsciiBackground
  shape="radial"
  seed={1046099155}
  variant="compact"
  className="aspect-[2.2/1] w-full rounded-squircle-md"
/>

Wave

<AsciiBackground
  shape="wave"
  seed={73530}
  variant="compact"
  className="aspect-[2.2/1] w-full rounded-squircle-md"
/>

Diagonal

<AsciiBackground
  shape="diagonal"
  seed={1747181459}
  variant="compact"
  className="aspect-[2.2/1] w-full rounded-squircle-md"
/>

Field

<AsciiBackground
  shape="field"
  seed={1782495433}
  variant="compact"
  className="aspect-[2.2/1] w-full rounded-squircle-md"
/>

Rings

<AsciiBackground
  shape="rings"
  seed={199410588}
  variant="compact"
  className="aspect-[2.2/1] w-full rounded-squircle-md"
/>

Flow

<AsciiBackground
  shape="flow"
  seed={1600493139}
  variant="compact"
  className="aspect-[2.2/1] w-full rounded-squircle-md"
/>

Horizon

<AsciiBackground
  shape="horizon"
  seed={1509498579}
  variant="compact"
  className="aspect-[2.2/1] w-full rounded-squircle-md"
/>

Pulse

<AsciiBackground
  shape="pulse"
  seed={1443688092}
  variant="compact"
  className="aspect-[2.2/1] w-full rounded-squircle-md"
/>

Install by URL

Terminal

pnpm dlx shadcn@latest add https://leguan-ui.pages.dev/r/ascii-background.json