Vibe UI
Initializing Vibe UI System...

Scanner

An advanced hardware-accelerated WebGL animated scanner background rendering procedural laser scan lines, CRT scanlines, and glow sweep fields. Optimizes automatically when exiting the viewport or tabs blur.

Preview

📡 SYSTEM SCAN ACTIVE

Grid Sector #02

Hardware-accelerated coordinate radar scanning. Generates procedural sweep bands with dynamic color shifts.

Installation

Installation

pnpm dlx vibe-ui-kit@latest add undefined

Variations

tactical Radar scope

Diagnostic tactical grid sweep overlay representing green console CRT screens.

RADAR_SCOPE_CONNECTED

SECTOR_MONITOR_09

COORD_X: 47.92
COORD_Y: 104.18
SWEEP_RATE: 0.35/SEC

Synthwave Sunset Scan

Broad, glowing sunset pink and deep purple scans floating slowly across space.

Aesthetic Sweep

Synthwave Radar

Broad, glowing horizontal bands in sunset purple, pink, and deep cyan drifting slowly to form a gorgeous retrowave ambient environment.

Props

PropTypeDefaultDescription
color1string"#5227FF"Base sweep gradient start color (Hex format)
color2string"#FF9FFC"Secondary sweep gradient color (Hex format)
color3string"#FFFFFF"Blending highlight glow overlay color (Hex format)
speednumber0.5Global noise speed factor
sweepSpeednumber0.25Frequency rate of the radar laser sweep scroll
sweepWidthnumber1.6Spacing width between adjacent sweep waves
sweepFalloffnumber6Sharpness decay exponent of the sweeping light glow
scalenumber1.5Global texture scale index
frequencynumber2Frequency spacing of the signal warp wave field
ripplenumber0.22Amplitude rate of line wave ripple distortion
bandDensitynumber11Visual density of the radar subline bars
lineSharpnessnumber5.5Sharpness exponent of the subline grid rendering
glownumber0.22Base glow intensity of the radar body sweep space
scanDirection'vertical' | 'horizontal' | 'diagonal''vertical'Scroll sweeping scan direction orientation
colorSpreadnumber0.7RGB split chromatic dispersion width factor
brightnessnumber1.0Overall color brightness intensity multiplier
contrastnumber1.15Overall color contrast multiplier
softnessnumber1.4Anti-aliasing border softness edge factor
vignettenumber0.45Vignette darkening factor at the viewport edges
scanlinebooleantrueEnables pixel scanlines overlay effect
grainbooleantrueEnables background overlay noise grain overlay
grainIntensitynumber0.05Grain noise intensity alpha
opacitynumber1.0Overall transparency alpha multiplier
mouseInteractionbooleantrueAllows cursor position to boost local glow brightness
mouseRadiusnumber0.5Cursor influence radius scale
mouseStrengthnumber0.5Cursor local brightness boost scale

Contributors

Theme Customizer

8px
@theme { --radius: 0.5rem; --glass-blur: 8px; }
Changes apply instantly to this documentation workspace.
Scanner | Vibe UI