Amorphous Cursor

Elevate your Framer site with an ultra-smooth, responsive 3D Amorphous Liquid Cursor. Powered by custom GLSL shaders and Three.js, this drag-and-drop component replaces the default system mouse pointer with a dynamic, morphing fluid blob that flows effortlessly across the viewport.

Key Features:

• 🌊 Real-Time 3D Shader Deformation: High-performance Simplex noise algorithm creates an organically morphing liquid surface.

• 🖱 Native Cursor Hiding: Automatically hides the OS cursor site-wide with clean cleanup upon unmount.

• 🎛 Full Control from Framer Sidebar: Customize color, size, motion speed, noise complexity, and sheen glow without writing code.

• 💎 Glassmorphism Mode: Toggle between rich solid materials and semi-transparent frosted glass with dynamic specular lighting.

• ⚡ Performance Optimized: Uses pure WebGL rendering without heavy React wrapper overhead. Fully SSR-safe and lag-free across desktop viewports.

Property Controls Included:

PropertyTypeDescriptionSizeNumberAdjust radius of the 3D sphere

Liquid SpeedSliderControl undulating surface speed

LoosenessSliderSet displacement amplitude

ComplexitySliderAdjust surface noise density

Base ColorColor PickerCustom color overlay

Sheen GlowSliderHighlight intensity

GlassmorphismToggleSwitch between standard and refraction glass material