# Lighthouse Ascii Hero

> Live 3D lighthouse hero in 1-bit dither that follows your theme: a night sea in dark mode, an ink print in light. A beam sweeps a sea of distractions, the headline sits on calm water, and the camera pivots on it as you scroll. Free to use under the FocuzNow Attribution License: keep the credit link visible.

- Author: [Avan](https://21st.dev/@avansiva4)
- License: mit
- Tags: Landing Page, Hero, Dither, WebGL, Three.js
- npm dependencies: three, lucide-react, framer-motion
- Live preview: https://21st.dev/@avansiva4/components/lighthouse-ascii-hero

## Install

```bash
npx shadcn@latest add "https://21st.dev/r/avansiva4/lighthouse-ascii-hero?api_key=$API_KEY_21ST"
```

Requires a 21st API key (generate one at https://21st.dev/mcp) passed as `API_KEY_21ST`. Free accounts get a limited number of installs per day; unlimited on a paid plan — see https://21st.dev/pricing.

Full component directory: https://21st.dev/llms.txt · More like this: https://21st.dev/community/components/s/landing-page.md