Grid
Girih Grid
Islamic star-and-rosette strapwork built by Hankin polygons-in-contact: rays leave every edge midpoint at the contact angle and close into interlaced stars. Use for ornament, palace, mosaic and ritual floors.
Settings and defaults
- Tiling
- 0
- Contact Angle
- 67.5
- Strap Width
- 0.07
- Angle Drift
- 5
- Cell Size
- 4
- Line Width
- 1.2
- Section Size
- 3
- Section Width
- 0.8
- Line Mode
- 2
- Cell Mode
- 2
- Anim Speed
- 1
- Anim Scale
- 0.5
- Anim Intensity
- 0.25
- Fade Strength
- 0.65
- Displace
- 0
- Size
- 50
- Line Color
- #f2c469
- Section Color
- #3f6fc4
- Cell Color
- #12616f
- Glow Color
- #38c4c8
- Bg Color
- #05070a
- Bg Opacity
- 0
- Reveal
- 1
- Reveal Duration
- 0
The Girih Grid lays an Islamic star pattern across the floor: interlaced bands that weave over and under each other and close into eight-pointed stars and rosettes, with the spaces between them glazed in two tones as in zellij tilework. The angle of the stars drifts slowly, so the pattern breathes between related designs.
How it works
It uses the method historians call polygons in contact. Start from a simple tiling of polygons; from the middle of every edge send two rays into the polygon at a fixed angle, and extend them until they meet. Those rays become the strapwork. Change the angle and the same tiling yields a completely different star. Where two straps cross, one is cut so it seems to pass beneath the other, and the stars stand slightly proud of the straps when Displace is on, like carved plaster.
Settings
- Tiling picks the base: 4.8.8 (octagons and squares), Hexagons, or 3.6.3.6 (hexagons and triangles).
- Contact Angle sets the ray angle; 67.5 is the classic eight-point star.
- Strap Width sets the width of the woven bands.
- Angle Drift lets the angle wander, morphing the pattern.
- Line Color, Section Color and Cell Color restyle the pattern; the default palette is gold, blue and teal.
Use it for
Ornamental and cultural scenes, luxury and hospitality brands, Ramadan and festive campaigns, architecture and craft. The Wallpaper Grid explores symmetry more broadly.
Code and API
Ready-to-paste React Three Fiber code and the 3DRise API are included in paid plans, inside the studio.
More grids
Wallpaper Grid
Kaleidoscope patterns with the exact symmetry of the 17 wallpaper groups, drifting and cycling from one group to the next. Use for tiled, ornamental, crystal and mosaic floors.
Hyperbolic Grid
An Escher-style {p,q} tiling of the Poincaré disk that glides through itself; tiles shrink endlessly toward the rim. Use for mystical, mathematical and portal floors.
Chladni Grid
Vibrating Chladni plates: sand settles on the nodal lines of a standing wave that drifts between resonances. Use for sound, music, science and meditative floors.
Flow Net Grid
A potential-flow net around a cylinder: streamlines and equipotentials cross at right angles and bend around the obstacle. Use for aerodynamic, fluid and engineering floors.
Grav Wave Grid
A spacetime lattice around an inspiralling black-hole binary: the wells pinch the grid and chirping quadrupole waves spiral outward until the merger rings down. Use for space, physics and sci-fi floors.
Reaction Diffusion Grid
A living Gray-Scott reaction-diffusion field: coral, labyrinths and dividing spots grow across the plane and never settle. Use for organic, biological and alien floors.
Works well with
Mahogany
Dark reddish-brown mahogany with a smooth, half-sheen finish. For classic furniture, libraries and luxury product scenes.
WoodReflector
A reflective surface for floors and stages: mirrors the scene above it, with blur, strength and depth fade controls.
AdvancedWalnut
Rich dark brown walnut with a soft satin finish. For premium furniture, mid-century interiors and dark, warm product scenes.
WoodAdvanced
Five advanced 3D materials: a mirror floor, refraction, see-through transmission glass, and two surfaces that distort or wobble the shape in motion.
MaterialBasic
The six standard 3D surface materials, from unlit flat color to physically based paint, clearcoat and cel shading. How each one takes light.
MaterialBasic Material
An unlit 3D material: flat color or image that ignores every light in the scene. For UI panels, flat graphics and exact brand colors.
Basic