Launching today
Topolines
Generate Topologic contours
126 followers
Generate Topologic contours
126 followers
Draw a zone, generate crisp topographic contour lines, and export print-ready SVG & HD PNG. Gradients, elevation taper and Figma-ready output.
Topolines
Hey Product Hunt! 👋
Topolines turns any real place on Earth into a clean topographic contour map. You pick a location on the map, it pulls the actual elevation data for that spot (SRTM 30m, or 10m GeoTIFF for finer terrain), and generates the contour lines from it. So the ridge you export is a real ridge, not a shape you drew.
I built it to solve a recurring friction in my own design work: getting vector topographic maps without opening heavy 3D software or rebuilding them by hand in a vector tool.
From there you can tweak contour density, line weights, the elevation taper and colors, then export as clean SVG or HD PNG, ready for Figma, web, or print.
Try it on somewhere you know well, that's when it clicks. I'm around all day for questions and feature requests 🙌
@alexis_oules Refreshing to see something on here that is not just AI Slop and solves an actual usecase. It's not in my wheelhouse but the demo video looks really cool! :) Good luck!!
Topolines
@niklas_fischer Thanks Niklas, that genuinely means a lot 🙏 I built it because I needed it for my own design work, so "solves an actual usecase" is the best compliment I could get today. Good luck with Narrify!
Figma-ready export is the detail that'll get this used instead of just admired — most contour generators stop at a flat PNG and leave you rebuilding the layers yourself. Would love to see support for custom color stops beyond gradient presets, for teams matching an existing brand palette on maps/posters.
Topolines
@cosmicbunny Good news, that already ships. In the gradient editor you can add, move and delete stops, and each one opens a full colour picker, so brand palette matching works today (it's part of the Pro colour controls). The built-in presets are just starting points, not a limit. What's genuinely missing is saving your own gradient as a reusable preset across projects, which is the top request from today. That one I'm taking.
the fact that the contour taper responds to your drawn gradient rather than just snapping to preset levels is a really thoughtful touch. the svg export stays clean too, no weird node cleanup needed when I dropped it into figma.
Topolines
@ahinyu95 Thanks for the kind words on the export. Small correction, the taper doesn't follow the gradient, it's just an on/off that thins the lines with elevation. The gradient is separate.
Drew a quick mountain ridge and the contour output looked surprisingly clean for a browser tool. The Figma-ready SVG was the real treat, dropped straight into my layout without any cleanup.
Topolines
@sezerstenknpj Thanks! Just to be precise about what's happening: you draw the zone to pick the area, but the contours inside it come from real elevation data, so that ridge is an actual mountain rather than a shape. Glad the SVG dropped in clean.
Would love a way to import a simple list of elevation points or a CSV so I don't have to draw zones manually when I already have survey data. That would speed up my workflow a ton.
Topolines
@cafermqyf Interesting one. Right now everything comes from public elevation datasets rather than user data, so a CSV import would be a different pipeline. Curious what your survey data looks like, is it dense enough to interpolate contours from, or more like spot heights?
It would be great if you could add an option to import an existing SVG or image so we can trace over real terrain data instead of having to draw zones from scratch every time.
Topolines
@ferdivppa You draw a zone, but only to select the area. The contours come from real elevation data for that spot (SRTM 30m free, 10m GeoTIFF on paid), so there's nothing to trace over, what you get is already real terrain.
Adding a quick elevation labeling option directly on the contour lines would save a ton of time, especially for detailed terrain work where you need to identify specific altitudes at a glance without opening a separate legend.
Topolines
@ervahnkw It's on the list. The tricky part is placing labels along a curving path with a clean break behind them, done badly it reads worse than no labels at all. Not next week, but I want it.