Ghost Fibers

A deep-blue recursive fiber field with luminous bands, radial twisting and soft atmospheric glow.

Default

Every prop is wired to the controls underneath. The fibers are drawn in a WebGL fragment shader.

Demo Content

FeaturesAbout Sign up

New Creative Components

Light woven from the quiet parts of the spectrum.

Get started Learn more

Customize

Line Color

Glow Color

Speed0.2

Scale2

Rotation0deg

Rotation Speed0.25

Layers4

Wave Amplitude0.015

Wave Frequency3

Wave Speed0.15

Layer Speed0.08

Twist0.1

Twist Frequency5

Twist Speed1.2

Line Frequency5

Line Spacing2

Line Sharpness16

Glow Falloff10

Glow Intensity1.6

Brightness2

Blue Boost1.25

Vignette0.8

Grain0.05

Light Rendering

Render Quality

Frame Rate

Paused

API Reference

GhostFibers

Prop	Type	Default	Description
`lineColor`	`string`	`'#140E35'`	Color of the thin fiber cores.
`glowColor`	`string`	`'#3437A0'`	Color of the broad luminous bands.
`speed`	`number`	`0.2`	Master animation speed.
`scale`	`number`	`2`	Zoom level of the field.
`rotation`	`number`	`0`	Static field rotation in degrees.
`rotationSpeed`	`number`	`0.25`	Continuous rotation rate.
`layers`	`number`	`4`	Number of cumulative fiber layers, from 1 to 10.
`waveAmplitude`	`number`	`0.015`	Strength of the recursive wave displacement.
`waveFrequency`	`number`	`3`	Frequency of the recursive wave displacement.
`waveSpeed`	`number`	`0.15`	Base speed of the layered waves.
`layerSpeed`	`number`	`0.08`	Additional wave speed contributed by each layer.
`twist`	`number`	`0.1`	Angular distortion applied during each iteration.
`twistFrequency`	`number`	`5`	Radial frequency of the angular distortion.
`twistSpeed`	`number`	`1.2`	Animation speed of the angular distortion.
`lineFrequency`	`number`	`5`	Base frequency of the bright fibers.
`lineSpacing`	`number`	`2`	Frequency increment applied per layer.
`lineSharpness`	`number`	`16`	Sharpness of the thin fiber cores.
`glowFalloff`	`number`	`10`	Falloff of the broad glowing bands.
`glowIntensity`	`number`	`1.6`	Brightness multiplier for the broad glow.
`brightness`	`number`	`2`	Exposure used by the final tone mapping.
`blueBoost`	`number`	`1.25`	Multiplier applied to the final blue channel.
`vignette`	`number`	`0.8`	Strength of the original edge darkening.
`grain`	`number`	`0.05`	Strength of the layered screen-space film grain.
`lightMode`	`boolean`	`false`	Uses an ink-on-light compositing mode.
`dpr`	`number`	`1`	Canvas pixel density, clamped between 0.5 and 2.
`fps`	`number`	`60`	Maximum shader render rate.
`paused`	`boolean`	`false`	Freezes the animation and stops its render loop.

Accessibility

Keyboard shortcuts and ARIA behavior.

Purely decorative canvas. Place it behind content with enough contrast.

Galaxy Gradient Blinds