Hero Section With Flickering Lights
Light bulbs arranged on a steel grid flicker to life in a staggered sequence, creating a dramatic startup effect. Each bulb transitions through off, flickering, and on states with realistic timing. Random bulbs occasionally fuse with spark particle effects before reigniting moments later.
The hero features a bold headline, description text, and CTA buttons that brighten in sync with the grid illumination. A 3D-rotated steel grid with perspective transforms provides depth. Configure bulb positions, excluded grid spots, fusing probability, and timing through component props.
Works well for industrial product launches, creative agency sites, entertainment platforms, gaming landing pages, and any brand wanting to make a bold first impression with theatrical lighting effects.
Explore more
Part of Hero Sections ยท 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




