---
title: Stadium Light Beams
description: An elite stadium light beams background component. Features customizable rising fiery light columns on left/right flanks, real-time mouse spotlight tracking, proximity-based individual beam surges, ambient radial flare, and full light and dark mode theme support.
---

<ComponentPreview name="stadium-light-beams-demo" />

## Premium Pro Component

This is a premium Pro component. To get access to its source code and advanced interactive configurations:
1. Visit the pricing page: [https://lightswind.com/pricing](https://lightswind.com/pricing)
2. Purchase a license to unlock this component.

If you have already purchased a license, you can install this component directly via our CLI:

```bash
npx lightswind@latest add stadium-light-beams
```

*(Note: Make sure you have configured your API key in your project to authenticate your Pro license).*

## Installation

<Tabs defaultValue="cli">

<TabsList>
  <TabsTrigger value="cli">CLI</TabsTrigger>
  <TabsTrigger value="manual">Manual</TabsTrigger>
</TabsList>
<TabsContent value="cli">

```bash
npx lightswind@latest add stadium-light-beams
```

</TabsContent>

<TabsContent value="manual">

> [!IMPORTANT]
> This is a premium component. Manual copy-paste source code is only available to Pro license holders.
> Please purchase a plan at [https://lightswind.com/pricing](https://lightswind.com/pricing) to unlock manual access, or use the authenticated CLI command:
> 
> ```bash
> npx lightswind@latest add stadium-light-beams
> ```

</TabsContent>

</Tabs>

## Usage

```tsx
import { StadiumLightBeams } from "@/components/lightswind-pro/stadium-light-beams"
```

```tsx
import { StadiumLightBeams } from "@/components/lightswind-pro/stadium-light-beams";

export function Demo() {
  return (
    <StadiumLightBeams className="w-full min-h-[500px] p-8">
      <div className="text-center py-20">
        <h1 className="text-4xl font-bold">Building the Future</h1>
        <p className="mt-4 text-zinc-600 dark:text-zinc-400">Join the waitlist today.</p>
      </div>
    </StadiumLightBeams>
  );
}
```