---
title: "Layoutit Terra"
description: "Procedural terrain generator that renders landmass, biomes and elevation entirely through CSS grid cells rather than canvas."
canonical: "https://vibing.inc/library/layoutit-terra-vg-0334"
category: "Community Finds"
subcategory: "CSS experiments"
license: "free"
author: "Layoutit Studio"
source: "https://terra.layoutit.com"
---

# Layoutit Terra
Procedural terrain generator that renders landmass, biomes and elevation entirely through CSS grid cells rather than canvas.
## Facts
- Source: https://terra.layoutit.com
- Category: Community Finds / CSS experiments
- Author: Layoutit Studio
- Licence: free
- Tags: css, generative, grid, terrain
## Why it's a gem
Proof that CSS grid can do procedural generation; great source of texture ideas
---
Listed in The Vibeary: https://vibing.inc/library/layoutit-terra-vg-0334 · JSON: https://vibing.inc/api/public/library/gems/layoutit-terra-vg-0334