component
Liquid Glass Logo
By Saadat Ali
Details
- Saadat AliAuthor
- componentType
- $10.00Price
- 2026-05-30Published
- 2026-09-14Updated
- 2026-05-26Added
- InteractiveCategories
Summary
Features Realistic liquid glass shader effects Interactive 3D logo rendering with Three.js Upload custom SVG logos instantly Premium refraction and chromatic dispersion Frosted…
Description
Features 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 Customization Options 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 How to Use 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 Use Cases 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
Introduction
Interactive 3D Glass SVG Logo
Rank history
Daily rank per list, from the first snapshot — lower is better.
- All · #399