Skip to content

component

3D Logofy

By Inam

Details

Summary

Flat logos to interactive 3D

Description

Elevate your branding with a high-performance WebGL component designed to transform flat SVGs into premium 3D elements. Built for designers who demand an aesthetic edge, this tool uses cinematic lighting and real-time physics to create a tactile, high-end experience that standard CSS simply cannot match. Key Features: Physical Geometry: Control the Thickness and Bevel depth of your logo to create a solid, extruded 3D form from any standard vector path. Pro-Grade Materials: Fine-tune Roughness and Metalness to simulate real-world surfaces, from industrial brushed aluminum to soft-touch matte plastics. Dynamic Cursor Light: A responsive light source that follows the user's mouse, with adjustable Power and Reach to create a focused, interactive glow. Cinematic Spotlight: Includes an area-light approximation with a Source Size slider, allowing for wide, physically accurate reflections that flood the scene. Floating Physics: Toggle Floating Mode to enable real-time object collisions and natural kinetic movement, adding life and "gravity" to your assets. Tactile Interaction: Built-in Drag and Spin settings allow users to manually rotate and explore the 3D space with smooth, momentum-based movement.

Introduction

Flat logos to interactive 3D

Rank history

Daily rank per list, from the first snapshot — lower is better.

11001200123668/148/228/309/79/15
  • All · #2366