Skip to content

component

Liquid Glass Logo

By Saadat Ali

Details

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.

11012013013998/148/228/309/79/15
  • All · #399