Circuit Grid

The Visual Logic Circuit Grid brings a technical, engineering-inspired data effect to your Framer projects. Unlike generic particle effects that float randomly, this component simulates a structured network. Particles travel along strict grid coordinates and execute logical 90-degree turns at intersections, mimicking the flow of data through a PCB or server network.

It creates a "System Intelligence" aesthetic that feels engineered and precise, rather than chaotic.

Key Features

• Generative Motion: Creates an infinite, non-repeating flow of data packets.

• System Logic: Particles follow a logic system (move, turn, stop) to create a "living system" look.

• Responsive: Automatically scales density and grid size for Mobile, Tablet, and Desktop.

• Theme Ready: Supports full transparency for both the grid and particles to blend with any dark or light mode.

Customizable Properties

• Grid Color: Adjust the faint background mesh opacity and color.

• Dot Color: Set the active data packet color (supports transparency/glows).

• Columns & Rows: Define the specific grid dimensions to control layout density.

• Density: Control the traffic volume of data packets.

• Speed: Adjust flow rate in pixels per frame (0.5 = Slow Drift, 10 = Turbo).

• Dot Size: Increase for visibility or decrease for subtlety.

Where to Use

• AI & Machine Learning Landing Pages.

• Cyber Security Dashboards.

• Engineering & SaaS Portfolios.

• Hardware Product Showcases.