---
title: "topolines"
description: "One React component that draws animated topographic contour backgrounds on the GPU, with six presets and a live playground."
canonical: "https://vibing.inc/library/topolines-vg-2136"
category: "Backgrounds, Effects & CSS Oddities"
subcategory: "Background patterns"
license: "MIT"
author: "Alex (@idleCyrex)"
source: "https://topolines.idlee.xyz"
---

# topolines
One React component that draws animated topographic contour backgrounds on the GPU, with six presets and a live playground.
## Facts
- Source: https://topolines.idlee.xyz
- Category: Backgrounds, Effects & CSS Oddities / Background patterns
- Author: Alex (@idleCyrex)
- Licence: MIT
- Tags: react, webgl, background, contour, zero-dependency
## Why it's a gem
Contour-line backgrounds without hand-writing noise shaders or importing three.js.
---
Listed in The Vibeary: https://vibing.inc/library/topolines-vg-2136 · JSON: https://vibing.inc/api/public/library/gems/topolines-vg-2136