Ultimate Liquid Vortex is not just a gallery—it’s a cinematic event for your hero section. It abandons the traditional 2D grid in favor of a mathematically driven 3D formation system. Using custom vertex shaders, the component applies a "Vortex Warp" to your media, causing images and videos to "drag" and stretch elastically as you scroll or swipe.

This component is engineered for designers who want to bridge the gap between UI and motion art. Whether it's a high-end portfolio or a luxury brand showcase, the Liquid Vortex delivers a level of tactile depth that standard Framer components simply cannot reach.

✨ Key Highlights

• 5 Architectural Formations: Instantly switch between U-Shape, Cylinder, V-Wedge, Forward Crest, or Flat layouts. The engine recalculates the 3D path of every item in real-time.

• Vortex Elastic Warp: Built with a custom GLSL shader that tracks movement velocity. The faster the carousel spins, the more the cards "drag" and warp, creating a breathtaking sense of physical inertia.

• Symmetrical Card Bending: Cards aren't just positioned in 3D; they are physically bent. Choose "Inward" or "Outward" bending to make your media feel like it's printed on flexible glass.

• SmartColor™ Typography: The engine includes a procedural color-extraction tool. It "reads" each image and automatically tints the floating label to match the most prominent color of the media.

• Infinite Elastic Drag: Features a hybrid interaction model—use your mouse wheel, trackpad, or touch-drag. The "Glide Friction" settings ensure the carousel settles into place with buttery smoothness.

• Hybrid Media Engine: Full support for high-res Images and MP4 Videos. Videos are color-corrected in Linear SRGB space to ensure they pop with professional vibrance.

⚙️ Complete Design Control

• Visual Physics: Fine-tune the "Warp" strength, "Curve" intensity, and "Center Scale" (how much the labels magnify when focused).

• 3D Camera Suite: Adjust the "Distance" and "Perspective" (FOV). Total control over the global Tilt (X, Y, Z) allows you to set the carousel at an aggressive, high-tech angle.

• Shadow & Depth: Includes a custom 3D Shadow shader. Adjust the "Spread" and "Intensity" to ground your cards in 3D space.

• Typography Lab: Fully customizable floating labels with font-family support, offset control, and dynamic scaling.