Hero Section 2 is a complete landing page hero from the nyxui section collection: headline, supporting copy, and a call to action arranged around an animated centerpiece. All the copy is editable props and the section is self contained, so it drops into any Next.js or React page as-is. Built with Framer Motion and Tailwind CSS. Use it as the starting point for a product launch page.
Installation
Install dependencies.
Copy and paste the following code into your project.
Unlock the full library
Get all pro blocks, components & illustrations, and production-ready Next.js + Tailwind templates.
Update the import paths to match your project setup.
Related blocks
- Card Scanner
An infinite card stream that flows through a central light beam — cards crossing it are clipped away and revealed as glitching binary digits, with Three.js ambient particles and a scanner burst that intensifies during a scan. The beam and particles glow green.
- Character Selector
A gacha-style deploy scene — three equip slots open a blurred roster overlay with GSAP timelines, star-tier cards, and swap logic.
- Feature Section 01
A three-card feature section with animated assets — a typewriter prompt, a browser design mock with a draw-in frame, and an infrastructure sidebar with a looping highlight.
- Feature Section 02
A security feature section arranging the auth mockups — security dial, fraud feed, MFA code, session list, and bot radar — in an asymmetric grid.

