ASCII Wake

A field of Geist Mono characters that sits at rest as faint centred periods.

$149 once · every Pro piece

Customize

Cell (px)

Linger (s)

Intro sweep

The pointer leaves a wake: cells behind it run up the ramp . : - = + * # % and heat into the accent, while a damped wave carries a ripple outward through the grid before everything settles back to dots. Glyphs are pre-rendered into one atlas, so a frame is only a handful of image copies.

Install

npx shadcn@latest add @obsyde/ascii-wake

Needs your licence key · Get Pro

Usage

Import it from where the CLI puts it, or copy the files below by hand.

import { AsciiWake } from '@/components/obsyde/ember/ascii-wake/AsciiWake';

export function Example() {
  return (
    <AsciiWake />
  );
}

Files

What you get with Pro: plain React, TypeScript and CSS, with no dependencies.

ember/ascii-wake/AsciiWake.tsxcomponent
ember/ascii-wake/ascii-wake-demo.cssstyles
ember/ascii-wake/ascii-wake.cssstyles
ember/ascii-wake/AsciiWakeDemo.tsxdemo
ember/type-kit/kit.tsshared
ember/shared/accent.tsshared
ember/shared/spring.tsshared
ember/shared/ember.cssshared

API

Prop	Type	Default
`accent`Accent	`'ember' \| 'volt' \| 'arc'`	`'ember'`
`cell`Cell (px)	`number`	`14`
`linger`Linger (s)	`number`	`0.45`
`intro`Intro sweep	`boolean`	`true`