Scanner Effect

Add decorative scan and light motion.

How to use

Set scan colors, speed and effects.
Place it in a highlight area and check performance in presentation mode.

Things to check

A visual effect; it does not scan devices, networks or security vulnerabilities.

Property reference

Select the module in the editor to change its settings. Technical identifiers below are kept unchanged for reference; some advanced fields are stored as structured data rather than separate controls.

Find a property

47 / 47

animationPaused

Enables or disables the associated behavior or visible element. Check the result in presentation preview.

boolean

animationType

Selects appearance or movement style for the associated element. Valid choices are provided in the module editor.

'continuous' | 'pulse' | 'sweep' | 'radar'

backgroundColor

Sets the color of the associated element or surface. Use the color picker and check text contrast.

string

backgroundGradient

Sets the color of the associated element or surface. Use the color picker and check text contrast.

boolean

borderRadius

Changes the associated element dimension or spacing. Follow the editor unit and check overflow or cropping.

number

centerElementSize

Changes the associated element dimension or spacing. Follow the editor unit and check overflow or cropping.

number

colorTheme

Selects appearance or movement style for the associated element. Valid choices are provided in the module editor.

'cyber-blue' | 'matrix-green' | 'neon-purple' | 'retro-orange' | 'blood-red' | 'golden'

dotCount

The associated element count or extent. Increasing it can require more space and rendering work.

number

dotSize

Changes the associated element dimension or spacing. Follow the editor unit and check overflow or cropping.

number

glowIntensity

Sets the associated effect intensity or visibility. Stay within the editor allowed range.

number

gradientAnimation

Selects appearance or movement style for the associated element. Valid choices are provided in the module editor.

boolean

gradientAnimationSpeed

Controls movement speed, duration or delay. Units are shown in the editor control; test timing in presentation mode.

number

gradientAnimationType

Selects appearance or movement style for the associated element. Valid choices are provided in the module editor.

string

gradientColor1

Sets the color of the associated element or surface. Use the color picker and check text contrast.

string

gradientColor2

Sets the color of the associated element or surface. Use the color picker and check text contrast.

string

gradientDirection

Sets the associated element alignment, placement or direction; preview it within the content area.

'radial' | 'linear-top' | 'linear-bottom' | 'linear-left' | 'linear-right' | 'linear-diagonal'

gridDensity

Sets the associated effect intensity or visibility. Stay within the editor allowed range.

number

gridOpacity

Sets the associated effect intensity or visibility. Stay within the editor allowed range.

number

gridPerspective

Changes perspective depth of the decorative grid.

boolean

heartbeatThickness

Changes the associated element dimension or spacing. Follow the editor unit and check overflow or cropping.

number

height

Changes the associated element dimension or spacing. Follow the editor unit and check overflow or cropping.

number

innerRingDistance

Changes the associated element dimension or spacing. Follow the editor unit and check overflow or cropping.

number

matrixCols

The associated element count or extent. Increasing it can require more space and rendering work.

number

matrixRows

The associated element count or extent. Increasing it can require more space and rendering work.

number

opacity

Visibility ratio: 0 is fully transparent and 1 is fully opaque.

number

outerRingDistance

Changes the associated element dimension or spacing. Follow the editor unit and check overflow or cropping.

number

primaryColor

Sets the color of the associated element or surface. Use the color picker and check text contrast.

string

radarDotCount

The associated element count or extent. Increasing it can require more space and rendering work.

number

radarSweepColor

Sets the color of the associated element or surface. Use the color picker and check text contrast.

string

ringCount

The associated element count or extent. Increasing it can require more space and rendering work.

number

scanDirection

Sets the associated element alignment, placement or direction; preview it within the content area.

'horizontal' | 'vertical'

scanOpacity

Sets the associated effect intensity or visibility. Stay within the editor allowed range.

number

scanSpeed

Controls movement speed, duration or delay. Units are shown in the editor control; test timing in presentation mode.

number

scanThickness

Changes the associated element dimension or spacing. Follow the editor unit and check overflow or cropping.

number

scannerType

Selects appearance or movement style for the associated element. Valid choices are provided in the module editor.

'radar' | 'pulse-dots' | 'wave' | 'sonar' | 'matrix' | 'heartbeat'

secondaryColor

Sets the color of the associated element or surface. Use the color picker and check text contrast.

string

showCenterElement

Enables or disables the associated behavior or visible element. Check the result in presentation preview.

boolean

showGrid

Enables or disables the associated behavior or visible element. Check the result in presentation preview.

boolean

showRadarDots

Enables or disables the associated behavior or visible element. Check the result in presentation preview.

boolean

showScanLines

Enables or disables the associated behavior or visible element. Check the result in presentation preview.

boolean

showWaves

Enables or disables the associated behavior or visible element. Check the result in presentation preview.

boolean

transparentBackground

Enables or configures the associated visual emphasis; check legibility on the background.

boolean

waveAmplitude

Changes the associated element dimension or spacing. Follow the editor unit and check overflow or cropping.

number

waveCount

The associated element count or extent. Increasing it can require more space and rendering work.

number

waveOpacity

Sets the associated effect intensity or visibility. Stay within the editor allowed range.

number

waveThickness

Changes the associated element dimension or spacing. Follow the editor unit and check overflow or cropping.

number

width

Changes the associated element dimension or spacing. Follow the editor unit and check overflow or cropping.

string | number