Lazy-uiLazy UI
Star0

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";

<OrbitBloom
  effect="ripple"
  shape={0.85}
  shapeShift={1}
  fillRatio={0.6}
  columns={59}
  rows={32}
  speed={1}
  waveFrequency={4}
  wavePower={7}
  spiralArms={11}
  falloff={1.8}
  baseAlpha={0.18}
  colorSpeed={3.1}
  opacity={1}
  color1="#7a1f3d"
  color2="#93229D"
/>