Metalmorphism

This component uses advanced shaders to simulate a metallic fluid that reacts in real-time. You have complete control over viscosity, lighting, speed, and optical distortion.

Key Features:

• Custom Logo Mask: Upload your own logo (transparent PNG or SVG) and watch it melt into liquid chrome instantly.

• Pre-made Shapes: Don't have a logo? Use the built-in abstract shapes (Circle, Diamond, Daisy, Metaballs).

• Chromatic Control (RGB Shift): Add that futuristic chromatic aberration effect (color separation) for a glass or holographic look.

• Total Customization: Fine-tune background colors, tint, flow speed, and distortion intensity directly from the sidebar.

• High Performance: Optimized to run smoothly on modern browsers.

Perfect Use Cases:

• Hero Headers: Create a moving abstract background for large typography.

• Brand Logos: Bring tech, crypto, or design agency logos to life.

• Badges & Seals: Design premium guarantee seals with a molten gold or silver effect.

• Interactive Cards: Use as a visual hook in bento grids or feature lists.

  ↓↓ See the component in Framer ↓↓