Prisma Cursor

Prisma Cursor is an interactive Framer code component that transforms the mouse pointer into a dynamic polygon prism that reacts to cursor movement in real time.

Instead of a static cursor, the prism continuously follows the pointer while morphing its geometry based on motion speed. As the cursor accelerates, the polygon increases or decreases its number of sides, creating a responsive geometric animation that feels alive.

The component also generates subtle motion trails that fade over time, giving the cursor a fluid and energetic feel without distracting from the interface.

Feature Highlights

Cursor Follow Motion

The polygon prism smoothly follows the cursor position across the screen.

Dynamic Polygon Sides

Cursor speed dynamically increases or decreases the number of polygon sides.

Speed Control

Adjust how quickly the prism responds to cursor movement.

Motion Intensity

Control how dramatically the shape reacts to movement.

Cursor Interaction Toggle

Enable or disable real-time cursor-based reactions.

Motion Trail

Create fading polygon trails that follow the cursor path.

Trail Length Control

Define how long previous shapes remain visible.

Polygon Base Sides

Set the default number of polygon sides before motion changes occur.

Stroke Thickness

Adjust the outline thickness of the prism shape.

Background Color

Customize the canvas background color.

Component Controls (Framer Props)

SpeedControls how quickly the prism reacts to cursor movement.

IntensityDefines how strongly movement affects the polygon deformation.

InteractToggle cursor interaction on or off.

TrailControls how quickly previous prism shapes fade out.

BackgroundSet the background color of the component canvas.

SidesBase number of polygon sides used by the prism.

LineAdjust stroke thickness of the polygon outline.

Why It’s Useful for Your Framer Site

Turns the cursor into an interactive design element• Adds playful motion without heavy animations• Creates a futuristic geometric cursor experience• Perfect for portfolios and creative agencies• Fully customizable to match brand aesthetics