Spotlight Logo Cloud
Logos display in a 4-column CSS grid with consistent gap spacing. No animations apply to the logos themselves; they sit statically in their grid positions for a clean, professional appearance.
Behind the logos, an AmbientColor component creates a spotlight effect using absolutely positioned divs with radial gradients. These gradients use blue-tinted HSL colors at varying opacities, rotated 45 degrees, and blurred for a soft glow.
The heading uses gradient text styling while the subheading provides context about the featured brands. Logos use object-contain sizing and dark:invert for theme compatibility.
Works for investor showcase sections, "backed by" displays, or any context where you want logos to feel premium without distracting animations.
Explore more
Part of Logo Clouds ยท All blocks
Build websites faster and 10x better than your competitors with
Aceternity UI Pro
Next.js 15, Tailwind CSS v4 and Motion for react powered templates
100+ templates and blocks combined
Ready to copy paste component blocks, save days of development time







