spite/THREE.MeshLine

Health v2 · maintenance only

Adoption not part of the score

2339 stars · 380 forks observed · 2026-08-28

What it is AI-extracted, prompt v1, taxonomy v1, 2026-08-30, confidence not recorded

A JavaScript library that replaces THREE.Line in three.js by rendering lines as billboarded triangle strips instead of GL_LINE, enabling thick, textured, and customizable lines in WebGL. It provides MeshLine, MeshLineMaterial, and raycasting support for interactive line rendering.

Use cases

• draw thick lines in three.js
• render SVG paths as 3D lines
• plot graphs with styled lines in WebGL
• create animated line trails or ribbons
• make lines with custom textures and materials
• add clickable/pickable lines to a 3D scene

When to choose

• you need line widths beyond the 1px limit of GL_LINE
• you want textured, dashed, or gradient lines in three.js
• you need lines that respond to raycasting/interaction
• you're rendering SVG paths or graph data as 3D lines

When to avoid

• you only need simple 1px debug lines (use THREE.Line)
• you're not using three.js or WebGL
• you need 2D canvas/SVG line drawing instead of 3D

Facets

library · maturity stable

graphics animation ui-components web-development graphics browser cross-platform threejs webgl glsl shaders line-rendering mesh-lines game-development web-server

Member repositories

For agents

markdown · JSON · MCP: product_card(name="spite/THREE.MeshLine")