Neural Float

Soft neural filaments drifting through the dark

neural-float-tw

pro.reactbits.dev

ComponentsBlocksTemplatesPricing

Get Pro

Thoughts drifting into focus

Premium animated components and blocks, crafted to make your next launch feel alive.

Get startedBrowse library

9:41

Thoughts drifting into focus

Premium animated components and blocks, crafted to make your next launch feel alive.

Get startedBrowse library

Thoughts drifting into focus

Premium animated components and blocks, crafted to make your next launch feel alive.

Get startedLearn more

Customize

Strands

Strand Drift

Strand Width

1.0

Halo Width

1.0

Halo Strength

0.50

Speed

1.00

Zoom

1.00

Rotation

Turbulence

0.15

Turbulence Scale

4.00

Warp

0.050

Pulse Frequency

Pulse Speed

5.0

Segment Frequency

6.0

Segment Speed

2.00

Core Intensity

1.15

Core Falloff

5.0

Swirl Arms

Swirl Speed

3.00

Chromatic Aberration

0.006

Posterize

Dither

0.30

Dither Scale

Fade Start

0.30

Fade End

1.20

Gamma

0.90

Brightness

1.00

Opacity

1.00

Cursor Parallax

0.12

Detail

Cold Color

Hot Color

Background

Cursor InteractionAdaptive QualityPaused

Props

Name	Type	Default	Description
`colorCold`	string	`"#2659d9"`	Cool end of the strand gradient.
`colorHot`	string	`"#d966d9"`	Warm end of the strand gradient.
`backgroundColor`	string	`"#0a0a0a"`	Fill behind the field.
`strands`	number	`12`	Number of strand pairs woven through the field.
`strandDrift`	number	`6`	How far the strand count breathes above and below its base.
`strandWidth`	number	`1`	Tightness of the bright center of each strand.
`haloWidth`	number	`1`	Spread of the halo around each strand.
`haloStrength`	number	`0.5`	Brightness of that halo.
`speed`	number	`1`	Global time multiplier.
`zoom`	number	`1`	Field magnification, where higher values pull the weave closer.
`rotation`	number	`0`	Rotation of the whole field in degrees.
`turbulence`	number	`0.15`	How far turbulence bends each strand off its axis.
`turbulenceScale`	number	`4`	Frequency of the turbulence that bends the strands.
`warp`	number	`0.05`	Whole-field warp applied before the strands are drawn.
`pulseFrequency`	number	`18`	Frequency of the light pulses running along each strand.
`pulseSpeed`	number	`5`	Travel speed of those pulses.
`segmentFrequency`	number	`6`	Frequency of the mask that breaks strands into segments.
`segmentSpeed`	number	`2`	Drift speed of that mask.
`coreIntensity`	number	`1.15`	Brightness of the plasma core at the center.
`coreFalloff`	number	`5`	How quickly the core falls away from the center.
`swirlArms`	number	`3`	Number of arms in the core swirl.
`swirlSpeed`	number	`3`	Rotation speed of the core swirl.
`chromaticAberration`	number	`0.006`	Lens-style color separation.
`posterize`	number	`6`	Posterization steps, where lower values band harder.
`dither`	number	`0.3`	How much of the posterized image bleeds through.
`ditherScale`	number	`2`	Block size of the posterize sampling grid.
`fadeStart`	number	`0.3`	Distance at which the field starts fading out.
`fadeEnd`	number	`1.2`	Distance at which the field has fully faded.
`gamma`	number	`0.9`	Output gamma, where lower values lift the shadows.
`brightness`	number	`1`	Overall brightness multiplier.
`opacity`	number	`1`	Master alpha from 0 to 1.
`cursorInteraction`	boolean	`true`	Let the field drift toward the cursor.
`cursorParallax`	number	`0.12`	How far the field drifts toward the cursor.
`detail`	number	`3`	Turbulence octaves, the main quality and cost dial.
`adaptiveQuality`	boolean	`true`	Drop resolution automatically to hold the frame rate.
`targetFps`	number	`60`	Frame rate the adaptive scaler aims for.
`dpr`	number	`2`	Upper bound on device pixel ratio, clamped to the real screen density.
`paused`	boolean	`false`	Freeze all motion.
`children`	ReactNode	`undefined`	Content rendered above the field.
`width`	number \| string	`"100%"`	Container width.
`height`	number \| string	`"100%"`	Container height.
`className`	string	`""`	Additional CSS classes.

colorColdstring

Cool end of the strand gradient.

Default"#2659d9"

colorHotstring

Warm end of the strand gradient.

Default"#d966d9"

backgroundColorstring

Fill behind the field.

Default"#0a0a0a"

strandsnumber

Number of strand pairs woven through the field.

Default12

strandDriftnumber

How far the strand count breathes above and below its base.

Default6

strandWidthnumber

Tightness of the bright center of each strand.

Default1

haloWidthnumber

Spread of the halo around each strand.

Default1

haloStrengthnumber

Brightness of that halo.

Default0.5

speednumber

Global time multiplier.

Default1

zoomnumber

Field magnification, where higher values pull the weave closer.

Default1

rotationnumber

Rotation of the whole field in degrees.

Default0

turbulencenumber

How far turbulence bends each strand off its axis.

Default0.15

turbulenceScalenumber

Frequency of the turbulence that bends the strands.

Default4

warpnumber

Whole-field warp applied before the strands are drawn.

Default0.05

pulseFrequencynumber

Frequency of the light pulses running along each strand.

Default18

pulseSpeednumber

Travel speed of those pulses.

Default5

segmentFrequencynumber

Frequency of the mask that breaks strands into segments.

Default6

segmentSpeednumber

Drift speed of that mask.

Default2

coreIntensitynumber

Brightness of the plasma core at the center.

Default1.15

coreFalloffnumber

How quickly the core falls away from the center.

Default5

swirlArmsnumber

Number of arms in the core swirl.

Default3

swirlSpeednumber

Rotation speed of the core swirl.

Default3

chromaticAberrationnumber

Lens-style color separation.

Default0.006

posterizenumber

Posterization steps, where lower values band harder.

Default6

dithernumber

How much of the posterized image bleeds through.

Default0.3

ditherScalenumber

Block size of the posterize sampling grid.

Default2

fadeStartnumber

Distance at which the field starts fading out.

Default0.3

fadeEndnumber

Distance at which the field has fully faded.

Default1.2

gammanumber

Output gamma, where lower values lift the shadows.

Default0.9

brightnessnumber

Overall brightness multiplier.

Default1

opacitynumber

Master alpha from 0 to 1.

Default1

cursorInteractionboolean

Let the field drift toward the cursor.

Defaulttrue

cursorParallaxnumber

How far the field drifts toward the cursor.

Default0.12

detailnumber

Turbulence octaves, the main quality and cost dial.

Default3

adaptiveQualityboolean

Drop resolution automatically to hold the frame rate.

Defaulttrue

targetFpsnumber

Frame rate the adaptive scaler aims for.

Default60

dprnumber

Upper bound on device pixel ratio, clamped to the real screen density.

Default2

pausedboolean

Freeze all motion.

Defaultfalse

childrenReactNode

Content rendered above the field.

Defaultundefined

widthnumber | string

Container width.

Default"100%"

heightnumber | string

Container height.

Default"100%"

classNamestring

Additional CSS classes.

Default""