Interactive Sandbox

Use the sandbox to tune one line until it looks right, then copy the generated snippet into your own scene.

Open the full Interactive Sandbox demo

Typical Generated Code

import { MeshLine, circlePositions } from 'makio-meshline'

const line = new MeshLine()
	.lines( circlePositions( 64 ), true )
	.color( 0xff3300 )
	.gradientColor( 0x0033ff )
	.lineWidth( 12 )
	.dash( { count: 8, ratio: 0.5 } )
	.join( { type: 'miter', limit: 2 } )
	.build()

scene.add( line )

Start from one shape, change one control, and copy the result once the line looks right. The live sandbox adds presets and extra UI, but the exported line code stays small.