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