Realistic liquid glass shader effects
Interactive 3D logo rendering with Three.js
Upload custom SVG logos instantly
Premium refraction and chromatic dispersion
Frosted blur glass rendering
Mouse tracking and drag rotation controls
Floating idle animation support
Optional auto-rotation motion
Dynamic environment reflections
Fully customizable glass appearance
High-performance optimized WebGL rendering
Responsive scaling and ultra-HD visuals
Upload custom SVG logos
Switch between SVG, Torus, Sphere, or X shapes
Adjust 3D extrusion depth
Control bevel edge softness
Customize glass tint color
Fine-tune refraction intensity
Adjust dispersion and chromatic aberration
Control frost blur strength
Enable or disable floating motion
Toggle mouse tracking interaction
Enable drag rotation or auto-rotation
Add custom background images for reflections
Add the component to your Framer project
Upload your custom SVG logo or choose a preset shape
Adjust extrusion depth and bevel styling
Customize glass tint and refraction settings
Upload a background image for realistic reflections
Enable mouse tracking, drag rotate, or auto-spin effects
Publish stunning liquid glass logo animations instantly
SaaS brand hero sections
Startup landing pages
Interactive logo showcases
Creative agency websites
Portfolio intros
AI product branding
Modern WebGL experiences
Premium marketing pages
3D visual identity presentations
High-end glassmorphism interfaces
Saadat Ali
