---
title: "Nova Pixels — Free Framer component · Best of Framer"
description: "Free Framer component · by Shouvik Biswas · Effects. How to Use Drag the Nova Pixels component from your assets panel onto the Framer canvas."
canonical: "https://framer.elliotli.dev/component/nova-pixels"
---

[Home](/)/[Components](/components)/[Effects](/components/category/effects)/Nova Pixels

# Nova Pixels

Interactive Kinetic Light Canvas

[View on Framer](https://framer.com/marketplace/components/nova-pixels/?via=elliot-li)

![Nova Pixels preview image 1](https://framer.elliotli.dev/og/component/nova-pixels/6e13e247169d746e/1600x1200.jpg)

## Summary

How to Use Drag the Nova Pixels component from your assets panel onto the Framer canvas.

## Description

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.

## Features

-   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.
    

## How to Use

-   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._

## Rank history [How rankings work →](/terms#rankings)

-   All · #5509

## Details

- **Author**: Shouvik Biswas
- **Published**: 2026-07-08
- **Updated**: 2026-07-25
- **Added**: 2026-07-08
- **Categories**: Effects

## More like this

-   [Particle Image](/component/particle-image) — Jamik · $12 — Logos and photos as 3D points
-   [Ascii Portrait](/component/ascii-portrait) — The Black Sheep · Free — Photos that dissolve into ASCII
-   [Sandfall](/component/sandfall) — Cyedi Creative Studio · $5 — Your headline, buried in coloured
-   [Still Water](/component/still-water) — DariStudio · $9 — Water ripples over any photo