@lowgame/ascii-arter / colorful wave demo

Let color do the first sell.

Chromawave is the opposite of the monochrome RelayStack hero. No text-mask gimmick inside the canvas — just ambient liquid motion, saturated wave layers and a foreground stack that feels like a real launch surface.

See the composition Browse all demos
Sunset pink Cyan surf Soft gold
Ambient motion only — no subject text mask • Color-first hero for launch pages • Static HTML + exported JSON
Color system preview / live wave backdrop launch mode
Palette pressure test

One animated background, three very different product beats.

Hero recall91%
CTA focus+27%
Time-to-wow2s
Foreground shapes

Cards over waves, not words inside waves.

Each panel uses normal HTML so the background remains reusable behind real product blocks, screenshots and pricing cards.

Stack
Hero sceneWavefield + tidal scan + kaleido
CTA scenePrism shift + plasma wave
Why this one exists

More randomized motion, less “big masked word in the middle”.

This demo answers the exact need for richer showcase variety: colorful background waves, layered motion, floating product surfaces and no dependency on subject text in the scene itself.

01

Color carries the mood

Instead of a monochrome art direction, Chromawave leans into candy, aurora and ocean palettes so the first screen feels lively before a screenshot even shows up.

02

No text-only canvas trick

The exported JSON uses ambient motion only. The product story lives in cards, metrics and layout — exactly how a real landing page would use the package.

  • Hero JSON subject type = none
  • CTA JSON subject type = none
  • Foreground remains pure HTML/CSS
03

Easy to remix

Open the editor, swap palettes and layer modes, export again, then keep the same page shell. It’s a useful starter for consumer brands and colorful SaaS launches alike.

Final CTA

Build the page first. Let the ASCII motion carry the atmosphere.

Chromawave is a good pattern when you want something more visual than a dashboard hero but still usable in a real product landing. The scene stays alive while the layout stays simple.

Open editor View source