Gradient Shapes Grid

Description (Clear & Professional)

This Framer component renders a dynamic grid of colorful, animated conic-gradient shapes. Each shape rotates smoothly using auto-generated CSS keyframes and scales, fades, and animates based on its position in the sequence. The entire animation is fully customizable through Framer property controls, allowing you to adjust the number of shapes, size, animation duration, scale factor, delay staggering, border radius, and gradient colors.

The component intelligently manages browser-only APIs, supports thumbnail rendering, and cleans up injected styles to ensure stable behavior inside Framer. Ideal for creating vibrant hero sections, abstract backgrounds, or layered animated visuals in modern web designs.