Skip to content

component

Interactive Bg

By Ramcharantej Paka

Details

Summary

Interactive liquid optics for high-stake

Description

Features Reactive Physics: A WebGL-driven lens that tracks movement with zero lag. Depth Control: Toggle between Convex (magnify) and Concave (dent) distortion. Infinite Fade: Mathematical smooth step edges that dissolve perfectly into the background. Brand Tint Engine: Built-in colour grading with six blend modes to match any brand identity instantly. Aspect Lock: Intelligent anti-stretch logic that keeps your textures proportional on any screen size. Instructions Placement: Drop the component into your section and set it to Layer 0 (Background). Texture: Upload a high-res image to the Base Texture slot. Lens Tuning: * Use a Negative value for a "magnifying glass" swell. Use a Positive value for a "puddle" hollow effect. Colour: Enable Brand Tint to recolour the background. Use Overlay or Colour blend modes for the best results. Mobile: No setup required. Touch tracking is natively active and scroll optimized. Pro Tip: Keep your typography on a separate high-index layer. The contrast between sharp text and the liquid void underneath is what creates the premium feel.

Introduction

Interactive liquid optics for high-stake

Rank history

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

110012001300139888/148/228/309/79/15
  • All · #3964