Skip to content

component

Prisma Cursor

By Framify

Details

Summary

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

Description

SetFrame Banner 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

Introduction

Interactive Polygon Cursor Prisma

Rank history

Daily rank per list, from the first snapshot — lower is better.

12001400146268/148/228/309/79/15
  • All · #4626