I built a vector topographic contour map generator for designers (SVG export)

#showdev #design #webdev #svg

Hey everyone! 👋

As a designer, I constantly needed high-quality vector topographic contour lines and generative patterns for branding, UI hero backgrounds, and print projects. Most existing tools were either heavy GIS software (like QGIS) or required static file purchases.

So I built Topolines—a fast, web-based vector topographic generator.

🎛️ Key Features:

Parametric Control: Fine-tune elevation density, noise scale, detail, and line weights in real-time.
Custom Styling: Full visual control over color palettes, gradients, contrast, and backgrounds.
Clean Vector Export: Instant SVG exports (perfect for Figma, Illustrator, or web code) and HD PNGs.
Frictionless Free Tier: Direct PNG exports without even needing an account.

I'd love for you to try it out at topolines.app and let me know your feedback or feature requests!