Grid

Phyllotaxis Grid

Vogel sunflower florets at the golden angle, lit domes coloured by age, each carrying one of 21 marks opened by bloom rings. Use for organic, botanical and premium floors.

  • phyllotaxis
  • golden-angle
  • sunflower
  • fibonacci
  • voronoi
  • organic

Settings and defaults

Divergence
137.508
Bloom Rate
0.04
Relief
0.8
Shape
1
Shape Size
0.85
Shape Glow
0.9
Cell Size
1.6
Line Width
0.6
Section Size
2
Section Width
1.4
Line Mode
0
Cell Mode
0
Anim Speed
1
Anim Scale
0.5
Anim Intensity
0.6
Fade Strength
0.6
Displace
0
Size
50
Line Color
#a8661c
Section Color
#ffcf70
Cell Color
#3a1a08
Glow Color
#e4ee8a
Bg Color
#070402
Bg Opacity
0
Reveal
1
Reveal Duration
0

The Phyllotaxis Grid is a sunflower head drawn as a floor. Hundreds of florets spiral out from the centre, each a softly lit dome coloured by its age, packed without gaps. Rings of bloom travel from the rim toward the centre, opening a small mark inside each floret as they pass. The head never turns: the motion is the bloom.

How it works

Each new seed is placed a fixed angle around from the last and a little further out. At the golden angle, about 137.5 degrees, no two seeds ever line up, so they pack evenly with no gaps and no rings, which is how real sunflowers, pine cones and daisies grow. Each floret is a dome over its own cell, lit from the upper left. Each one opens with its own small delay, so the bloom fronts look ragged and alive rather than ruled.

Settings

  • Divergence is the angle between seeds; 137.508 is the golden angle, and moving away from it changes how the florets pack.
  • Bloom Rate is the speed of the bloom rings; negative sends them outward.
  • Relief is the depth of each dome.
  • Shape picks the mark in each floret from 21, including Seed, Crescent, Sparkle, Spiral, Star, Heart, Gear and Sunburst, or domes only.
  • Shape Size and Shape Glow set the marks.

Use it for

Botanical, beauty and wellness brands, premium product floors, spring campaigns and nature education. The Parastichy Grid shows the same head as its spirals.

Code and API

Ready-to-paste React Three Fiber code and the 3DRise API are included in paid plans, inside the studio.

See plans

More grids

Works well with

Used in