Amorphous Cursor

Freaky Blobby Adjustable 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: PropertyTypeDescriptionSize NumberAdjust radius of the 3D sphere Liquid Speed SliderControl undulating surface speed Looseness SliderSet displacement amplitude Complexity SliderAdjust surface noise density Base Color Color PickerCustom color overlay Sheen Glow SliderHighlight intensity Glassmorphism ToggleSwitch between standard and refraction glass material

Freaky Blobby Adjustable Cursor