A minimal, interactive canvas featuring dynamic geometric patterns illuminated by fluid cursor tracking. Designed to anchor high-end layouts with subtle kinetic depth and click-responsive spatial ripples.
Geometric pattern selection (dots, grid, crosses) for aligning the visual architecture with specific brand identities.
Variable shape roundness for morphing matrix elements from rigid squares to soft circular points.
Radial edge vignette masking for blending the component seamlessly into the surrounding webpage layout.
Stroke and fill thickness controls for fine-tuning the visual weight of the underlying structural geometry.
Grid density calibration for scaling the rhythmic spacing and overall density of the pattern matrix.
Resting state color configuration for defining the ambient, unlit appearance of the background elements.
Illumination color settings for establishing the vibrant hue of the interactive cursor and kinetic ripple effects.
Dynamic illumination spread adjustments for dictating the size and reach of the cursor flashlight mask.
Base canvas color management for setting the deep structural foundation behind the active pattern.
Fluid spring physics integration for ensuring cursor tracking feels composed, weighted, and mathematically natural.
Concurrent ripple state handling for sustaining complex kinetic feedback during rapid user interactions.
Native responsive dimension scaling for adapting instantly to parent container constraints without distortion.
Drag the Nova Pixels component from your assets panel onto the Framer canvas.
Select your preferred base geometry (dots, grid, or crosses) via the properties panel.
Adjust the spacing, thickness, vignette, and color settings to match your specific design system.
Publish the site to activate the physics-driven cursor tracking and click behaviors.
Orchestrate every cursor movement into a fluid, kinetic light experience.
A minimal, interactive canvas featuring dynamic geometric patterns illuminated by fluid cursor tracking. Designed to anchor high-end layouts with subtle kinetic depth and click-responsive spatial ripples.
Geometric pattern selection (dots, grid, crosses) for aligning the visual architecture with specific brand identities.
Variable shape roundness for morphing matrix elements from rigid squares to soft circular points.
Radial edge vignette masking for blending the component seamlessly into the surrounding webpage layout.
Stroke and fill thickness controls for fine-tuning the visual weight of the underlying structural geometry.
Grid density calibration for scaling the rhythmic spacing and overall density of the pattern matrix.
Resting state color configuration for defining the ambient, unlit appearance of the background elements.
Illumination color settings for establishing the vibrant hue of the interactive cursor and kinetic ripple effects.
Dynamic illumination spread adjustments for dictating the size and reach of the cursor flashlight mask.
Base canvas color management for setting the deep structural foundation behind the active pattern.
Fluid spring physics integration for ensuring cursor tracking feels composed, weighted, and mathematically natural.
Concurrent ripple state handling for sustaining complex kinetic feedback during rapid user interactions.
Native responsive dimension scaling for adapting instantly to parent container constraints without distortion.
Drag the Nova Pixels component from your assets panel onto the Framer canvas.
Select your preferred base geometry (dots, grid, or crosses) via the properties panel.
Adjust the spacing, thickness, vignette, and color settings to match your specific design system.
Publish the site to activate the physics-driven cursor tracking and click behaviors.
Orchestrate every cursor movement into a fluid, kinetic light experience.
Shouvik Biswas
