The BlobFx component creates animated blob gradients with smooth horizontal movement. It uses a seed-based pseudo-random system to generate consistent variations, making it perfect for hero sections, backgrounds, or decorative elements.

Use the seed prop to generate different pseudo-random variations. Each seed produces a unique combination of animation durations and movement patterns.

Combine with other components to create layered backgrounds. The effect uses pointerEvents="none" so it won't interfere with interactive elements.

The component uses three animated gradient blobs with:

• Pseudo-random durations: Each seed generates animation durations ranging from 6.4s to 14.4s
• Varied movement: Horizontal translation offsets are randomized by ±30%
• Blend modes: Uses screen and plus-lighter for smooth color mixing
• Blur filter: 2rem blur creates the soft blob effect

The seed-based randomization ensures consistent results across renders while providing variety between different instances.