Orbit Bloom

A radial grid of shapes that morph between circle and square — same four effect modes as Orbit Cipher, but shape-based instead of glyph-based.

Background

Build lazily.

Shape-based sibling of Orbit Cipher — circles morph to squares as crests pass.

Customize

Effect

ShapeSquare

Shape shift1.00

Fill ratio60%

Columns59

Rows32

Speed1.00x

Wave frequency4.0

Wave power7.0

Arms11

Falloff1.8

Base alpha18%

Color cycle3.1

Opacity100%

Color 1

Color 2

Usage

import { OrbitBloom } from "@/components/lazy-ui/orbit-bloom";

export function Demo() {
  return (
    <div className="relative h-96 w-full overflow-hidden">
      <OrbitBloom effect="spiral" />
    </div>
  );
}