Back to library

Preview of topolines

GitHub

Backgrounds, Effects & CSS Oddities · Background patterns

topolines

One React component that draws animated topographic contour backgrounds on the GPU, with six presets and a live playground.

Why it’s a gem
Contour-line backgrounds without hand-writing noise shaders or importing three.js.

Visit topolines.idlee.xyz

Author: Alex (@idleCyrex)
Type: GitHub repository
License: MIT
Added: Sep 2, 2026
Domain: topolines.idlee.xyz

react webgl background contour zero-dependency

More from Background patterns

Preview of SVG Backgrounds

SVG Backgrounds

Collection of customisable SVG backgrounds, shape dividers, doodles and preloaders with export presets for Webflow, Elementor and plain CSS.

Unknownfreemium

Preview of Hero Patterns

Hero Patterns

Library of tileable SVG background patterns with live foreground colour and opacity controls, copied out as data-URI CSS.

Preview of CSS Pattern

CSS Pattern

157 background patterns built entirely from CSS gradients, each parameterised with custom properties for size and colour.