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.
The polygon prism smoothly follows the cursor position across the screen.
Cursor speed dynamically increases or decreases the number of polygon sides.
Adjust how quickly the prism responds to cursor movement.
Control how dramatically the shape reacts to movement.
Enable or disable real-time cursor-based reactions.
Create fading polygon trails that follow the cursor path.
Define how long previous shapes remain visible.
Set the default number of polygon sides before motion changes occur.
Adjust the outline thickness of the prism shape.
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.
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
Muhammad Talha
