Tiled Swirl
A dynamic, color-responsive swirl made of animated tiles.
About this Component
The Tiled Swirl Canvas creates a mesmerizing visual composed of colored tiles that respond dynamically to an animated ripple pattern. Key features include:
Responsive tile sizes: Each tile adjusts based on its position and the swirling ripple effect.
Vibrant color palette: Customizable colors, with defaults in red, orange, blue, and purple.
Smooth animation: Tiles undulate in a continuous, hypnotic swirl, controlled by speed, tightness, and ripple intensity.
Flexible density and edge control: Adjust the number of tiles and how sharply the wave patterns appear.
Background and canvas customization: Supports any background color and adapts to parent size.
Interactive and lightweight: Works in Framer with real-time previews or static rendering.
Perfect for creative backgrounds, abstract visuals, or interactive art displays, this component brings vibrant, kinetic energy to any project.
